#page-wrapper {
    transition: all 0.2s ease-out 0s;
}
#page-wrapper {
    min-height: 500px;
    padding: 0 0 52px;
}
aside {
    background: linear-gradient(to bottom right, #5b9bd4, #141436);
    display: block;
    min-height: 100%;
    overflow: hidden;
}
#left-panel {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 904;
}
.fixed-navigation #left-panel {
    height: 100%;
    position: fixed;
}
.fixed-navigation nav {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 49px;
}
.fixed-navigation nav > ul {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    position: relative;
    width: 114%;
}
.mobile-detected.fixed-navigation nav > ul {
    padding-right: 30px !important;
}
.minified #left-panel.fixed-navigation nav {
    height: auto;
    overflow: visible;
    padding-bottom: 0;
}
.minified #left-panel.fixed-navigation nav > ul {
    overflow: visible;
    padding-right: 0;
    width: 100%;
}
#left-panel nav ul li a:active {
    background: none repeat scroll 0 0 #474747 !important;
}
#left-panel nav ul {
    font-size: 13px;
    line-height: 0.5em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#left-panel nav ul .active > a {
    color: #fff !important;
    position: relative;
}
#left-panel nav ul li.active > a:before {
    color: #eee;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 27px;
    line-height: normal;
    position: absolute;
    right: -21px;
    width: 27px;
}
#left-panel nav ul li.active.open > a:before {
    content: "";
}
#left-panel nav > ul > li.open:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#left-panel nav ul li {
    overflow: hidden;
}
#left-panel nav ul li a {
    color: #eaeacb;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 10px 10px 10px 11px;
    position: relative;
    text-decoration: none !important;
}
#left-panel nav ul .open a {
    color: #ffffff;
}
#left-panel nav > ul > li > ul > li > a, nav > ul > li > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
}
#left-panel nav ul li a:focus {
    color: #c9c9c9;
}
#left-panel nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}
#left-panel nav ul b {
    float: right;
    font-size: 11px;
    margin-top: 2px;
}
#left-panel nav ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#left-panel nav ul li.open > a, nav ul li.open > a b {
    color: #fff !important;
}
#left-panel nav > ul > li > a b {
    position: absolute !important;
    right: 3px;
    top: 10px;
}
#left-panel nav > ul > li > a > i {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    text-align: center;
    width: 15px;
}
#left-panel nav > ul > li > a > i > em {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px;
    max-height: 13px;
    min-width: 13px;
    padding: 2px;
    position: absolute;
    right: -6px;
    text-align: center;
    text-decoration: none;
    top: -8px;
    vertical-align: baseline;
    white-space: nowrap;
}
#left-panel nav ul li li {
    border-bottom: medium none;
    position: relative;
}
#left-panel nav > ul > li > ul:before {
    border-left: 1px solid #7a7a7a;
    bottom: 0;
    content: "";
    display: block;
    left: 23px;
    position: absolute;
    top: 0;
    z-index: 1;
}
#left-panel nav > ul ul li:before {
    border-top: 1px solid #7a7a7a;
    content: "";
    display: block;
    left: 23px;
    position: absolute;
    top: 16px;
    width: 8px;
    z-index: 1;
}
#left-panel nav > ul ul ul li:before {
    border-top: 1px solid transparent;
    content: "";
    display: block;
    left: 10px;
    position: absolute;
    top: 17px;
    width: 18px;
}
#left-panel nav > ul ul li a i {
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: 0 !important;
    width: 18px !important;
}
#left-panel nav > ul > li:hover > ul:before, nav > ul > li:hover > ul > li:before {
    border-color: #acacac !important;
}
#left-panel nav ul ul {
    background-color: #474747;
    display: none;
    margin: 0;
    padding: 7px 0;
}
#left-panel nav ul ul ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
#left-panel nav ul ul li {
    margin: 0;
    padding: 0;
}
#left-panel nav ul ul li > a {
    font-size: 14px;
    font-weight: 400;
    outline: 0 none;
    padding-left: 42px;
}
#left-panel nav ul ul li > a:hover {
    background-color: #eaeacb;
    color: #525252;
}
#left-panel nav ul ul ul li a {
    color: #bfbfbf;
    font-size: 14px;
    padding: 8px 10px 8px 60px;
}
#left-panel nav ul ul ul li a:hover {
    background-color: #4c4f53;
    color: #fff;
}
#left-panel nav ul ul ul ul li a {
    padding-left: 80px;
}
#left-panel nav ul ul ul ul ul li a {
    padding-left: 100px;
}
#left-panel nav ul ul ul ul ul ul li a {
    padding-left: 120px;
}
#left-panel nav ul ul b {
    color: #b3b3b3;
}
#left-panel nav ul ul > li:hover b {
    color: #d5d9e2;
}

.minified #left-panel .inbox-badge {
    background: none repeat scroll 0 0 #000000;
    border-radius: 50%;
    font-size: 9px;
    min-width: 13px;
    padding: 2px;
    position: absolute;
    right: 6px;
    top: 6px;
}
.minifyme {
    background: none repeat scroll 0 0 #474747;
    border-bottom: 1px solid #eaeacb;
    border-radius: 5px 0 0 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 19px;
    height: 28px;
    margin-top: 5px;
    padding: 0;
    position: absolute;
    right: -3px;
    text-align: center;
    transition: all 0.1s linear 0s;
    width: 36px;
}
.minifyme:hover {
    background: none repeat scroll 0 0 #2f2f2f;
    color: #ffffff;
    right: 0;
}
.minified #left-panel .minifyme {
    border-radius: 0;
    color: #ffffff;
    font-size: 23px;
    height: 34px;
    margin: 0;
    position: relative;
    right: 0;
    width: 100%;
}
.minified #left-panel .minifyme .fa:before {
    content: "";
}
.minified #left-panel .login-info a i, .minified #left-panel .login-info a span {
    display: none;
}
.minified #left-panel .login-info span {
    padding: 0 5px;
    text-align: center;
}
.minified #left-panel .login-info img {
    margin: -2px 0 0;
    width: 30px;
}
.minified #left-panel .login-info {
    border-bottom: 1px solid #181818;
    height: 38px;
}
.minified #left-panel {
    width: 45px;
}
.minified #page-wrapper {
    margin-left: 45px;
}
.minified #left-panel, .minified #left-panel nav > ul > li {
    overflow: visible;
}
.minified #left-panel nav > ul > ul {
    background: none repeat scroll 0 0 #000000 !important;
    max-height: 180px !important;
    min-height: 100px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.minified #left-panel nav > ul > li, .minified #left-panel nav > ul > li a {
    position: relative;
}
.minified #left-panel nav ul > li > a {
    display: block;
    padding: 10px 11px;
}
.minified #left-panel nav > ul > li > a .fa.fa-fw {
    display: block;
    padding: 0;
    text-align: center;
    width: auto;
}
.minified #left-panel nav > ul > li > a > i {
    display: block;
    margin: 0;
    text-align: center;
}
.minified #left-panel nav > ul > li.active > a:before {
    content: "";
}
.minified #left-panel nav ul ul li a {
    padding-left: 14px;
}
.minified #left-panel nav ul ul li li a {
    padding-left: 25px;
}
.minified #left-panel nav > ul ul li:before, .minified #left-panel nav > ul > li > ul:before {
    left: 12px;
}
.minified #left-panel nav > ul > li > a .menu-item-parent, .minified #left-panel nav > ul > li > a > b {
    display: none;
}
.minified #left-panel nav > ul > li > a > .menu-item-parent {
    background-color: #585858;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #d8d4d4;
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: none;
    height: 38px;
    left: 40px;
    line-height: 38px;
    padding-left: 12px;
    position: absolute;
    top: -3px;
    width: 186px;
    z-index: 3;
    box-sizing: content-box;
}
.minified #left-panel nav > ul > li > ul {
    background: none repeat scroll 0 0 #474747;
    border: 1px solid #bfbfbf;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    display: none !important;
    left: 40px;
    margin-top: -3px;
    min-height: 180px;
    position: absolute;
    width: 200px;
    z-index: 5;
}
.minified #left-panel nav ul > li > ul > li > ul {
    border: medium none;
    left: 13px;
    margin-left: -12px;
    position: relative;
    width: 197px;
}
.minified #left-panel nav > ul > li:hover > a > .menu-item-parent, .minified #left-panel nav > ul > li:hover > ul {
    display: block !important;
}
.minified #left-panel nav > ul > li > ul > li {
    background-color: rgba(0, 61, 119, 0.90);
}
.minified #left-panel nav > ul > li > ul > li > ul > li {
    background-color: #484b50;
}
.minified #left-panel nav ul li ul li a {
    color: #ffffff;
}
.minified #left-panel nav ul ul li > a:hover {
    color: #525252;
}
.minified #left-panel nav > ul > li {
    border-bottom: 1px solid #1a1817;
    border-top: 1px solid #525151;
}
.minified #left-panel nav > ul > li > ul:before {
    border-left: medium none;
}
.minified #left-panel nav > ul ul li:before {
    border: medium none;
}
.slimScrollDiv, .slimScrollDiv > *:first-child {
    overflow: hidden;
}
.minified #left-panel .slimScrollDiv, .minified #left-panel .slimScrollDiv > *:first-child {
    overflow: visible !important;
}
.minified #left-panel .slimScrollBar, .minified #left-panel .slimScrollRail {
    display: none;
}
.minified #left-panel nav > ul > li > ul > li > a, .minified #left-panel nav > ul > li > ul > li > ul > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
}
.minified #left-panel nav > ul > li > ul > li > ul > li a {
    padding-bottom: 6px;
    padding-top: 6px;
}
.minified #left-panel nav ul ul ul ul li a {
    padding-left: 45px;
}
.minified #left-panel nav ul ul ul ul ul li a {
    padding-left: 62px;
}
.minified #left-panel nav ul ul ul ul ul ul li a {
    padding-left: 82px;
}
.hidden-menu #left-panel {
    left: -210px;
    z-index: 903;
}
.hidden-menu #page-wrapper {
    margin-left: 10px;
}
.hidden-menu #left-panel:hover {
    left: 0;
}
.hidden-menu .minifyme, .minified #left-panel #hide-menu {
    display: none;
}
.hidden-menu #hide-menu > *:first-child > a {
    background-color: #e8e8e8;
    background-image: linear-gradient(to bottom, #5a5a5a 0px, #686868 100%);
    border-color: #494949;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
    color: #fff;
}
@media (min-width: 768px) and (max-width: 979px) {
    #left-panel {
        left: -220px;
    }
    .minified #left-panel {
        left: 0;
    }
    #hide-menu > *:first-child > a {
        margin-top: 9px;
        width: 40px;
    }
    .btn-header a {
        margin-top: 9px !important;
        width: 40px !important;
    }
    #hide-menu i {
        color: #6d6a69;
        font-size: 100%;
    }
    .hidden-menu #hide-menu i {
        color: #fff;
    }
    #hide-menu i:before {
        content: "";
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .hidden-menu #page-wrapper {
        left: 210px;
        position: relative;
    }
    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }
    .fixed-ribbon #ribbon {
        left: 0;
    }
    .header-search > input[type="text"] {
        margin-top: 9px;
    }
}
.bg-color-blue {
    background-color: #57889c !important;
}
.bg-color-blueLight {
    background-color: #92a2a8 !important;
}
.bg-color-blueDark {
    background-color: #4c4f53 !important;
}
.bg-color-green {
    background-color: #356e35 !important;
}
.bg-color-greenLight {
    background-color: #71843f !important;
}
.bg-color-greenDark {
    background-color: #496949 !important;
}
.bg-color-red {
    background-color: #a90329 !important;
}
.bg-color-yellow {
    background-color: #b09b5b !important;
}
.bg-color-orange {
    background-color: #c79121 !important;
}
.bg-color-orangeDark {
    background-color: #a57225 !important;
}
.bg-color-pink {
    background-color: #ac5287 !important;
}
.bg-color-pinkDark {
    background-color: #a8829f !important;
}
.bg-color-purple {
    background-color: #6e587a !important;
}
.bg-color-darken {
    background-color: #404040 !important;
}
.bg-color-lighten {
    background-color: #d5e7ec !important;
}
.bg-color-white {
    background-color: #fff !important;
}
.bg-color-grayDark {
    background-color: #525252 !important;
}
.bg-color-magenta {
    background-color: #6e3671 !important;
}
.bg-color-teal {
    background-color: #568a89 !important;
}
.bg-color-redLight {
    background-color: #a65858 !important;
}
@media (min-width: 768px) and (max-width: 880px) {
    #page-wrapper {
        margin-left: 0;
        overflow-x: hidden;
    }
    #left-panel {
        left: -220px;
    }
    .no-content-padding {
        margin: 0 -14px !important;
    }
    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }
    .minified #left-panel {
        left: 0;
    }
    #hide-menu > *:first-child > a, .btn-header a {
        height: 39px !important;
        line-height: 38px !important;
        margin-top: 5px !important;
        width: 40px !important;
    }
    #logo {
        margin-top: 10px;
    }
    #logo img {
        width: 127px;
    }
    .btn-header.transparent a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none !important;
        box-shadow: none !important;
        margin-left: 0;
        width: 25px !important;
    }
    .btn-header.transparent a:hover {
        color: #a90329;
    }
    #hide-menu i {
        color: #6d6a69;
        font-size: 121%;
    }
    .hidden-menu #hide-menu i {
        color: #fff;
    }
    #hide-menu i:before {
        content: "";
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .hidden-menu #page-wrapper {
        left: 210px;
        position: relative;
    }
    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }
    .fixed-ribbon #ribbon {
        left: 0;
    }
    .jarviswidget header h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 180px;
    }
    .header-search > input[type="text"] {
        margin-top: 9px;
    }
}
@media (max-width: 767px) {
    .profile-pic > img {
        width: 100px;
    }
    #page-wrapper {
        margin-left: 0;
        overflow-x: hidden;
    }
    #left-panel {
        left: -220px;
    }
    .show-stat-microcharts > div {
        border-right: medium none !important;
        margin-top: 0 !important;
    }
    .show-stat-buttons {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }
    #header {
        padding-right: 5px;
    }
    #logo {
        margin-left: 4px;
    }
    .no-content-padding {
        margin: 0 -5px !important;
    }
    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }
    .minified #left-panel {
        left: 0;
    }
    .btn-header.transparent a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none !important;
        box-shadow: none !important;
        margin-left: 0;
        width: 25px !important;
    }
    .btn-header.transparent a:hover {
        color: #a90329;
    }
    #hide-menu > *:first-child > a, .btn-header a {
        height: 39px !important;
        line-height: 38px !important;
        margin-top: 5px !important;
        width: 40px !important;
    }
    #hide-menu > *:first-child > a {
        width: 50px !important;
    }
    #logo {
        margin-top: 10px;
    }
    #logo img {
        width: 127px;
    }
    #hide-menu i {
        color: #6d6a69;
        font-size: 121%;
    }
    .hidden-menu #hide-menu i {
        color: #fff;
    }
    #hide-menu i:before {
        content: "";
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .hidden-menu #page-wrapper {
        left: 210px;
        position: relative;
    }
    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }
    .fixed-ribbon #ribbon {
        left: 0;
    }
    body.fixed-navigation.hidden-menu {
        overflow: hidden !important;
    }
    .fixed-ribbon #content {
        padding-top: 52px;
    }
    .header-search {
        display: none;
    }
    #search-mobile {
        display: block;
    }
    .search-mobile .header-search {
        background: none repeat scroll 0 0 #333;
        box-sizing: border-box;
        display: block;
        height: 49px;
        left: 0;
        padding: 0 2px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .search-mobile .header-search > input[type="text"] {
        border-color: #333;
        height: 45px;
        margin-top: 2px;
        padding-right: 75px;
    }
    .search-mobile .header-search > button {
        background: none repeat scroll 0 0 #ddd;
        height: 29px;
        line-height: 29px;
        right: 44px;
    }
    .search-mobile #search-mobile {
        display: none;
    }
    .search-mobile #cancel-search-js {
        display: block;
    }
    .jarviswidget header h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 250px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 679px) {
    .profile-pic > img {
        width: 90px;
    }
    #page-wrapper {
        margin-left: 0;
        overflow-x: hidden;
    }
    #left-panel {
        left: -220px;
    }
    .show-stat-microcharts > div {
        border-right: medium none !important;
        margin-top: 0 !important;
    }
    .show-stat-buttons {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }
    #header {
        padding-right: 5px;
    }
    #logo {
        margin-left: 4px;
    }
    .no-content-padding {
        margin: 0 -5px !important;
    }
    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }
    .minified #left-panel {
        left: 0;
    }
    #header {
        background: none repeat scroll 0 0 #fff;
    }
    #ribbon {
        background: none repeat scroll 0 0 #f5f5f5;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #e6e6e6;
    }
    #ribbon .breadcrumb, #ribbon .breadcrumb a {
        color: #6d6c6c !important;
    }
    #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
        color: #333 !important;
    }
    #hide-menu > *:first-child > a, .btn-header a {
        height: 39px !important;
        line-height: 38px !important;
        margin-top: 5px !important;
        width: 40px !important;
    }
    #hide-menu > *:first-child > a {
        width: 50px !important;
    }
    #logo {
        margin-top: 10px;
    }
    #logo img {
        width: 127px;
    }
    .btn-header.transparent a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none !important;
        box-shadow: none !important;
        margin-left: 0;
        width: 25px !important;
    }
    .btn-header.transparent a:hover {
        color: #a90329;
    }
    #hide-menu i {
        color: #6d6a69;
        font-size: 121%;
    }
    .hidden-menu #hide-menu i {
        color: #fff;
    }
    #hide-menu i:before {
        content: "";
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .hidden-menu #page-wrapper {
        left: 210px;
        position: relative;
    }
    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }
    .fixed-ribbon #ribbon {
        left: 0;
    }
    .header-search {
        display: none;
    }
    #search-mobile {
        display: block;
    }
    .search-mobile .header-search {
        background: none repeat scroll 0 0 #333;
        box-sizing: border-box;
        display: block;
        height: 49px;
        left: 0;
        padding: 0 2px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .search-mobile .header-search > input[type="text"] {
        border-color: #333;
        height: 45px;
        margin-top: 2px;
        padding-right: 75px;
    }
    .search-mobile .header-search > button {
        background: none repeat scroll 0 0 #ddd;
        height: 29px;
        line-height: 29px;
        right: 44px;
    }
    .search-mobile #search-mobile {
        display: none;
    }
    .search-mobile #cancel-search-js {
        display: block;
    }
    .hidden-tablet {
        display: none !important;
    }
    .jarviswidget header h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 300px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .page-title {
        display: none;
    }
    .profile-pic {
        text-align: left;
    }
    .profile-pic > img {
        margin-left: 0;
        margin-right: 0;
        top: -25px;
        width: 90px;
    }
    .profile-pic + div > h1 {
        font-size: 20px;
    }
    .profile-pic + div > h1 small {
        font-size: 16px;
    }
    .profile-carousel .carousel-indicators {
        top: 10px;
    }
    #page-wrapper {
        margin-left: 0;
        overflow-x: hidden;
    }
    #left-panel {
        left: -220px;
    }
    .show-stat-microcharts > div {
        border-right: medium none !important;
        margin-top: 0 !important;
    }
    .show-stat-buttons {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }
    #header {
        padding-right: 5px;
    }
    #logo {
        margin-left: 4px;
    }
    .no-content-padding {
        margin: 0 -5px !important;
    }
    .inbox-nav-bar.no-content-padding {
        margin-top: -10px !important;
    }
    .minified #left-panel {
        left: 0;
    }
    #header {
        background: none repeat scroll 0 0 #fff;
    }
    #ribbon {
        background: none repeat scroll 0 0 #f5f5f5;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #e6e6e6;
    }
    #ribbon .breadcrumb, #ribbon .breadcrumb a {
        color: #6d6c6c !important;
    }
    #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
        color: #333 !important;
    }
    #logo {
        width: 135px;
    }
    #logo-group {
        width: 169px !important;
    }
    #sparks {
        background: none repeat scroll 0 0 #e0e0e0;
        margin-bottom: 15px;
        padding: 10px 0;
        text-align: center;
    }
    #sparks li {
        padding: 0 10px 0 20px;
    }
    #hide-menu > *:first-child > a, .btn-header a {
        height: 39px !important;
        line-height: 38px !important;
        margin-top: 5px !important;
        width: 40px !important;
    }
    #logo {
        margin-top: 10px;
    }
    #logo img {
        width: 127px;
    }
    .btn-header.transparent a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none !important;
        box-shadow: none !important;
        margin-left: 0;
        width: 25px !important;
    }
    .btn-header.transparent a:hover {
        color: #a90329;
    }
    #hide-menu > *:first-child > a {
        width: 46px !important;
    }
    #hide-menu i {
        color: #6d6a69;
        font-size: 121%;
    }
    .hidden-menu #hide-menu i {
        color: #fff;
    }
    #hide-menu i:before {
        content: "";
    }
    .hidden-menu #left-panel {
        left: 0;
    }
    .hidden-menu #page-wrapper {
        left: 210px;
        position: relative;
    }
    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }
    .fixed-ribbon #ribbon {
        left: 0;
    }
    .hidden-mobile {
        display: none !important;
    }
    .visible-mobile {
        display: inline-block !important;
    }
    .ajax-notifications {
        height: 250px;
    }
    .ajax-dropdown {
        height: 320px;
        left: 0;
        top: 49px;
        width: 299px;
    }
    .ajax-dropdown:before {
        margin-left: -14px;
    }
    .ajax-dropdown:after {
        margin-left: -13px;
    }
    .header-search {
        display: none;
    }
    #search-mobile {
        display: block;
        margin-left: 0;
    }
    .search-mobile .header-search {
        background: none repeat scroll 0 0 #333;
        box-sizing: border-box;
        display: block;
        height: 49px;
        left: 0;
        padding: 0 2px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .search-mobile .header-search > input[type="text"] {
        border-color: #333;
        height: 45px;
        margin-top: 2px;
        padding-right: 75px;
    }
    .search-mobile .header-search > button {
        background: none repeat scroll 0 0 #ddd;
        height: 29px;
        line-height: 29px;
        right: 44px;
    }
    .search-mobile #search-mobile {
        display: none;
    }
    .search-mobile #cancel-search-js {
        display: block;
    }
    .jarviswidget header h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 135px;
    }
}
#extr-page #page-wrapper {
    margin-top: 0 !important;
}
#mobile-profile-img {
    display: none;
}
.menu-on-top #mobile-profile-img {
    display: block !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.menu-on-top #mobile-profile-img a.userdropdown img {
    border: 1px solid #797979 !important;
    border-radius: 3px;
    margin-left: 2px;
    margin-top: 5px;
    width: 30px;
}
.menu-on-top .page-footer {
    padding: 15px 13px 0;
}
.menu-on-top.hidden-menu #left-panel {
    left: 0;
}
.menu-on-top #page-wrapper {
    margin-left: 0 !important;
    margin-top: 69px !important;
}
.menu-on-top #hide-menu, .menu-on-top #logout, .menu-on-top .minifyme {
    display: none !important;
}
.menu-on-top aside#left-panel {
    border-bottom: 1px solid #eaeacb;
    border-top: 1px solid #eaeacb;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    height: auto;
    min-height: 0 !important;
    overflow: visible;
    width: 100% !important;
}
.menu-on-top aside#left-panel nav > ul {
    display: block;
    width: 100%;
}
.menu-on-top aside#left-panel nav > ul > li:first-child {
    margin-left: 0;
}
.menu-on-top aside#left-panel nav > ul > li {
    border-left: 1px solid #eaeacb;
    border-right: 1px solid #eaeacb;
    display: inline-block;
    float: left;
    height: auto !important;
    overflow: visible;
    padding: 0 !important;
    position: relative;
}
.menu-on-top aside#left-panel nav > ul > li > a {
    display: inline-block;
    font-size: 13px;
    height: 68px;
    line-height: 22px;
    padding: 10px 9px !important;
    text-decoration: none;
    text-shadow: none !important;
}
.menu-on-top #left-panel li.active > a {
    font-weight: 700 !important;
}
.menu-on-top .login-info, .menu-on-top nav > ul > li > a b {
    display: none;
}
.menu-on-top aside#left-panel nav > ul > li > a > i {
    display: block !important;
    font-size: 18px;
    line-height: inherit;
    margin: 1px 0 2px;
    text-align: center;
    width: 100%;
}
.menu-on-top .menu-item-parent {
    font-size: 13px;
    max-width: 110px;
    min-width: 85px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menu-on-top .menu-item-parent + span {
    float: none !important;
    position: absolute;
    right: 5px;
    top: 5px;
}
.menu-on-top #left-panel nav ul ul li a {
    font-size: 13px;
    padding-left: 10px !important;
}
.menu-on-top aside#left-panel nav > ul > li:hover {
    background-color: #474747;
}
.menu-on-top aside#left-panel nav > ul > li:hover > a {
    border-left: 1px solid #eaeacb;
    border-right: 1px solid #eaeacb;
    color: #ffffff !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.menu-on-top aside#left-panel nav > ul > li > ul {
    background: none repeat scroll 0 0 #3a3633;
    position: absolute !important;
}
.menu-on-top aside#left-panel nav > ul > li:hover > ul {
    display: block !important;
}
.menu-on-top aside#left-panel nav ul li.active > a:before {
    content: "" !important;
}
.menu-on-top #left-panel nav > ul ul li:before, .menu-on-top #left-panel nav > ul > li > ul:before {
    border: medium none;
}
.menu-on-top #left-panel nav ul ul li a, .menu-on-top #left-panel nav ul ul ul li a {
    color: #ffffff;
}
.menu-on-top #left-panel nav ul ul li a:hover, .menu-on-top #left-panel nav ul ul li:hover > a, .menu-on-top #left-panel nav ul ul ul li a:hover {
    background-color: #eaeacb;
    color: #525252;
}
.menu-on-top #left-panel nav > ul ul ul {
    border-top: 1px solid #c7c7c7 !important;
}
.menu-on-top #left-panel nav ul ul li {
    overflow: visible;
}
.menu-on-top #left-panel nav ul ul, .menu-on-top #left-panel nav ul ul ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #474747 !important;
    border-color: -moz-use-text-color #c7c7c7 #eaeacb;
    border-image: none;
    border-left: 1px solid #c7c7c7;
    border-radius: 0;
    border-right: 1px solid #c7c7c7;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    margin-left: 0;
    padding: 3px;
    width: 200px;
}
.menu-on-top #left-panel nav > ul ul li:hover > ul {
    background: none repeat scroll 0 0 #333;
    display: block;
    left: 100%;
    position: absolute;
    top: -8px;
    z-index: 999;
}
.menu-on-top #left-panel nav > ul > li > a:after {
    color: #eaeacb !important;
    content: "" !important;
    left: 46%;
    top: 76% !important;
}
.menu-on-top #left-panel nav > ul > .active > a:after {
    color: #ffffff !important;
}
.menu-on-top #left-panel nav > ul > li:hover a:after{
    color: #ffffff!important;
}
.menu-on-top #left-panel nav ul ul li:hover > a:after, .menu-on-top #left-panel nav > ul ul > li a:after, .menu-on-top #left-panel nav > ul ul > li a:hover:after, .menu-on-top #left-panel nav > ul > li > a:after {
    color: #333;
    content: "";
    display: block !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 4px;
    top: 9px;
}
.menu-on-top #left-panel nav ul ul li:hover > a:after, .menu-on-top #left-panel nav > ul ul > li a:hover:after {
    color: #fff;
}
.menu-on-top #left-panel nav > ul ul > li a:only-child:after, .menu-on-top #left-panel nav > ul > li > a:only-child:after {
    content: "" !important;
}
.menu-on-top #left-panel nav ul ul .active > a {
    color: #ffffff !important;
    background-color: #2f2f2f;
}
.menu-on-top #left-panel nav ul ul .active > a:hover, .menu-on-top #left-panel nav ul ul li.active:hover > a {
    color: #fff !important;
}
.menu-on-top .slimScrollDiv, .menu-on-top #left-panel nav {
    overflow: visible !important;
}
body.menu-on-top.fixed-header {
    padding-top: 49px;
}
body.menu-on-top.fixed-header.fixed-navigation nav > ul {
    height: auto;
    overflow: visible;
    padding-right: 0;
    position: relative;
    width: auto;
}
body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
    left: 0;
    top: 118px;
}
.btn-header > *:first-child > a {
    -moz-user-select: none;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    color: #6d6a69;
    cursor: default !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    height: 30px;
    margin: 10px 0 0;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
}
.btn-header > *:first-child > a:hover {
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08) inset;
    color: #222;
    cursor: pointer;
    transition: all 0s ease 0s;
}
.btn-header > *:first-child > a:active {
    background-color: #e8e8e8;
    background-image: linear-gradient(to bottom, #e8e8e8 0px, #ededed 100%);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
}
aside {
    width: 220px;
}
#left-panel {
    transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
}
.menu-on-top aside#left-panel nav > ul > li > a {
    outline: medium none !important;
}
@media (max-width: 979px) {
    .menu-on-top #mobile-profile-img a.userdropdown img {
        border-radius: 3px;
        margin-left: 2px;
        margin-right: -3px;
        margin-top: 0;
        width: 39px;
    }
    .menu-on-top .btn-header.pull-right {
        margin-left: 0 !important;
    }
    .menu-on-top #page-wrapper {
        margin-top: 0 !important;
    }
    .menu-on-top #left-panel {
        display: none;
        left: 0;
    }
    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
        top: 49px;
    }
    .menu-on-top.hidden-menu #left-panel {
        display: block;
    }
    .menu-on-top.hidden-menu #page-wrapper {
        left: 0 !important;
    }
    .menu-on-top #hide-menu {
        display: inline !important;
    }
    .menu-on-top aside#left-panel nav {
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: scroll;
    }
    .menu-on-top .menu-item-parent {
        max-width: 85%;
        min-width: 85%;
        overflow: visible;
        padding-left: 5px;
        text-align: left;
        text-overflow: inherit;
        white-space: inherit;
    }
    .menu-on-top .menu-item-parent + span {
        margin-top: -8px;
        top: 50%;
    }
    .menu-on-top #left-panel nav li.active > ul {
        display: block;
    }
    .menu-on-top #left-panel nav > ul > li.active {
        background-color: #eaeacb;
    }
    .menu-on-top #left-panel nav > ul > li.active > a {
        color: #333 !important;
    }
    .menu-on-top #left-panel nav ul ul li:hover > a:after, .menu-on-top #left-panel nav > ul ul > li a:after, .menu-on-top #left-panel nav > ul ul > li a:hover:after, .menu-on-top #left-panel nav > ul > li > a:after {
        content: "" !important;
        font-size: 15px;
        margin-top: -8px;
        right: 15px;
        top: 50%;
    }
    .menu-on-top #left-panel nav > ul ul > li a:only-child:after, .menu-on-top #left-panel nav > ul > li > a:only-child:after {
        content: "" !important;
    }
    .menu-on-top #left-panel nav > ul > li > a:after {
        font-size: 20px;
        left: auto;
        margin-top: -14px;
        top: 50% !important;
    }
    .menu-on-top #left-panel nav ul ul, .menu-on-top #left-panel nav ul ul ul {
        border: medium none;
        padding: 0;
    }
    .menu-on-top #left-panel nav ul ul ul {
        border-bottom: 2px solid #333;
    }
    .menu-on-top aside#left-panel nav > ul > li {
        width: 100%;
    }
    .menu-on-top aside#left-panel nav > ul > li > a {
        border-bottom: 1px dotted #585858;
        display: block;
        height: auto;
        padding: 8px 9px !important;
    }
    .menu-on-top nav > ul > li > ul > li > a, .menu-on-top nav > ul > li > ul > li > ul > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .menu-on-top aside#left-panel nav > ul > li > a > i {
        display: inline !important;
    }
    .menu-on-top aside#left-panel nav > ul li ul {
        left: 0;
        position: relative !important;
        top: 0;
        width: 100%;
    }
    .menu-on-top aside#left-panel nav > ul > li:active > ul, .menu-on-top aside#left-panel nav > ul > li:focus > ul {
        display: block !important;
    }
    .user-info-menu span a, .user-info-menu span {
        padding: 5px!important;
    }
}