OwlCyberSecurity - MANAGER

Edit File: hoe-theme-color.css

/*#####################navigation panel with lpanel-bg1 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg1"] #hoe-left-panel {
    background: #70ca63 none repeat scroll 0 0;
    color: #e5f2da;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #96cd69;
}
#hoeapp-container[hoe-color-type="lpanel-bg1"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg1"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg1"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    color: #FFF;
    background: #52ac45;
}
#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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg1"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg1"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #96cd69;
}
/*#####################navigation panel with lpanel-bg1 theme Color close*################*/

/*#####################navigation panel with lpanel-bg2 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel {
    background: #3498DB none repeat scroll 0 0;
    color: #d7e9fc;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .profile-box {
    border-bottom: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .profile-box {
    border-bottom: 0px;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .profile-box .media a > img {
    border: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li > a {
    background: #3498DB;
    border-top: 1px solid #3ea2e5;
    color: #d7e9fc;
	border-right: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li:last-child > a {
    border-bottom: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li:first-child > a {
    border-top: 0px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li > a:focus {
    color: #FFF;
    background: #278bce;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li.active > a {
    background: #278bce;
    border-top: 1px solid #3ea2e5;
    color: #FFF;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #3498DB;
    color: #d7e9fc;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list ul {
    background: #fafafa;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list ul.hoe-sub-menu li > a {
    background: #1e82c5;
    border-top: 1px solid #2c90d3;
    color: #d7e9fc;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    color: #FFF;
    background: #1074b7;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list li.active > a .selected {
    border-right: 7px solid #FFF;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .panel-list li a .label {
    color: #d7e9fc;
}
#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: #3498DB;
    color: #d7e9fc;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    background: #278bce;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a {
    background: #3498DB;
    color: #d7e9fc;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a:hover {
    background: #278bce;
    color: #FFF;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg2"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > ul.hoe-sub-menu {
    border-right: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .nav-level {
    border-top: 1px solid #3ea2e5;
}
#hoeapp-container[hoe-color-type="lpanel-bg2"] #hoe-left-panel .nav-level:first-child {
    border-top: 0px solid #3ea2e5;
}
/*#####################navigation panel with lpanel-bg2 theme Color close*################*/

/*#####################navigation panel with lpanel-bg3 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg3"] #hoe-left-panel {
    background: #485bbd none repeat scroll 0 0;
    color: #e7e7e7;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #576acc;
}
#hoeapp-container[hoe-color-type="lpanel-bg3"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg3"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg3"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg3"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg3"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #576acc;
}
/*#####################navigation panel with lpanel-bg3 theme Color close*################*/

/*#####################navigation panel with lpanel-bg4 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg4"] #hoe-left-panel {
    background: #e7604a none repeat scroll 0 0;
    color: #ecd5d5;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #ed6853;
}
#hoeapp-container[hoe-color-type="lpanel-bg4"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg4"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg4"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg4"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg4"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #ed6853;
}
/*#####################navigation panel with lpanel-bg4 theme Color close*################*/

/*navigation panel with lpanel-bg5 theme Color Start*/

#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel {
    background: #272634 none repeat scroll 0 0;
    color: #8d8d94;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #1f1f2a;
}
#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #1f1f2a;
}
/*navigation with lpanel-bg5 theme Color close*/

/*#####################navigation panel with lpanel-bg6 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg6"] #hoe-left-panel {
    background: #624e89 none repeat scroll 0 0;
    color: #c2c2c2;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #6b598e;
}
#hoeapp-container[hoe-color-type="lpanel-bg6"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg6"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg6"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg6"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg6"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #6b598e;
}
/*#####################navigation panel with lpanel-bg6 theme Color close*################*/

/*navigation panel with lpanel-bg7 theme Color Start*/

#hoeapp-container[hoe-color-type="lpanel-bg7"] #hoe-left-panel {
    background: #FFF none repeat scroll 0 0;
    color: #7e7e7e;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #efefef;
}
#hoeapp-container[hoe-color-type="lpanel-bg7"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg7"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg7"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg7"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg7"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #efefef;
}
/*navigation panel with lpanel-bg7 theme Color close*/

/*#####################navigation panel with lpanel-bg8 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel {
    background: #384b5f none repeat scroll 0 0;
    color: #ced4d7;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #455769;
}
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg8"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg8"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg8"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #455769;
}
/*#####################navigation panel with lpanel-bg8 theme Color close*################*/

/*#####################navigation panel with lpanel-bg9 theme Color Start################*/

#hoeapp-container[hoe-color-type="lpanel-bg9"] #hoe-left-panel {
    background: #578ebe none repeat scroll 0 0;
    color: #e1e1e1;
    box-shadow: 0 1px 4px 0 rgba(0, 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: 0px;
}
#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: 0px solid #5d99cd;
}
#hoeapp-container[hoe-color-type="lpanel-bg9"] #hoe-left-panel .panel-list > li > a:hover,
#hoeapp-container[hoe-color-type="lpanel-bg9"] #hoe-left-panel .panel-list > li > a:focus {
    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 0px rgba(0, 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:hover,
#hoeapp-container[hoe-color-type="lpanel-bg9"] #hoe-left-panel .panel-list li.hoe-has-menu > ul.hoe-sub-menu li > a:focus {
    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:hover > a,
#hoeapp-container[hoe-color-type="lpanel-bg9"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    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:hover > ul.hoe-sub-menu,
#hoeapp-container[hoe-color-type="lpanel-bg9"].hoe-minimized-lpanel #hoe-left-panel .panel-list > li.hoe-has-menu:focus > 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: 0px solid #5d99cd;
}
/*#####################navigation panel with lpanel-bg9 theme Color close*################*/