body,
html {
background: #eef1f6;
color: #7e7e7e;
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
width: 100%;
direction: ltr;
line-height: 20px;
font-size: 13px;
overflow-x: hidden;
overflow-y: auto;
height: 100%
}
body {
position: relative
}
a:focus {
outline: 0
}
#hoeapp-wrapper {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
#hoe-header {
background: #fff;
margin: 0;
padding: 0;
width: 100%;
height: 50px;
z-index: 10;
overflow: hidden;
position: relative;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
.hoe-left-header {
background: blue;
font-size: 16px;
font-weight: 600;
line-height: 50px;
position: absolute;
float: left;
text-align: center;
width: 250px;
z-index: 999
}
.hoe-left-header a {
color: #FFF
}
.hoe-left-header a:focus,
.hoe-left-header a:hover {
color: #FFF;
text-decoration: none
}
.hoe-left-header a i {
color: #003c70;
font-size: 22px;
position: relative;
top: 3px
}
.hoe-right-header {
background: #fff;
height: 50px;
line-height: 50px;
z-index: 101;
margin-left: 250px;
position: relative
}
.hoe-right-header ul {
display: inline-block;
margin: 0;
padding: 0
}
.hoe-right-header li {
display: inline;
float: left
}
.hoe-right-header li a {
color: #7e7e7e;
padding: 17px 15px
}
.hoe-right-header li a:focus,
.hoe-right-header li a:hover {
background: #efefef;
text-decoration: none
}
.hoe-right-header a i {
color: #7e7e7e;
font-size: 14px
}
.right-navbar {
float: right
}
.right-navbar li a i {
font-size: 14px
}
.left-navbar li:first-child {
padding-left: 50px
}
.right-navbar a img {
height: 40px;
margin-top: -3px;
width: 41px
}
.theme-config a {
border-left: 1px solid #efefef
}
.hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #efefef;
content: "\f0c9";
font-family: FontAwesome;
font-size: 14px;
line-height: 50px;
padding: 0 17px;
position: absolute;
color: #7e7e7e;
z-index: 1000
}
.hoe-sidebar-toggle a:hover:after {
background: #efefef
}
.hoe-left-header>.hoe-sidebar-toggle>a {
display: none
}
#hoe-header .hoe-left-header[hoe-position-type=relative] {
position: relative
}
#hoe-header .hoe-left-header[hoe-position-type=absolute] {
position: absolute
}
#hoe-header .hoe-left-header[hoe-position-type=fixed] {
position: fixed
}
#hoe-header .hoe-right-header[hoe-position-type=relative] {
position: relative
}
#hoe-header .hoe-right-header[hoe-position-type=absolute] {
position: absolute
}
#hoe-header .hoe-right-header[hoe-position-type=fixed] {
padding-right: 250px;
position: fixed;
width: 100%
}
#hoe-header.hoe-minimized-lpanel>.hoe-right-header[hoe-position-type=fixed] {
margin-left: 50px;
padding-right: 50px
}
#hoe-header.hoe-minimized-lpanel>.hoe-left-header {
width: 50px
}
#hoe-header.hoe-minimized-lpanel>.hoe-left-header>a>span {
display: none
}
#hoe-header.hoe-minimized-lpanel>.hoe-right-header {
margin-left: 50px;
padding-right: 0
}
#hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=relative] {
margin-left: 250px;
padding-right: 0
}
#hoe-header[hoe-lpanel-effect=shrink].hoe-minimized-lpanel .hoe-right-header[hoe-position-type=relative] {
margin-left: 50px;
padding-right: 0
}
#hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=fixed] {
padding-right: 250px;
margin-left: 250px
}
#hoe-header[hoe-lpanel-effect=shrink].hoe-minimized-lpanel .hoe-right-header[hoe-position-type=fixed] {
padding-right: 50px;
margin-left: 50px
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after,
#hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after {
margin-left: 0
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after,
#hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after {
left: 0
}
#hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=fixed] {
margin-left: 0;
padding-right: 0
}
#hoe-header[hoe-lpanel-effect=overlay].hoe-minimized-lpanel .hoe-right-header[hoe-position-type=fixed] {
margin-left: 50px;
padding-right: 50px
}
#hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative] {
margin-left: 0
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative] {
margin-left: 50px
}
#hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after {
margin-left: 250px
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after {
margin-left: 0
}
#hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after {
margin-left: 250px
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after {
margin-left: 0
}
#hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed] {
margin-left: 250px;
margin-right: -250px;
padding-right: 0
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed] {
margin-left: 50px;
margin-right: 0;
padding-right: 50px
}
#hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=relative] {
margin-left: 250px;
margin-right: -250px
}
#hoe-header[hoe-lpanel-effect=push].hoe-minimized-lpanel .hoe-right-header[hoe-position-type=relative] {
margin-left: 50px;
margin-right: 0
}
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after,
#hoe-header.hoe-minimized-lpanel[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after,
#hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=relative] .hoe-sidebar-toggle a:after,
#hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed] .hoe-sidebar-toggle a:after {
margin-left: 0
}
#hoeapp-container {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
/*position: relative;*/
clear: both;
/* Scroll */
overflow-x: hidden;
}
#hoe-left-panel {
background: #FFF;
color: #7e7e7e;
width: 250px;
top: 0;
position: absolute;
float: left;
min-height: 100%;
z-index: 100;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
}
#hoe-left-panel .profile-box {
border-bottom: 1px solid #efefef;
min-height: 50px;
padding: 15px;
position: relative
}
#hoe-left-panel .profile-box .media a img {
width: 40px;
height: 40px
}
#hoe-left-panel .profile-box .media {
position: relative
}
#hoe-left-panel .profile-box .media a {
margin-top: 2px
}
#hoe-left-panel .profile-box .media a>img {
border: 1px solid #efefef
}
#hoe-left-panel ul {
margin: 0;
padding: 0
}
#hoe-left-panel .nav-level {
padding: 5px 15px;
border-top: 1px solid #efefef;
font-weight: 700
}
#hoe-left-panel .nav-level:first-child {
border-top: 0 solid #efefef
}
#hoe-left-panel .panel-list>li>a {
background: #FFF;
border-top: 1px solid #efefef;
color: #7e7e7e;
display: block;
font-size: 13px;
font-weight: 500;
padding: 10px;
position: relative
}
#hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #efefef
}
#hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #efefef
}
#hoe-left-panel .panel-list>li>a:focus,
#hoe-left-panel .panel-list>li>a:hover {
color: #000;
background: #f1f1f1
}
#hoe-left-panel .panel-list>li.active>a {
background: #f1f1f1;
border-top: 1px solid #efefef;
color: #000
}
#hoe-left-panel .panel-list>li>a>i {
display: inline;
font-size: 14px;
padding-right: 6px
}
#hoe-left-panel .panel-list>li>a span.menu-text {
display: inline-block
}
#hoe-left-panel .panel-list>li.hoe-has-menu>a:after {
font-family: FontAwesome;
content: "\f107";
font-size: 15px;
position: relative;
float: right
}
#hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #f1f1f1;
color: #000
}
#hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:after {
font-family: FontAwesome;
content: "\f106"!important;
font-size: 15px;
float: right;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after {
font-family: FontAwesome;
content: "\f103";
font-size: 15px;
position: relative;
float: right
}
#hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu.opened>a:after {
font-family: FontAwesome;
content: "\f102";
font-size: 15px;
position: relative;
float: right
}
#hoe-left-panel .panel-list ul {
background: #fafafa;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: 0 0;
border-top: 1px solid #efefef;
color: #7e7e7e;
display: block;
font-size: 13px;
font-weight: 500;
padding: 10px;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu {
display: none
}
#hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
text-decoration: none;
color: #000;
background: #f1f1f1
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul ul {
display: none
}
#hoe-left-panel .panel-list>li.hoe-has-menu.active>ul,
#hoe-left-panel .panel-list>li.hoe-has-menu.active>ul>li.hoe-has-menu.active>ul,
#hoe-left-panel .panel-list>li.hoe-has-menu.active>ul>li.hoe-has-menu.active>ul>li.hoe-has-menu.active>ul {
display: block
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul>li>a span.menu-text {
padding-left: 15px;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>ul.hoe-sub-menu,
#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu {
list-style: none none
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text {
padding-left: 25px;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text {
padding-left: 35px;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>ul>li>a span.menu-text {
padding-left: 40px;
position: relative
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
font-family: FontAwesome;
content: "\f0da";
font-size: 14px;
position: relative;
float: left;
left: 4px
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
font-family: FontAwesome;
content: "\f0da";
font-size: 14px;
position: relative;
float: left;
left: 18px
}
#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
font-family: FontAwesome;
content: "\f0da";
font-size: 12px;
position: relative;
float: left;
left: 30px
}
#hoe-left-panel .panel-list li.active>a .selected {
border-bottom: 7px solid transparent;
border-right: 7px solid #7e7e7e;
border-top: 7px solid transparent;
display: inline-block;
height: 0;
position: absolute;
right: -1px;
top: 13px;
vertical-align: middle;
width: 0
}
#hoe-left-panel .panel-list li.hoe-has-menu.active>a .selected {
display: none
}
#hoe-left-panel .panel-list li a .label {
border-radius: .25em;
color: #7e7e7e;
display: inline;
font-size: 75%;
font-weight: 700;
line-height: 1;
padding: 4px 3px;
position: absolute;
right: 10px;
text-align: center;
vertical-align: baseline;
white-space: nowrap
}
.sul {
background-color: #ebebeb
}
#hoe-left-panel[hoe-position-type=relative] {
position: relative
}
#hoe-left-panel[hoe-position-type=absolute] {
/* Scroll aside */
/*position: absolute*/
}
#hoe-left-panel[hoe-position-type=fixed] {
position: fixed;
top: 50px
}
.hoe-minimized-lpanel #hoe-left-panel {
width: 50px;
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0 solid #efefef
}
.hoe-minimized-lpanel #hoe-left-panel .media-body {
display: none
}
.hoe-minimized-lpanel #hoe-left-panel .profile-box {
padding: 5px
}
.hoe-minimized-lpanel #hoe-left-panel .nav-level,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>a:after,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li>a span.menu-text {
display: none
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li>a>i {
display: inline;
font-size: 15px;
padding-left: 6px;
padding-right: 6px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a {
display: block;
position: relative;
width: 250px;
margin-bottom: -1px;
border-radius: 0 4px 4px 0
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #f1f1f1
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a span.menu-text,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a span.menu-text {
display: inline-block;
position: absolute;
left: 52px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list ul.hoe-sub-menu li {
list-style: none
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu {
display: none!important;
position: absolute;
left: 50px;
width: 200px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
display: block!important;
border-right: 1px solid #efefef;
width: 200px;
left: 50px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu ul.hoe-sub-menu {
display: none!important;
position: absolute;
width: 200px;
left: 0
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu ul.hoe-sub-menu {
display: none!important;
left: 0
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:focus>ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:hover>ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:focus>ul.hoe-sub-menu,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:hover>ul.hoe-sub-menu {
display: block!important;
position: relative;
left: 0
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after {
font-family: FontAwesome;
content: "\f103";
font-size: 15px;
position: relative;
float: right;
display: block
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:focus>a:after,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:hover>a:after {
font-family: FontAwesome;
content: "\f102";
font-size: 15px;
position: relative;
float: right;
display: block
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li.hoe-has-menu.active>li.active a .selected {
display: block
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.active:focus>a .selected,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.active:hover>a .selected {
display: none
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu li>a span.menu-text {
padding-left: 15px;
position: relative
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before,
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
left: 4px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li .label {
display: none
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label {
display: block;
position: absolute;
right: 5px;
top: 10px
}
.hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #f1f1f1;
color: #000
}
#main-content {
margin-left: 250px;
position: relative
}
.content-title {
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
padding: 10px 20px
}
.content-title .main-title {
font-size: 20px;
font-weight: 300;
margin: 0
}
.inner-content {
padding: 10px;
/* position: relative;
overflow: scroll;
*/
overflow-y: hidden;
overflow-x: hidden;
}
/* Para 800px */
@media only screen and (max-height: 820px) and (min-height: 621px) {
/*.inner-content {
height: 820px;
}
.panel-body {
height: 650px;
}*/
}
@media only screen and (max-height: 1024px) and (min-height: 821px) {
/*.inner-content {
height: 850px;
}
.panel-body {
height: 1024px;
}*/
}
/* Tabla responsiva *
@media
only screen and (max-width: 856px),
(min-device-width: 864px) and (max-device-width: 1024px) {
// Force table to not be like tables anymore
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: center
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}
*/
.theme-panel .panel-heading {
border-bottom: 1px solid #e3e3e3;
text-align: center
}
.theme-panel .panel-heading .panel-title {
font-size: 18px
}
.feature-box {
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 3px;
margin-bottom: 15px;
min-height: 20px;
padding: 19px;
text-align: center
}
.feature-box:hover {
background-color: #101525;
border: 1px solid #e3e3e3;
color: #959fae
}
.feature-icon i {
font-size: 50px
}
.feature-box .h4,
.feature-box .h5,
.feature-box .h6,
.feature-box h4,
.feature-box h5,
.feature-box h6 {
margin-bottom: 2px;
margin-top: 2px;
font-size: 16px
}
.hoe-minimized-lpanel #main-content {
margin-left: 50px
}
#hoeapp-container[hoe-lpanel-effect=shrink] #main-content {
margin-left: 250px
}
#hoeapp-container[hoe-lpanel-effect=shrink].hoe-minimized-lpanel #main-content,
#hoeapp-container[hoe-lpanel-effect=overlay] #main-content,
#hoeapp-container[hoe-lpanel-effect=overlay].hoe-minimized-lpanel #main-content {
margin-left: 50px
}
#hoeapp-container[hoe-lpanel-effect=push] #main-content {
margin-left: 250px;
margin-right: -250px
}
#hoeapp-container[hoe-lpanel-effect=push].hoe-minimized-lpanel #main-content {
margin-left: 50px;
margin-right: 0
}
#right-panel {
background: #1c2334;
color: #959fae;
height: 100%;
width: 250px;
right: 0;
display: none;
top: 0;
position: absolute
}
.showrpanel #right-panel {
display: block
}
#right-panel[hoe-position-type=relative] {
position: relative
}
#right-panel[hoe-position-type=absolute] {
position: absolute
}
#right-panel[hoe-position-type=fixed] {
position: fixed;
top: 50px
}
#footer {
background: #FFF;
bottom: 0;
height: 50px;
margin-left: 250px;
line-height: 50px;
padding-left: 5px;
padding-right: 235px;
position: relative;
width: 100%;
border-top: 1px solid #CCC
}
#footer[hoe-position-type=relative] {
position: relative
}
#footer[hoe-position-type=absolute] {
position: absolute
}
#footer[hoe-position-type=fixed] {
position: fixed
}
.hoe-minimized-lpanel #footer {
margin-left: 50px;
padding-right: 55px
}
#hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=relative] {
margin-left: 250px;
padding-left: 20px;
padding-right: 250px
}
#hoeapp-container[hoe-lpanel-effect=shrink].hoe-minimized-lpanel #footer[hoe-position-type=relative] {
margin-left: 50px;
padding-right: 60px;
padding-left: 20px
}
#hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=fixed] {
margin-left: 250px;
padding-left: 20px;
padding-right: 250px
}
#hoeapp-container[hoe-lpanel-effect=shrink].hoe-minimized-lpanel #footer[hoe-position-type=fixed] {
margin-left: 50px;
padding-right: 60px;
padding-left: 20px
}
#hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=relative],
#hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=fixed],
#hoeapp-container[hoe-lpanel-effect=overlay].hoe-minimized-lpanel #footer[hoe-position-type=relative],
#hoeapp-container[hoe-lpanel-effect=overlay].hoe-minimized-lpanel #footer[hoe-position-type=fixed] {
margin-left: 50px;
padding-left: 20px;
padding-right: 70px
}
#hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=relative] {
margin-left: 250px;
padding-left: 20px;
margin-right: -250px;
padding-right: 0
}
#hoeapp-container[hoe-lpanel-effect=push].hoe-minimized-lpanel #footer[hoe-position-type=relative] {
margin-left: 50px;
padding-left: 20px;
margin-right: -50px;
padding-right: 70px
}
#hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=fixed] {
margin-left: 250px;
padding-left: 20px;
margin-right: -250px;
padding-right: 0
}
#hoeapp-container[hoe-lpanel-effect=push].hoe-minimized-lpanel #footer[hoe-position-type=fixed] {
margin-left: 50px;
padding-left: 20px;
margin-right: -50px;
padding-right: 70px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header {
position: none;
height: 100px
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-left-header {
width: 100%;
float: none
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-left-panel[hoe-position-type=fixed] {
top: 100px
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-right-header {
width: 100%;
padding-left: 0!important;
position: relative;
z-index: 999;
top: 50px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-left-panel {
display: none
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-right-header,
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel .hoe-right-header {
margin-left: 0
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-right-header li a {
padding: 17px 13px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-left-panel {
display: block;
z-index: 1024
}
#hoeapp-wrapper[hoe-device-type=phone] #main-content {
margin-left: 0
}
#hoeapp-wrapper[hoe-device-type=phone] #footer {
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-right-header .left-navbar li:first-child {
padding-left: 5px
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-left-header>.hoe-sidebar-toggle>a {
display: block
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header>.hoe-right-header .hoe-sidebar-toggle a:after,
#hoeapp-wrapper[hoe-device-type=desktop] .hoe-left-header .hoe-sidebar-toggle a:after,
#hoeapp-wrapper[hoe-device-type=tablet] .hoe-left-header .hoe-sidebar-toggle a:after {
display: none!important
}
#hoeapp-wrapper[hoe-device-type=phone] .hoe-left-header .hoe-sidebar-toggle a:after {
background: 0 0;
border-radius: 4px;
content: "\f0c9";
font-family: FontAwesome;
left: 5px;
line-height: 39px;
padding: 1px 13px;
position: absolute;
top: 3px;
z-index: 1000;
display: block!important;
color: #003c70;
border: 0 solid #003c70;
font-size: 14px
}
#hoeapp-wrapper[hoe-device-type=phone] #styleSelector {
top: 184px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=relative] {
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=relative] {
margin-left: 250px;
padding-left: 20px;
padding-right: 250px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=relative] {
margin-left: 0;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=relative] {
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=relative] {
margin-left: 250px;
padding-left: 20px;
padding-right: 20px;
margin-right: 250px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=fixed] {
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=shrink] #footer[hoe-position-type=fixed] {
margin-left: 250px;
padding-left: 20px;
padding-right: 250px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=fixed] {
margin-left: 0;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=overlay] #footer[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=fixed] {
margin-left: 0;
padding-left: 20px;
padding-right: 20px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=push] #footer[hoe-position-type=fixed] {
margin-left: 250px;
padding-left: 20px;
padding-right: 20px;
margin-right: 250px
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=shrink] #main-content {
margin-left: 0
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=shrink] #main-content {
margin-left: 250px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=overlay] #main-content,
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=overlay] #main-content {
margin-left: 0
}
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoeapp-container[hoe-lpanel-effect=push] #main-content {
margin-left: 0;
margin-right: 0
}
#hoeapp-wrapper[hoe-device-type=phone] #hoeapp-container[hoe-lpanel-effect=push] #main-content {
margin-left: 250px;
margin-right: -250px
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone]#hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=shrink] .hoe-right-header[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=overlay] .hoe-right-header[hoe-position-type=fixed],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=relative],
#hoeapp-wrapper[hoe-device-type=phone].hoe-hide-lpanel #hoe-header[hoe-lpanel-effect=push] .hoe-right-header[hoe-position-type=fixed] {
margin-left: 0;
padding-right: 0
}
#styleSelector {
border: 1px solid #e9e9e9;
background: #FFF;
position: absolute;
margin: 0;
padding: 0;
width: 250px;
top: 133px;
right: -250px;
z-index: 9999;
height: 520px;
-webkit-transition: .5s;
transition: .5s
}
#styleSelector.open {
background: #FFF;
right: 0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
.selector-toggle {
position: relative
}
.selector-toggle>a {
border: 1px solid #e9e9e9;
border-right: 0;
position: absolute;
top: -1px;
left: -35px;
width: 35px;
height: 36px;
display: block;
cursor: pointer;
text-align: center;
border-radius: 4px 0 0 4px;
background: #FFF;
color: #9c9c9c;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
.selector-toggle>a:before {
font-family: FontAwesome;
content: "\f100";
font-size: 22px;
position: relative;
float: left;
left: 13px;
line-height: 35px
}
.open .selector-toggle>a:before {
font-family: FontAwesome;
content: "\f101";
font-size: 22px;
position: relative;
float: left;
left: 13px;
line-height: 35px
}
#styleSelector ul {
border: 0;
margin: 0;
padding: 0;
width: 100%
}
#styleSelector ul li {
border-bottom: 0 solid #e9e9e9;
display: block;
margin: 0;
padding: 0 5px 5px;
text-align: left;
width: 100%
}
#styleSelector ul li p.selector-title {
border-bottom: 1px solid #e9e9e9;
color: #9c9c9c;
font-size: 14px;
margin: 0;
padding: 6px;
text-align: center
}
#styleSelector>ul>li>.sub-title {
color: #9c9c9c;
font-size: 13px;
line-height: 30px;
margin: 0;
padding: 6px 2px;
position: relative;
text-align: center
}
.leftpanel-effect>.checkbox,
.leftpanel-effect>.radio {
display: block;
margin-bottom: 10px;
margin-top: 10px;
padding: 0 10px;
position: relative
}
#styleSelector li {
padding: 5px
}
.theme-option select {
background-color: #eaeaea;
border: 1px solid #ccc;
border-radius: 2px;
padding: 3px 10px
}
@-moz-document url-prefix() {
.theme-option select {
background-color: #eaeaea;
border: 1px solid #ccc;
border-radius: 2px;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 3px 10px;
margin: 0;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none
}
.theme-option select.minimal {
background-image: -webkit-linear-gradient(45deg, transparent 50%, gray 50%), -webkit-linear-gradient(315deg, gray 50%, transparent 50%), -webkit-linear-gradient(left, #ccc, #ccc);
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 18px) calc(1em + -1px), calc(100% - 13px) calc(1em + -1px), calc(100% - 2.5em) 4px;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat
}
.theme-option select.minimal:active,
.theme-option select.minimal:focus {
background-image: -webkit-linear-gradient(45deg, gray 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, gray 50%), -webkit-linear-gradient(left, gray, gray);
background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, gray, gray);
background-position: calc(100% - 15px) 13px, calc(100% - 20px) 13px, calc(100% - 2.5em) .3em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
border-color: #66afe9;
outline: 0
}
}
#theme-color {
padding: 0 10px;
width: 100%
}
#theme-color a {
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 18px;
width: 18px;
margin: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}
#theme-color a:focus,
#theme-color a:hover {
text-decoration: none
}
#theme-color a[hoe-color-type=header-bg1] {
background: #70ca63
}
#theme-color a[hoe-color-type=header-bg2] {
background: #07106A
}
#theme-color a[hoe-color-type=header-bg3] {
background: #485BBD
}
#theme-color a[hoe-color-type=header-bg4] {
background: #e7604a
}
#theme-color a[hoe-color-type=header-bg5] {
background: #333843
}
#theme-color a[hoe-color-type=header-bg6] {
background: #624e89
}
#theme-color a[hoe-color-type=header-bg7] {
background: #FFF
}
#theme-color a[hoe-color-type=header-bg8] {
background: #384b5f
}
#theme-color a[hoe-color-type=header-bg9] {
background: #578ebe
}
#theme-color a[hoe-color-type=logo-bg1] {
background: #70ca63
}
#theme-color a[hoe-color-type=logo-bg2] {
background: #07106A
}
#theme-color a[hoe-color-type=logo-bg3] {
background: #485BBD
}
#theme-color a[hoe-color-type=logo-bg4] {
background: #e7604a
}
#theme-color a[hoe-color-type=logo-bg5] {
background: #1f1e29
}
#theme-color a[hoe-color-type=logo-bg6] {
background: #624e89
}
#theme-color a[hoe-color-type=logo-bg7] {
background: #FFF
}
#theme-color a[hoe-color-type=logo-bg8] {
background: #2c3e50
}
#theme-color a[hoe-color-type=logo-bg9] {
background: #4884b8
}
#theme-color a[hoe-color-type=lpanel-bg1] {
background: #70ca63
}
#theme-color a[hoe-color-type=lpanel-bg2] {
background: #578ebe
}
#theme-color a[hoe-color-type=lpanel-bg3] {
background: #485BBD
}
#theme-color a[hoe-color-type=lpanel-bg4] {
background: #e7604a
}
#theme-color a[hoe-color-type=lpanel-bg5] {
background: #272634
}
#theme-color a[hoe-color-type=lpanel-bg6] {
background: #624e89
}
#theme-color a[hoe-color-type=lpanel-bg7] {
background: #FFF
}
#theme-color a[hoe-color-type=lpanel-bg8] {
background: #384b5f
}
#theme-color a[hoe-color-type=lpanel-bg9] {
background: #578ebe
}
#hoe-header[hoe-color-type=logo-bg1] .hoe-left-header {
background: #62bc55
}
#hoe-header[hoe-color-type=logo-bg1] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg1] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg1] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg1] .hoe-left-header a i {
color: #18720b
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg1] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #18720b;
border: 0 solid #18720b
}
#hoe-header[hoe-color-type=logo-bg2] .hoe-left-header {
background: #07106A/*#278bce color fondo*/
}
#hoe-header[hoe-color-type=logo-bg2] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg2] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg2] .hoe-left-header a:hover {
color: #FFF;
text-shadow: 1px 1px 4px #000000;
}
#hoe-header[hoe-color-type=logo-bg2] .hoe-left-header a i {
color: #00498c
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg2] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #00498c;
border: 0 solid #00498c
}
#hoe-header[hoe-color-type=logo-bg3] .hoe-left-header {
background: #3c4fb1
}
#hoe-header[hoe-color-type=logo-bg3] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg3] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg3] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg3] .hoe-left-header a i {
color: #021577
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg3] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #021577;
border: 0 solid #021577
}
#hoe-header[hoe-color-type=logo-bg4] .hoe-left-header {
background: #d95944
}
#hoe-header[hoe-color-type=logo-bg4] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg4] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg4] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg4] .hoe-left-header a i {
color: #b02913
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg4] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #b02913;
border: 0 solid #b02913
}
#hoe-header[hoe-color-type=logo-bg5] .hoe-left-header {
background: #1f1e29
}
#hoe-header[hoe-color-type=logo-bg5] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg5] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg5] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg5] .hoe-left-header a i {
color: #fff
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg5] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #fff;
border: 0 solid #fff
}
#hoe-header[hoe-color-type=logo-bg6] .hoe-left-header {
background: #554378
}
#hoe-header[hoe-color-type=logo-bg6] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg6] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg6] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg6] .hoe-left-header a i {
color: #382a5f
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg6] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #382a5f;
border: 0 solid #382a5f
}
#hoe-header[hoe-color-type=logo-bg7] .hoe-left-header {
background: #FFF
}
#hoe-header[hoe-color-type=logo-bg7] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg7] .hoe-left-header a i,
#hoe-header[hoe-color-type=logo-bg7] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg7] .hoe-left-header a:hover {
color: #3e3e3e
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg7] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #3e3e3e;
border: 0 solid #3e3e3e
}
#hoe-header[hoe-color-type=logo-bg8] .hoe-left-header {
background: #2c3e50
}
#hoe-header[hoe-color-type=logo-bg8] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg8] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg8] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg8] .hoe-left-header a i {
color: #fff
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg8] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #fff;
border: 0 solid #fff
}
#hoe-header[hoe-color-type=logo-bg9] .hoe-left-header {
background: #4884b8
}
#hoe-header[hoe-color-type=logo-bg9] .hoe-left-header a,
#hoe-header[hoe-color-type=logo-bg9] .hoe-left-header a:focus,
#hoe-header[hoe-color-type=logo-bg9] .hoe-left-header a:hover {
color: #FFF
}
#hoe-header[hoe-color-type=logo-bg9] .hoe-left-header a i {
color: #185b96
}
#hoeapp-wrapper[hoe-device-type=phone] #hoe-header[hoe-color-type=logo-bg9] .hoe-left-header .hoe-sidebar-toggle a:after {
color: #185b96;
border: 0 solid #185b96
}
.hoe-right-header[hoe-color-type=header-bg1] {
background: #70ca63
}
.hoe-right-header[hoe-color-type=header-bg1] a i {
color: #18720b
}
.hoe-right-header[hoe-color-type=header-bg1] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg1] .hoe-sidebar-toggle a:after {
border: 0 solid #96cd69;
color: #18720b
}
.hoe-right-header[hoe-color-type=header-bg1] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg1] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg1] li a:focus,
.hoe-right-header[hoe-color-type=header-bg1] li a:hover {
background: #62bc55
}
.hoe-right-header[hoe-color-type=header-bg1] .theme-config a {
border-left: 1px solid #96cd69
}
.hoe-right-header[hoe-color-type=header-bg2] {
background: #07106A
}
.hoe-right-header[hoe-color-type=header-bg2] a i {
color: #00498c
}
.hoe-right-header[hoe-color-type=header-bg2] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg2] .hoe-sidebar-toggle a:after {
border: 0 solid #07106A;
color: #00498c
}
.hoe-right-header[hoe-color-type=header-bg2] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg2] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg2] li a:focus,
.hoe-right-header[hoe-color-type=header-bg2] li a:hover {
background: #1B916A
}
.hoe-right-header[hoe-color-type=header-bg2] .theme-config a {
border-left: 1px solid #07106A
}
.hoe-right-header[hoe-color-type=header-bg3] {
background: #485bbd
}
.hoe-right-header[hoe-color-type=header-bg3] a i {
color: #021577
}
.hoe-right-header[hoe-color-type=header-bg3] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg3] .hoe-sidebar-toggle a:after {
border: 0 solid #576acc;
color: #021577
}
.hoe-right-header[hoe-color-type=header-bg3] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg3] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg3] li a:focus,
.hoe-right-header[hoe-color-type=header-bg3] li a:hover {
background: #3c4fb1
}
.hoe-right-header[hoe-color-type=header-bg3] .theme-config a {
border-left: 1px solid #576acc
}
.hoe-right-header[hoe-color-type=header-bg4] {
background: #e7604a
}
.hoe-right-header[hoe-color-type=header-bg4] a i {
color: #b02913
}
.hoe-right-header[hoe-color-type=header-bg4] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg4] .hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #ed6853;
color: #b02913
}
.hoe-right-header[hoe-color-type=header-bg4] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg4] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg4] li a:focus,
.hoe-right-header[hoe-color-type=header-bg4] li a:hover {
background: #d95944
}
.hoe-right-header[hoe-color-type=header-bg4] .theme-config a {
border-left: 1px solid #ed6853
}
.hoe-right-header[hoe-color-type=header-bg5] {
background: #272634
}
.hoe-right-header[hoe-color-type=header-bg5] a i {
color: #8d8d94
}
.hoe-right-header[hoe-color-type=header-bg5] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg5] .hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #1f1f2a;
color: #8d8d94
}
.hoe-right-header[hoe-color-type=header-bg5] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg5] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg5] li a:focus,
.hoe-right-header[hoe-color-type=header-bg5] li a:hover {
background: #1f1f2a
}
.hoe-right-header[hoe-color-type=header-bg5] .theme-config a {
border-left: 1px solid #1f1f2a
}
.hoe-right-header[hoe-color-type=header-bg6] {
background: #624e89
}
.hoe-right-header[hoe-color-type=header-bg6] a i {
color: #382a5f
}
.hoe-right-header[hoe-color-type=header-bg6] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg6] .hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #6b598e;
color: #382a5f
}
.hoe-right-header[hoe-color-type=header-bg6] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg6] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg6] li a:focus,
.hoe-right-header[hoe-color-type=header-bg6] li a:hover {
background: #554378
}
.hoe-right-header[hoe-color-type=header-bg6] .theme-config a {
border-left: 1px solid #6b598e
}
.hoe-right-header[hoe-color-type=header-bg7] {
background: #FFF
}
.hoe-right-header[hoe-color-type=header-bg7] a i,
.hoe-right-header[hoe-color-type=header-bg7] a:hover i {
color: #7e7e7e
}
.hoe-right-header[hoe-color-type=header-bg7] .hoe-sidebar-toggle a:after {
border: 0 solid #efefef;
color: #7e7e7e
}
.hoe-right-header[hoe-color-type=header-bg7] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg7] li a {
color: #7e7e7e
}
.hoe-right-header[hoe-color-type=header-bg7] li a:focus,
.hoe-right-header[hoe-color-type=header-bg7] li a:hover {
background: #f1f1f1
}
.hoe-right-header[hoe-color-type=header-bg7] .theme-config a {
border-left: 1px solid #efefef
}
.hoe-right-header[hoe-color-type=header-bg8] {
background: #384b5f
}
.hoe-right-header[hoe-color-type=header-bg8] a i {
color: #cecece
}
.hoe-right-header[hoe-color-type=header-bg8] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg8] .hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #455769;
color: #cecece
}
.hoe-right-header[hoe-color-type=header-bg8] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg8] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg8] li a:focus,
.hoe-right-header[hoe-color-type=header-bg8] li a:hover {
background: #2c3e50
}
.hoe-right-header[hoe-color-type=header-bg8] .theme-config a {
border-left: 1px solid #455769
}
.hoe-right-header[hoe-color-type=header-bg9] {
background: #578ebe
}
.hoe-right-header[hoe-color-type=header-bg9] a i {
color: #185b96
}
.hoe-right-header[hoe-color-type=header-bg9] a:hover i {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg9] .hoe-sidebar-toggle a:after {
background: 0 0;
border: 0 solid #5d99cd;
color: #185b96
}
.hoe-right-header[hoe-color-type=header-bg9] .hoe-sidebar-toggle a:hover:after,
.hoe-right-header[hoe-color-type=header-bg9] li a {
color: #FFF
}
.hoe-right-header[hoe-color-type=header-bg9] li a:focus,
.hoe-right-header[hoe-color-type=header-bg9] li a:hover {
background: #4884b8
}
.hoe-right-header[hoe-color-type=header-bg9] .theme-config a {
border-left: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel {
background: #70ca63;
color: #e5f2da;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .profile-box {
border-bottom: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li>a {
background: #70ca63;
border-top: 1px solid #96cd69;
color: #e5f2da;
border-right: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #62bc55
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li.active>a {
background: #62bc55;
border-top: 1px solid #96cd69;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #70ca63;
color: #e5f2da
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list ul {
background: #fafafa;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #59b34c;
border-top: 1px solid #80b753;
color: #e5f2da
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #ffff
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .panel-list li a .label {
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg1] .sul {
background-color: #70ca63
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel {
background: #70ca63;
color: #e5f2da
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #62bc55
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #70ca63;
color: #e5f2da
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #62bc55;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg1].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .nav-level {
border-top: 1px solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg1] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #96cd69
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel {
background: #07106A; /*1D9D73 color fondo no select*/
color: #FFF;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
/* Scroll aside */
height: 50px;
top: 50px;
overflow-y: auto;
overflow-x: hidden
}
/* SCROLLBAR */
#hoe-left-panel::-webkit-scrollbar {
margin-right: 5px;
background-color: #EEF1F6;
width: 5px;
}
#hoe-left-panel::-webkit-scrollbar-track {
}
#hoe-left-panel::-webkit-scrollbar-thumb {
border: 0px #eee solid;
background: #999;
-webit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#hoe-left-panel::-webkit-scrollbar-thumb:window-inactive {
/*background: #bbb*/
}
#hoe-left-panel::-webkit-scrollbar-thumb:hover {
background: #777;
}
/*END SCROLLBAR */
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .profile-box {
border-bottom: 1px solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li>a {
background: #07106A; /*1D9D73 color resto no select*/
border-top: 1px solid #80ffff; /*6DAEB0*/
color: #FFF;
border-right: 1px solid #07106A;
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #1B916A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li.active>a {
background: #07106A; /*1B916A color select*/
border-top: 1px solid #07106A;
color: #FFF;
text-shadow: 1px 1px 4px #000000;
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #07106A; /*1D9D73color select */
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list ul {
background: #fafafa;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #07106A; /*49B69F color fondo seccion select*/
border-top: 1px solid #ffffff; /*75E3D6*/
color: #FFF;
text-shadow: 1px 1px 4px #000000;
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #0AB453
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #EEF1F6
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .panel-list li a .label {
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg2] .sul {
background-color: #0e72b5
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel {
background: #07106A;
color: #FFF;
overflow-y: initial;
overflow-x: initial;
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #1B916A
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #07106A;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #1B916A;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg2].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .nav-level {
border-top: 1px solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg2] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #07106A
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel {
background: #485bbd;
color: #e7e7e7;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .profile-box {
border-bottom: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li>a {
background: #485bbd;
border-top: 1px solid #576acc;
color: #e7e7e7;
border-right: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #3c4fb1
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li.active>a {
background: #3c4fb1;
border-top: 1px solid #576acc;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #485bbd;
color: #e7e7e7
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list ul {
background: #485bbd;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #374aac;
border-top: 1px solid #4659bb;
color: #e7e7e7
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #2b3ea0
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .panel-list li a .label {
color: #e7e7e7
}
#hoeapp-container[hoe-color-type=lpanel-bg3] .sul {
background-color: #3043a5
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel {
background: #485bbd;
color: #e7e7e7
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #3c4fb1
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #485bbd;
color: #e7e7e7
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #3c4fb1;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg3].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .nav-level {
border-top: 1px solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg3] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #576acc
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel {
background: #e7604a;
color: #ecd5d5;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .profile-box {
border-bottom: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li>a {
background: #e7604a;
border-top: 1px solid #ed6853;
color: #ecd5d5;
border-right: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #d95944
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li.active>a {
background: #d95944;
border-top: 1px solid #ed6853;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #e7604a;
color: #ecd5d5
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list ul {
background: #c54631;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #c54631;
border-top: 1px solid #dc5742;
color: #ecd5d5
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #ba3b26
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .panel-list li a .label {
color: #ecd5d5
}
#hoeapp-container[hoe-color-type=lpanel-bg4] .sul {
background-color: #d64f39
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel {
background: #e7604a;
color: #ecd5d5
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #d95944
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #e7604a;
color: #ecd5d5
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #d95944;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg4].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .nav-level {
border-top: 1px solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg4] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #ed6853
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel {
background: #272634;
color: #8d8d94;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .profile-box {
border-bottom: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li>a {
background: #272634;
border-top: 1px solid #1f1f2a;
color: #8d8d94;
border-right: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li.active>a {
background: #1f1f2a;
border-top: 1px solid #1f1f2a;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #272634;
color: #8d8d94
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list ul {
background: #161621;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #161621;
border-top: 1px solid #1f1f2a;
color: #8d8d94
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #0e0e19
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list li a .label {
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg5] .sul {
background-color: #1f1e29
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel {
background: #272634;
color: #8d8d94
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #272634;
color: #8d8d94
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #1f1f2a;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg5].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .nav-level {
border-top: 1px solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #1f1f2a
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel {
background: #624e89;
color: #c2c2c2;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .profile-box {
border-bottom: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li>a {
background: #624e89;
border-top: 1px solid #6b598e;
color: #c2c2c2;
border-right: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #554378
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li.active>a {
background: #554378;
border-top: 1px solid #6b598e;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #624e89;
color: #c2c2c2
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list ul {
background: #fafafa;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #4d3c70;
border-top: 1px solid #54496e;
color: #c2c2c2
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #453468
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .panel-list li a .label {
color: #c2c2c2
}
#hoeapp-container[hoe-color-type=lpanel-bg6] .sul {
background-color: #433266
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel {
background: #624e89;
color: #c2c2c2
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #554378
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #624e89;
color: #c2c2c2
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #554378;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg6].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .nav-level {
border-top: 1px solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg6] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #6b598e
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel {
background: #FFF;
color: #7e7e7e;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .profile-box {
border-bottom: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li>a {
background: #FFF;
border-top: 1px solid #efefef;
color: #7e7e7e;
border-right: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li>a:hover {
color: #000;
background: #f1f1f1
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li.active>a {
background: #f1f1f1;
border-top: 1px solid #efefef;
color: #000
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #fff;
color: #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list ul {
background: #fafafa;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #fafafa;
border-top: 1px solid #efefef;
color: #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #000;
background: #f1f1f1
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .panel-list li a .label {
color: #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7] .sul {
background-color: #ebebeb
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel {
background: #FFF;
color: #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #f1f1f1
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #FFF;
color: #7e7e7e
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #f1f1f1;
color: #000
}
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg7].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .nav-level {
border-top: 1px solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg7] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #efefef
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel {
background: #384b5f;
color: #ced4d7;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .profile-box {
border-bottom: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li>a {
background: #384b5f;
border-top: 1px solid #455769;
color: #ced4d7;
border-right: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #2c3e50
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li.active>a {
background: #2c3e50;
border-top: 1px solid #455769;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #384b5f;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list ul {
background: #223140;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #223140;
border-top: 1px solid #455769;
color: #ced4d7
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #2c3e50
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .panel-list li a .label {
color: #ced4d7
}
#hoeapp-container[hoe-color-type=lpanel-bg8] .sul {
background-color: #2c3e50
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel {
background: #384b5f;
color: #ced4d7
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #2c3e50
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #384b5f;
color: #ced4d7
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #2c3e50;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg8].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .nav-level {
border-top: 1px solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg8] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #455769
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel {
background: #578ebe;
color: #e1e1e1;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .profile-box {
border-bottom: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .profile-box {
border-bottom: 0
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .profile-box .media a>img {
border: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li>a {
background: #578ebe;
border-top: 1px solid #5d99cd;
color: #e1e1e1;
border-right: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li:first-child>a {
border-top: 0 solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li>a:hover {
color: #FFF;
background: #4884b8
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li.active>a {
background: #4884b8;
border-top: 1px solid #5d99cd;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #578ebe;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list ul {
background: #326ea2;
box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2)
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
background: #326ea2;
border-top: 1px solid #3f7baf;
color: #e1e1e1
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:focus,
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list li.hoe-has-menu>ul.hoe-sub-menu li>a:hover {
color: #FFF;
background: #276397
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list li.active>a .selected {
border-right: 7px solid #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .panel-list li a .label {
color: #e1e1e1
}
#hoeapp-container[hoe-color-type=lpanel-bg9] .sul {
background-color: #3a76aa
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel {
background: #578ebe;
color: #e1e1e1
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>a,
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>a {
border-radius: 0 4px 0 0;
background: #4884b8
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a {
background: #578ebe;
color: #e1e1e1
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu.opened>a:hover {
background: #4884b8;
color: #FFF
}
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type=lpanel-bg9].hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
border-right: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .nav-level {
border-top: 1px solid #5d99cd
}
#hoeapp-container[hoe-color-type=lpanel-bg9] #hoe-left-panel .nav-level:first-child {
border-top: 0 solid #5d99cd
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-left-header,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-left-header {
right: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-right-header,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-right-header {
margin-left: 0;
margin-right: 250px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop].left-navbar,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet].left-navbar {
float: right
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .right-navbar,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .right-navbar {
float: left
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-sidebar-toggle a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-sidebar-toggle a:after {
right: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .left-navbar li:last-child,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .left-navbar li:last-child {
padding-right: 50px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .left-navbar li:first-child,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .left-navbar li:first-child {
padding-right: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #hoe-left-panel {
right: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #main-content,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #main-content {
margin-left: 0;
margin-right: 250px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #styleSelector,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #styleSelector {
left: -250px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .selector-toggle>a,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .selector-toggle>a {
border-radius: 0 4px 4px 0;
left: 228px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #styleSelector.open,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #styleSelector.open {
right: 0;
left: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .selector-toggle>a:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .selector-toggle>a:before {
content: "\f101"
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .open .selector-toggle>a:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .open .selector-toggle>a:before {
content: "\f100"
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text {
padding-left: auto;
padding-right: 25px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text {
padding-left: auto;
padding-right: 35px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-header.hoe-minimized-lpanel>.hoe-right-header,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #main-content,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] #hoe-header.hoe-minimized-lpanel>.hoe-right-header,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #main-content {
margin-left: 0;
margin-right: 50px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel {
direction: rtl
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a span.menu-text {
right: 52px;
left: auto
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list li:hover a .label {
left: 5px;
right: auto
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:focus>a,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li:hover>a {
border-radius: 4px 0 0 4px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu {
left: auto;
right: 50px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:focus>a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:hover>a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:focus>a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu:hover>a:after,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after {
float: left
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
font-family: FontAwesome;
content: "\f0d9";
font-size: 14px;
position: relative;
float: right;
left: 4px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text {
padding-left: auto;
padding-right: 0
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
font-family: FontAwesome;
content: "\f0d9";
font-size: 14px;
position: relative;
float: right;
left: 4px
}
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text,
body[hoe-nav-placement=right] #hoeapp-wrapper[hoe-device-type=tablet] .hoe-minimized-lpanel #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text {
padding-left: auto;
padding-right: 0
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] .hoe-sidebar-toggle a:after {
display: none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] .left-navbar li:first-child {
padding-left: 0
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] .theme-config a {
display: none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel {
float: left;
height: 46px;
width: 100%;
min-height: 40px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .profile-box {
display: none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .nav-level {
display: none!important
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .nav>li {
display: inline-block;
float: left
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list li a .label {
display: none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>a:after {
font-family: FontAwesome;
content: "\f0d7";
font-size: 12px;
position: relative;
float: right;
padding-left: 6px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list li.active>a .selected {
display: none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li>a {
padding: 13px 10px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list ul.hoe-sub-menu li>a {
padding: 10px 6px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoeapp-container #hoe-left-panel .panel-list>li:last-child>a {
border-bottom: 0 solid #efefef;
border-right: 0 solid #efefef
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoeapp-container #hoe-left-panel .panel-list>li>a {
border-top: 0 solid #efefef
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li>a>i {
padding-right: 0
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu {
display: none;
list-style: none none
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu {
display: none;
list-style: none none;
width: 156px;
position: absolute
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu {
left: 156px;
position: absolute;
top: 0;
width: 156px;
z-index: 1
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu>a:after {
content: "\f101"
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu li.hoe-has-menu.opened>a:after {
content: "\f100"
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu:focus>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu:hover>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:hover>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:hover>ul.hoe-sub-menu,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop]#hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu:hover>ul.hoe-sub-menu {
display: block!important
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoeapp-container #hoe-left-panel .panel-list>li.active>a {
border-top: 0 solid #96cd69
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel>ul {
margin: 0 35px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
content: "\f105";
font-size: 14px;
float: left;
left: 4px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
content: "\f105";
font-size: 14px;
left: 4px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li.hoe-has-menu>ul.hoe-sub-menu>li>a span.menu-text:before {
content: "\f105";
font-size: 14px;
float: left;
left: 4px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>a span.menu-text,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>a span.menu-text,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li.hoe-has-menu>ul>li>ul>li>ul>li>a span.menu-text,
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #hoe-left-panel .panel-list>li.hoe-has-menu>ul>li>a span.menu-text {
padding-left: 13px
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #main-content {
margin-left: 0;
padding-top: 50px;
position: relative
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper[hoe-device-type=desktop] #main-content .content-title {
border-top: 0 solid #e8e8e8
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper.compact-hmenu[hoe-device-type=desktop] #hoe-left-panel {
float: left;
height: 60px;
min-height: 40px;
width: 100%
}
body[hoe-navigation-type=horizontal] #hoeapp-wrapper.compact-hmenu[hoe-device-type=desktop] #hoe-left-panel .panel-list>li>a>i {
display: block;
padding-right: 0;
text-align: center
}