ohctech_p8/assets/css/ace-skins.min.css
2024-10-16 19:18:52 +05:30

3255 lines
84 KiB
CSS

.skin-2 .sidebar-shortcuts .btn:focus, .skin-3 .sidebar-shortcuts-large>.btn:focus
{
outline: 0
}
.skin-1 {
background-color: #4A4F56
}
.skin-1 .navbar {
background: #2C6AA0
}
.skin-1 .sidebar {
background-color: #222A2D;
border-right-width: 0
}
.skin-1 .nav-list>li {
border-color: #3F4E54
}
.skin-1 .nav-list>li>a {
background-color: #222A2D;
color: #bac2c8
}
.skin-1 .nav-list>li:hover>a {
background-color: #414B51;
color: #E1EAF1
}
.skin-1 .nav-list>li.open:hover>a, .skin-1 .nav-list>li.open>a {
color: #85C0EC;
background-color: #222A2D
}
.skin-1 .nav-list>li.active:hover>a, .skin-1 .nav-list>li.active>a {
background-color: #141A1B;
color: #7BB7E5
}
.skin-1 .nav-list>li:hover:before {
background-color: #629CC9
}
.skin-1 .nav-list>li.active:before {
display: block;
background-color: #4d96c6
}
.skin-1 .nav-list li.active>a:after {
border-right-color: #FFF;
border-width: 11px 7px;
top: 8px;
right: 0
}
.skin-1 .nav-list>li.active>.submenu li.active>a:after {
top: 5px
}
.skin-1 .nav-list>li .submenu {
background-color: #333D3F
}
.skin-1 .nav-list>li.active .submenu {
background-color: #181E20
}
.skin-1 .nav-list>li .submenu>li>a {
border-top-style: solid;
border-top-color: #454D4E;
background-color: #333D3F
}
.skin-1 .nav-list>li .submenu>li>a:hover {
background-color: #2D3638
}
.skin-1 .nav-list>li.active .submenu>li>a {
border-top-color: #222526;
background-color: #181E20
}
.skin-1 .nav-list>li.active .submenu>li>a:hover {
background-color: #14191a
}
.skin-1 .nav-list>li>.submenu {
border-top-color: #505A5B
}
.skin-1 .nav-list>li.active>.submenu {
border-top-color: #2F3E44
}
.skin-1 .nav-list>li>.submenu>li>a {
color: #D9DFE6
}
.skin-1 .nav-list>li>.submenu>li:hover>a {
color: #8AB4DE
}
.skin-1 .nav-list>li>.submenu>li.active>a {
color: #7BB7E5;
background-color: #161b1d
}
.skin-1 .nav-list>li>.submenu:before, .skin-1 .nav-list>li>.submenu>li:before
{
border-color: #646C70
}
.skin-1 .nav-list>li.active>.submenu:before, .skin-1 .nav-list>li.active>.submenu>li:before
{
border-color: #3F4E54
}
.skin-1 .nav-list>li .submenu li>.submenu li>a {
color: #D9DFE6
}
.skin-1 .nav-list>li .submenu li>.submenu li:hover>a {
color: #8AB4DE
}
.skin-1 .nav-list>li .submenu li.open>a, .skin-1 .nav-list>li .submenu li>.submenu>li.open>a
{
color: #85C0EC
}
.skin-1 .nav-list>li .submenu li>.submenu li.active>a {
color: #61A8DD
}
.skin-1 .nav-list>li .submenu li>.submenu li.active:hover>a {
color: #85C0EC
}
.skin-1 .sidebar .nav-list>li.active.highlight, .skin-1 .sidebar .nav-list>li.active.highlight+li
{
border-color: #506B7F
}
.skin-1 .sidebar .nav-list>li.active.highlight+li:last-child {
border-bottom-color: #3F4E54
}
.skin-1 .sidebar .nav-list>li.active.highlight>a:after {
border-right-color: transparent;
border-left-color: #141A1B;
border-width: 20px 0 20px 10px;
z-index: 1;
top: 0;
right: -9px
}
.skin-1 .sidebar .nav-list>li.active.highlight>a:before {
border-style: solid;
border-color: transparent;
border-width: 20px 0 20px 10px;
content: "";
position: absolute;
right: -11px;
top: 0;
z-index: 1
}
.skin-1 .sidebar-shortcuts, .skin-1 .sidebar-shortcuts-mini, .skin-1 .sidebar>.nav-search
{
background-color: #222A2D;
border-color: #3F4E54
}
.skin-1 .sidebar-toggle {
background-color: #181e21;
border-color: #3F4E54
}
.skin-1 .sidebar-toggle>.ace-icon {
background-color: #222A2D;
color: #AAA;
border-color: #AAA
}
.skin-1 .breadcrumbs {
border-width: 0;
background-color: #F0F0F0
}
@media ( min-width :992px) {
.skin-1 .breadcrumbs.breadcrumbs-fixed {
border-bottom-width: 1px
}
}
@media only screen and (max-width:991px) {
.skin-1 .sidebar.responsive {
border-width: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.skin-1 .sidebar.responsive .nav-list li.active>a:after {
display: none
}
.skin-1 .sidebar.responsive .nav-list>li.active.highlight>a:after {
display: block
}
}
.skin-1 .sidebar.menu-min .nav-list>li.open>a {
background-color: #222A2D;
color: #bac2c8
}
.skin-1 .sidebar.menu-min .nav-list>li.active>a:after {
border-width: 9px 6px;
top: 10px
}
.skin-1 .sidebar.menu-min .nav-list>li.active.highlight>a:after {
border-width: 20px 0 20px 10px;
top: 0
}
.skin-1 .sidebar.menu-min .nav-list>li.active:hover>a:after {
border-right-color: #242A2B
}
.skin-1 .sidebar.menu-min .nav-list>li.active>a, .skin-1 .sidebar.menu-min .nav-list>li.active>a:hover
{
background-color: #141A1B;
color: #7BB7E5
}
.skin-1 .sidebar.menu-min .nav-list>li:hover>a {
color: #E1EAF1
}
.skin-1 .sidebar.menu-min .nav-list>li>a>.menu-text {
background-color: #414B51
}
.skin-1 .sidebar.menu-min .nav-list>li.active>a>.menu-text {
background-color: #242A2B;
border: 0 solid #3B4547;
border-width: 1px 1px 0;
border-left-color: #305675
}
.skin-1 .sidebar.menu-min .nav-list>li.active>a:not (.dropdown-toggle )>.menu-text
{
border-width: 1px;
border-top-color: #4a5c63;
border-bottom-color: #4a5c63;
border-right-color: #4a5c63
}
.skin-1 .sidebar.menu-min .nav-list>li.active:hover>a, .skin-1 .sidebar.menu-min .nav-list>li.active>a>.menu-text
{
color: #7BB7E5
}
.skin-1 .sidebar.menu-min .nav-list>li.open.active>a {
background-color: #141A1B
}
.skin-1 .sidebar.menu-min .nav-list>li>.submenu, .skin-1 .sidebar.menu-min .nav-list>li>a>.menu-text
{
border-width: 0;
border-left: 1px solid #181D1F;
-webkit-box-shadow: none;
box-shadow: none
}
.skin-1 .sidebar.menu-min .nav-list>li>.submenu {
border-top: 1px solid #3F4E54;
background-color: #333D3F;
border-top-color: #5A606A;
border-top-width: 1px !important
}
.skin-1 .sidebar.menu-min .nav-list>li>.submenu:after {
display: none
}
.skin-1 .sidebar.menu-min .nav-list>li.active>.submenu {
background-color: #181E20;
border-top-color: #3B4547;
border-left-color: #305675
}
.skin-1 .sidebar.menu-min .nav-list>li>.arrow:after {
border-right-color: #414B51
}
.skin-1 .sidebar.menu-min .nav-list>li>.arrow:before {
border-right-color: #111415
}
.skin-1 .sidebar.menu-min .nav-list>li.active>.arrow:after {
border-right-color: #242A2B
}
.skin-1 .sidebar.menu-min .nav-list>li.active>.arrow:before {
border-right-color: #50a0dd
}
.skin-1 .sidebar.menu-min .sidebar-shortcuts-large {
background-color: #222A2D;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #4a5c63;
border-width: 0 1px 1px 0;
top: 0
}
@media ( max-width :991px) {
.skin-1 .sidebar.responsive-min .nav-list>li.open>a {
background-color: #222A2D;
color: #bac2c8
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>a:after {
border-width: 9px 6px;
top: 10px
}
.skin-1 .sidebar.responsive-min .nav-list>li.active.highlight>a:after {
border-width: 20px 0 20px 10px;
top: 0
}
.skin-1 .sidebar.responsive-min .nav-list>li.active:hover>a:after {
border-right-color: #242A2B
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>a, .skin-1 .sidebar.responsive-min .nav-list>li.active>a:hover
{
background-color: #141A1B;
color: #7BB7E5
}
.skin-1 .sidebar.responsive-min .nav-list>li:hover>a {
color: #E1EAF1
}
.skin-1 .sidebar.responsive-min .nav-list>li>a>.menu-text {
background-color: #414B51
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>a>.menu-text {
background-color: #242A2B;
border: 0 solid #3B4547;
border-width: 1px 1px 0;
border-left-color: #305675
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>a:not (.dropdown-toggle
)>.menu-text {
border-width: 1px;
border-top-color: #4a5c63;
border-bottom-color: #4a5c63;
border-right-color: #4a5c63
}
.skin-1 .sidebar.responsive-min .nav-list>li.active:hover>a, .skin-1 .sidebar.responsive-min .nav-list>li.active>a>.menu-text
{
color: #7BB7E5
}
.skin-1 .sidebar.responsive-min .nav-list>li.open.active>a {
background-color: #141A1B
}
.skin-1 .sidebar.responsive-min .nav-list>li>.submenu, .skin-1 .sidebar.responsive-min .nav-list>li>a>.menu-text
{
border-width: 0;
border-left: 1px solid #181D1F;
-webkit-box-shadow: none;
box-shadow: none
}
.skin-1 .sidebar.responsive-min .nav-list>li>.submenu {
border-top: 1px solid #3F4E54;
background-color: #333D3F;
border-top-color: #5A606A;
border-top-width: 1px !important
}
.skin-1 .sidebar.responsive-min .nav-list>li>.submenu:after {
display: none
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>.submenu {
background-color: #181E20;
border-top-color: #3B4547;
border-left-color: #305675
}
.skin-1 .sidebar.responsive-min .nav-list>li>.arrow:after {
border-right-color: #414B51
}
.skin-1 .sidebar.responsive-min .nav-list>li>.arrow:before {
border-right-color: #111415
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>.arrow:after {
border-right-color: #242A2B
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>.arrow:before {
border-right-color: #50a0dd
}
.skin-1 .sidebar.responsive-min .sidebar-shortcuts-large {
background-color: #222A2D;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #4a5c63;
border-width: 0 1px 1px 0;
top: 0
}
.skin-1 .sidebar.responsive-min .nav-list>li.active>a:after {
display: block
}
.skin-1 .sidebar.responsive-max .nav-list li.active>a:after {
display: none
}
.skin-1 .sidebar.responsive-max .nav-list>li.highlight.active>a:after {
display: block
}
}
@media only screen and (min-width:992px) {
.skin-1 .nav-list li.hover>.submenu {
padding-left: 0;
padding-bottom: 2px;
padding-right: 0;
border-color: #232828
}
.skin-1 .nav-list li.hover>.submenu>li>a {
border-top-width: 1px;
margin-bottom: 0;
margin-top: 0
}
.skin-1 .nav-list li.hover>.submenu>li:first-child>a {
border-top-width: 0
}
.skin-1 .nav-list>li>.submenu li.hover>.submenu {
padding: 3px 2px
}
.skin-1 .nav-list>li.active>.submenu li.hover>.submenu {
border-left-color: #475561;
background-color: #171E1F
}
.skin-1 .nav-list li.active>.submenu li.hover.active>.submenu, .skin-1 .nav-list li.hover.active>.submenu
{
border-left-color: #305675
}
.skin-1 .sidebar.navbar-collapse .nav-list>li.open.hover:not (:hover ):not
(:focus ):not (.active )>a {
color: #bac2c8
}
.skin-1 .sidebar.navbar-collapse .nav-list>li.open.hover:hover>a {
color: #E1EAF1;
background-color: #414B51
}
.skin-1 .sidebar.navbar-collapse .nav-list>li.active.hover:hover>a {
color: #7BB7E5;
background-color: #141A1B
}
.skin-1 .sidebar.navbar-collapse .nav-list>li>.submenu li.open.hover:not
(:hover ):not (:focus ):not (.active )>a {
color: #D9DFE6
}
}
@media only screen and (min-width:992px) and (max-width:991px) {
.skin-1 .sidebar.navbar-collapse .nav-list li.hover>.submenu {
padding-bottom: 0;
border-top-color: #505A5B
}
.skin-1 .sidebar.navbar-collapse .nav-list li.hover.active>.submenu {
border-top-color: #2F3E44
}
.skin-1 .sidebar.navbar-collapse .nav-list li.active>.submenu li.hover.active>.submenu,
.skin-1 .sidebar.navbar-collapse .nav-list li.hover.active>.submenu,
.skin-1 .sidebar.navbar-collapse .nav-list>li>.submenu li.hover>.submenu
{
border-left-width: 0
}
.skin-1 .sidebar.navbar-collapse .nav-list>li>.submenu li.hover>.submenu
{
padding: 0
}
.skin-1 .sidebar.navbar-collapse .nav-list li li.hover>.submenu>li:first-child>a
{
border-top-width: 1px
}
}
.skin-1 .sidebar.navbar-collapse .nav-list>li .submenu>li.hover:hover>a
{
background-color: #2D3638
}
.skin-1 .sidebar.navbar-collapse .nav-list>li.active .submenu>li.hover:hover>a
{
background-color: #14191a
}
@media only screen and (min-width:992px) {
.skin-1 .sidebar:not (.navbar-collapse ) .nav-list>li .submenu>li.hover:hover>a
{
background-color: #2D3638
}
.skin-1 .sidebar:not (.navbar-collapse ) .nav-list>li.active .submenu>li.hover:hover>a
{
background-color: #14191a
}
}
.skin-1 .nav-list li>.arrow:after {
border-right-color: #353C3D
}
.skin-1 .nav-list li>.arrow:before {
border-right-color: #1d2122
}
.skin-1 .nav-list>li.active>.arrow:after {
border-right-color: #171E1F
}
.skin-1 .nav-list>li.active>.arrow:before {
border-right-color: #305675
}
.skin-1 .nav-list>li.active>.submenu li.hover>.arrow:before {
border-right-color: #4f6e86
}
.skin-1 .nav-list>li.active>.submenu li.hover.active>.arrow:before {
border-right-color: #305675
}
.skin-1 .nav-list>li.active>.submenu li.hover>.arrow:after {
border-right-color: #171E1F
}
.skin-1 .nav-list li.pull_up>.arrow:after {
border-right-color: #353C3D !important
}
.skin-1 .nav-list li.pull_up>.arrow:before {
border-right-color: #1d2122 !important
}
.skin-1 .nav-list li.pull_up.active>.arrow:after {
border-right-color: #171E1F !important
}
.skin-1 .nav-list li.pull_up.active>.arrow:before {
border-right-color: #305675 !important
}
.skin-1 .main-container .menu-toggler {
background-color: #444
}
.skin-1 .main-container .menu-toggler:before {
border-top-color: #87B87F;
border-bottom-color: #6FB3E0
}
.skin-1 .main-container .menu-toggler:after {
border-top-color: #FFA24D;
border-bottom-color: #D15B47
}
.skin-1 .main-container .menu-toggler>.toggler-text {
border-top-color: #444
}
.skin-1.display {
background-color: #5d82a2
}
.skin-1.display:before {
border-top-color: #b5d3b0;
border-bottom-color: #aed4ee
}
.skin-1.display:after {
border-top-color: #ffca9a;
border-bottom-color: #e09284
}
.skin-1.display>.toggler-text {
border-top-color: #5d82a2
}
.skin-1 .navbar .navbar-toggle {
background-color: #4D9DCC
}
.skin-1 .navbar .navbar-toggle:focus {
background-color: #4D9DCC;
border-color: transparent
}
.skin-1 .navbar .navbar-toggle:hover {
background-color: #3992c6;
border-color: rgba(255, 255, 255, .1)
}
.skin-1 .navbar .navbar-toggle.display, .skin-1 .navbar .navbar-toggle[data-toggle=collapse]:not
(.collapsed ){
background-color: #3384b3;
box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .25);
border-color: rgba(255, 255, 255, .35)
}
@media only screen and (min-width:768px) {
.skin-1 .container.main-container:before {
box-shadow: 0 0 0 1px rgba(255, 255, 255, .1)
}
}
@media only screen and (min-width:992px) {
.skin-1 .sidebar.h-sidebar:before {
background-color: #38424a;
border-bottom-color: #4a5c63
}
.skin-1 .sidebar.h-sidebar .nav-list {
border-bottom-width: 0
}
.skin-1 .sidebar.h-sidebar .nav-list>li.active:before {
display: block
}
.skin-1 .sidebar.h-sidebar .nav-list>li.hover.active>a:after {
border-color: transparent transparent #FFF;
border-width: 8px;
top: auto;
bottom: 0;
right: auto;
left: 50%;
margin-left: -8px;
content: "";
display: block
}
.skin-1 .sidebar.h-sidebar .nav-list>li.highlight.active>a:before,
.skin-1 .sidebar.h-sidebar .nav-list>li.hover.active.hover-show>a:after,
.skin-1 .sidebar.h-sidebar .nav-list>li.hover.active:hover>a:after {
display: none
}
.skin-1 .sidebar.h-sidebar+.main-content .breadcrumbs {
border-color: #E8E8E8
}
.skin-1 .sidebar.h-sidebar .nav-list>li {
border-color: #3F4E54
}
.skin-1 .sidebar.h-sidebar .nav-list>li:hover, .skin-1 .sidebar.h-sidebar .nav-list>li:hover+li
{
border-left-color: #506575
}
.skin-1 .sidebar.h-sidebar .nav-list>li:last-child:hover {
border-right-color: #506575
}
.skin-1 .sidebar.h-sidebar .nav-list>li.active, .skin-1 .sidebar.h-sidebar .nav-list>li.active+li,
.skin-1 .sidebar.h-sidebar .nav-list>li:hover+li.active {
border-left-color: #55738a
}
.skin-1 .sidebar.h-sidebar .nav-list>li.active:last-child {
border-right-color: #55738a
}
.skin-1 .sidebar.h-sidebar .nav-list>li.hover>.submenu {
border-top-color: #232828
}
.skin-1 .sidebar.h-sidebar .nav-list>li.hover.active>.submenu {
border-top-color: #305675;
border-left-color: #232828
}
.skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large {
background-color: #222A2D;
border: 1px solid #232828;
border-top-color: #305675;
top: 100%
}
.skin-1 .sidebar.h-sidebar .nav-list>li>.arrow:after {
border-right-color: transparent;
border-bottom-color: #353C3D
}
.skin-1 .sidebar.h-sidebar .nav-list>li>.arrow:before {
border-right-color: transparent;
border-bottom-color: #191c1c
}
.skin-1 .sidebar.h-sidebar .nav-list>li.active>.arrow:before, .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before
{
border-right-color: transparent;
border-bottom-color: #50a0dd
}
.skin-1 .sidebar.h-sidebar .nav-list>li.active>.arrow:after, .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after
{
border-right-color: transparent;
border-bottom-color: #171E1F
}
.skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
border-bottom-color: #222A2D
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li>a>.menu-text {
border-width: 1px 0 0;
border-top-color: #181D1F
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li.active>a>.menu-text {
border-top-color: #305675
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li.active>.submenu {
border-top-color: #3B4547
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li>.arrow:after {
border-bottom-color: #414B51
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li>.arrow:before {
border-bottom-color: #111415
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li.active>.arrow:after {
border-bottom-color: #242A2B
}
.skin-1 .sidebar.h-sidebar.menu-min .nav-list>li.active>.arrow:before {
border-bottom-color: #50a0dd
}
.skin-1 .h-sidebar.sidebar-fixed+.main-content {
padding-top: 86px
}
.skin-1 .h-sidebar.sidebar-fixed.no-gap+.main-content {
padding-top: 72px
}
.skin-1 .h-sidebar.sidebar-fixed.menu-min+.main-content {
padding-top: 61px
}
.skin-1 .h-sidebar.sidebar-fixed.menu-min.no-gap+.main-content {
padding-top: 47px
}
.skin-1 .main-content .h-sidebar.sidebar .nav-list {
border-left: 1px solid #4a5c63
}
}
.skin-1 .sidebar-scroll .sidebar-shortcuts {
border-bottom-color: #4a5c63
}
.skin-1 .sidebar-scroll .sidebar-toggle {
border-top-color: #4a5c63
}
.skin-1 .scrollout .scroll-track {
background-color: transparent
}
.skin-1 .scrollout .scroll-bar {
background-color: #CCC;
background-color: rgba(0, 0, 0, .2)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.skin-1 .navbar.navbar-collapse {
background-color: transparent
}
.skin-1 .navbar.navbar-collapse .navbar-container, .skin-1 .navbar.navbar-collapse:before
{
background: #2C6AA0
}
}
.skin-1 .nav-list>li.disabled:before {
display: none !important
}
.skin-1 .nav-list>li.disabled>a {
background-color: #333 !important;
color: #AAA !important
}
.skin-1 .nav-list li .submenu>li.disabled>a, .skin-1 .nav-list li.disabled .submenu>li>a
{
background-color: #444 !important;
color: #A0A0A0 !important;
cursor: not-allowed !important
}
.skin-1 .nav-list li .submenu>li.disabled>a>.menu-icon, .skin-1 .nav-list li.disabled .submenu>li>a>.menu-icon
{
display: none
}
.skin-1 .nav-list>li.disabled .submenu>li>a {
border-top-color: #505050
}
.skin-2 {
background-color: #5C5C5C
}
.skin-2 .navbar {
background: #C6487E
}
.skin-2 .sidebar {
background-color: #505050;
border-right-width: 0
}
.skin-2 .nav-list>li {
border-color: #484848
}
.skin-2 .nav-list>li:first-child {
border-top-color: #5a5a5a
}
.skin-2 .nav-list>li:last-child {
border-bottom-color: #626262
}
.skin-2 .nav-list>li>a {
background-color: #393939;
color: #E6E6E6
}
.skin-2 .nav-list>li.hover-show>a, .skin-2 .nav-list>li.open>a, .skin-2 .nav-list>li:hover>a
{
background-color: #bd5289
}
.skin-2 .nav-list>li>a>.arrow, .skin-2 .nav-list>li>a>.menu-text {
color: #E6E6E6
}
.skin-2 .nav-list>li.hover-show>a>.menu-text, .skin-2 .nav-list>li:hover>a>.menu-text
{
font-weight: 700;
color: #FFF;
color: rgba(0, 0, 0, .6)
}
.skin-2 .nav-list>li.hover-show>a>.arrow, .skin-2 .nav-list>li.hover-show>a>.menu-icon,
.skin-2 .nav-list>li:hover>a>.arrow, .skin-2 .nav-list>li:hover>a>.menu-icon
{
color: #FFF
}
.skin-2 .nav-list>li.open>a>.menu-text {
font-weight: 700;
color: rgba(0, 0, 0, .6)
}
.skin-2 .nav-list>li.open>a>.arrow, .skin-2 .nav-list>li.open>a>.menu-icon
{
color: #FFF
}
.skin-2 .nav-list>li.active>a {
background-color: #242424;
color: #FFF
}
.skin-2 .nav-list>li.active>a>.menu-icon {
color: inherit
}
.skin-2 .nav-list>li.active.highlight>a>.menu-icon, .skin-2 .nav-list>li.active>a>.arrow,
.skin-2 .nav-list>li.active>a>.menu-text {
color: #FFF
}
.skin-2 .nav-list>li.active.hover-show>a, .skin-2 .nav-list>li.active.open:not
(.highlight )>a, .skin-2 .nav-list>li.active.open>a, .skin-2 .nav-list>li.active:hover>a,
.skin-2 .nav-list>li.active:not (.highlight ).hover-show>a, .skin-2 .nav-list>li.active:not
(.highlight ):hover>a {
background-color: #242424
}
.skin-2 .nav-list>li.active.highlight>a {
background-color: #bd5289
}
.skin-2 .nav-list li.active>a:after {
border-right-color: #FFF;
border-width: 11px 7px;
top: 8px;
right: 0
}
.skin-2 .nav-list>li.active>.submenu li.active>a:after {
top: 6px
}
.skin-2 .nav-list>li:before {
top: 0;
height: 39px
}
.skin-2 .nav-list>li.active:before {
display: block;
background-color: #ce7da7
}
.skin-2 .nav-list>li.active.highlight:before, .skin-2 .nav-list>li:before
{
background-color: #dea8c4
}
.skin-2 .nav-list>li>.submenu {
border-top-width: 0;
background-color: #45303b
}
.skin-2 .nav-list>li>.submenu>li, .skin-2 .nav-list>li>.submenu>li>.submenu,
.skin-2 .nav-list>li>.submenu>li>.submenu>li, .skin-2 .nav-list>li>.submenu>li>.submenu>li .submenu,
.skin-2 .nav-list>li>.submenu>li>.submenu>li .submenu li {
background-color: inherit
}
.skin-2 .nav-list>li .submenu>li>a {
border-top: 1px solid;
border-top-color: #555;
border-top-color: rgba(255, 255, 255, .08);
background-color: transparent;
padding-left: 32px
}
.skin-2 .nav-list>li .submenu>li>a:hover {
background-color: rgba(0, 0, 0, .1);
color: #FFF
}
.skin-2 .nav-list>li .submenu>li>a:hover>.menu-icon {
background-color: transparent
}
.skin-2 .nav-list>li.active .submenu>li>a:hover {
background-color: rgba(0, 0, 0, .1)
}
.skin-2 .nav-list>li>.submenu>li>a {
color: #EEE
}
.skin-2 .nav-list>li>.submenu>li:first-child>a {
border-top-width: 0
}
.skin-2 .nav-list>li>.submenu>li.active>a {
background-color: rgba(0, 0, 0, .05);
font-weight: 700
}
.skin-2 .nav-list>li>.submenu>li.active>a>.menu-icon {
color: inherit;
background-color: transparent
}
.skin-2 .nav-list li .submenu li>a {
color: #EEE;
font-size: 11px
}
.skin-2 .nav-list>li>.submenu:before, .skin-2 .nav-list>li>.submenu>li:before
{
display: none
}
.skin-2 .nav-list>li .submenu>li>a>.menu-icon {
left: 12px
}
@media only screen and (min-width:992px) {
.skin-2 .nav-list>li .submenu>li.hover>a {
padding-left: 26px
}
.skin-2 .nav-list>li .submenu>li.hover>a>.menu-icon {
left: 6px
}
}
.skin-2 .nav-list>li>.submenu li>.submenu>li>a {
margin-left: 0;
padding-left: 37px;
padding-top: 8px;
padding-bottom: 10px;
border-top-width: 0
}
.skin-2 .nav-list>li>.submenu li>.submenu>li>.submenu>li>a {
margin-left: 0;
padding-left: 51px
}
.skin-2 .nav-list>li>.submenu li.active>a, .skin-2 .nav-list>li>.submenu li.hover-show>a,
.skin-2 .nav-list>li>.submenu li.open>a, .skin-2 .nav-list>li>.submenu li:hover>a
{
color: #da81af
}
.skin-2 .nav-list>li>.submenu li>a>.ace-icon {
background-color: transparent
}
.skin-2 .nav-list>li.active.highlight .badge, .skin-2 .nav-list>li.active.highlight .label,
.skin-2 .nav-list>li.hover-show:not (.active )>a .badge, .skin-2 .nav-list>li.hover-show:not
(.active )>a .label, .skin-2 .nav-list>li.open:not (.active )>a .badge,
.skin-2 .nav-list>li.open:not (.active )>a .label, .skin-2 .nav-list>li:hover:not
(.active )>a .badge, .skin-2 .nav-list>li:hover:not (.active )>a .label
{
background-color: rgba(0, 0, 0, .5) !important
}
.skin-2 .nav-list>li.active.highlight .badge.badge-transparent, .skin-2 .nav-list>li.active.highlight .label.label-transparent,
.skin-2 .nav-list>li.hover-show:not (.active )>a .badge.badge-transparent,
.skin-2 .nav-list>li.hover-show:not (.active )>a .label.label-transparent,
.skin-2 .nav-list>li.open:not (.active )>a .badge.badge-transparent,
.skin-2 .nav-list>li.open:not (.active )>a .label.label-transparent,
.skin-2 .nav-list>li:hover:not (.active )>a .badge.badge-transparent,
.skin-2 .nav-list>li:hover:not (.active )>a .label.label-transparent {
color: rgba(255, 255, 255, .8) !important;
background-color: transparent !important
}
.skin-2 .nav-list>li.active.highlight .badge.badge-transparent .ace-icon,
.skin-2 .nav-list>li.active.highlight .label.label-transparent .ace-icon,
.skin-2 .nav-list>li.hover-show:not (.active )>a .badge.badge-transparent .ace-icon,
.skin-2 .nav-list>li.hover-show:not (.active )>a .label.label-transparent .ace-icon,
.skin-2 .nav-list>li.open:not (.active )>a .badge.badge-transparent .ace-icon,
.skin-2 .nav-list>li.open:not (.active )>a .label.label-transparent .ace-icon,
.skin-2 .nav-list>li:hover:not (.active )>a .badge.badge-transparent .ace-icon,
.skin-2 .nav-list>li:hover:not (.active )>a .label.label-transparent .ace-icon
{
color: rgba(255, 255, 255, .8) !important
}
.skin-2 .nav-list li>.arrow:after {
border-right-color: #45303b
}
.skin-2 .nav-list li>.arrow:before {
border-right-color: #191919
}
.skin-2 .nav-list>li.pull_up>.arrow:after {
border-right-color: #45303b !important
}
.skin-2 .nav-list>li.pull_up>.arrow:before {
border-right-color: #191919 !important
}
.skin-2 .nav-list>li.active.highlight>a:after {
border-right-color: transparent;
border-left-color: #bd5289;
border-width: 20px 0 20px 10px;
z-index: 1;
top: 0;
right: -9px;
display: block
}
.skin-2 .nav-list>li:nth-child(1)>a {
color: #00BE67
}
.skin-2 .nav-list>li.open:nth-child(1)>a, .skin-2 .nav-list>li:nth-child(1).hover-show>a,
.skin-2 .nav-list>li:nth-child(1):hover>a {
background-color: #18a665
}
.skin-2 .nav-list>li:nth-child(1)>.submenu {
background-color: #2a4137
}
.skin-2 .nav-list>li:nth-child(1) li>.arrow:after, .skin-2 .nav-list>li:nth-child(1)>.arrow:after
{
border-right-color: #2a4137
}
.skin-2 .nav-list>li.pull_up:nth-child(1)>.arrow:after {
border-right-color: #2a4137 !important
}
.skin-2 .nav-list>li:nth-child(1)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(1)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(1)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(1)>.submenu li:hover>a
{
color: #1eed8e
}
.skin-2 .nav-list>li.active:nth-child(1):before {
background-color: #52bc8c
}
.skin-2 .nav-list>li.active.highlight:nth-child(1):before, .skin-2 .nav-list>li:nth-child(1):before
{
background-color: #8bd3b2
}
.skin-2 .nav-list>li:nth-child(2)>a {
color: #5ED02B
}
.skin-2 .nav-list>li.open:nth-child(2)>a, .skin-2 .nav-list>li:nth-child(2).hover-show>a,
.skin-2 .nav-list>li:nth-child(2):hover>a {
background-color: #6ab14a
}
.skin-2 .nav-list>li:nth-child(2)>.submenu {
background-color: #36432f
}
.skin-2 .nav-list>li:nth-child(2) li>.arrow:after, .skin-2 .nav-list>li:nth-child(2)>.arrow:after
{
border-right-color: #36432f
}
.skin-2 .nav-list>li.pull_up:nth-child(2)>.arrow:after {
border-right-color: #36432f !important
}
.skin-2 .nav-list>li:nth-child(2)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(2)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(2)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(2)>.submenu li:hover>a
{
color: #92d275
}
.skin-2 .nav-list>li.active:nth-child(2):before {
background-color: #8fc478
}
.skin-2 .nav-list>li.active.highlight:nth-child(2):before, .skin-2 .nav-list>li:nth-child(2):before
{
background-color: #b4d8a5
}
.skin-2 .nav-list>li:nth-child(3)>a {
color: #A7D700
}
.skin-2 .nav-list>li.open:nth-child(3)>a, .skin-2 .nav-list>li:nth-child(3).hover-show>a,
.skin-2 .nav-list>li:nth-child(3):hover>a {
background-color: #98bc1b
}
.skin-2 .nav-list>li:nth-child(3)>.submenu {
background-color: #3e442a
}
.skin-2 .nav-list>li:nth-child(3) li>.arrow:after, .skin-2 .nav-list>li:nth-child(3)>.arrow:after
{
border-right-color: #3e442a
}
.skin-2 .nav-list>li.pull_up:nth-child(3)>.arrow:after {
border-right-color: #3e442a !important
}
.skin-2 .nav-list>li:nth-child(3)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(3)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(3)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(3)>.submenu li:hover>a
{
color: #c5ef35
}
.skin-2 .nav-list>li.active:nth-child(3):before {
background-color: #b2cd54
}
.skin-2 .nav-list>li.active.highlight:nth-child(3):before, .skin-2 .nav-list>li:nth-child(3):before
{
background-color: #ccde8d
}
.skin-2 .nav-list>li:nth-child(4)>a {
color: #CEE100
}
.skin-2 .nav-list>li.open:nth-child(4)>a, .skin-2 .nav-list>li:nth-child(4).hover-show>a,
.skin-2 .nav-list>li:nth-child(4):hover>a {
background-color: #b7c51c
}
.skin-2 .nav-list>li:nth-child(4)>.submenu {
background-color: #43452a
}
.skin-2 .nav-list>li:nth-child(4) li>.arrow:after, .skin-2 .nav-list>li:nth-child(4)>.arrow:after
{
border-right-color: #43452a
}
.skin-2 .nav-list>li.pull_up:nth-child(4)>.arrow:after {
border-right-color: #43452a !important
}
.skin-2 .nav-list>li:nth-child(4)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(4)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(4)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(4)>.submenu li:hover>a
{
color: #e0ef3e
}
.skin-2 .nav-list>li.active:nth-child(4):before {
background-color: #c9d355
}
.skin-2 .nav-list>li.active.highlight:nth-child(4):before, .skin-2 .nav-list>li:nth-child(4):before
{
background-color: #dbe28e
}
.skin-2 .nav-list>li:nth-child(5)>a {
color: #F8C600
}
.skin-2 .nav-list>li.open:nth-child(5)>a, .skin-2 .nav-list>li:nth-child(5).hover-show>a,
.skin-2 .nav-list>li:nth-child(5):hover>a {
background-color: #d9b41f
}
.skin-2 .nav-list>li:nth-child(5)>.submenu {
background-color: #48422a
}
.skin-2 .nav-list>li:nth-child(5) li>.arrow:after, .skin-2 .nav-list>li:nth-child(5)>.arrow:after
{
border-right-color: #48422a
}
.skin-2 .nav-list>li.pull_up:nth-child(5)>.arrow:after {
border-right-color: #48422a !important
}
.skin-2 .nav-list>li:nth-child(5)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(5)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(5)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(5)>.submenu li:hover>a
{
color: #f1d153
}
.skin-2 .nav-list>li.active:nth-child(5):before {
background-color: #e3c657
}
.skin-2 .nav-list>li.active.highlight:nth-child(5):before, .skin-2 .nav-list>li:nth-child(5):before
{
background-color: #ecd98f
}
.skin-2 .nav-list>li:nth-child(6)>a {
color: #FFAB00
}
.skin-2 .nav-list>li.open:nth-child(6)>a, .skin-2 .nav-list>li:nth-child(6).hover-show>a,
.skin-2 .nav-list>li:nth-child(6):hover>a {
background-color: #dfa020
}
.skin-2 .nav-list>li:nth-child(6)>.submenu {
background-color: #493f2a
}
.skin-2 .nav-list>li:nth-child(6) li>.arrow:after, .skin-2 .nav-list>li:nth-child(6)>.arrow:after
{
border-right-color: #493f2a
}
.skin-2 .nav-list>li.pull_up:nth-child(6)>.arrow:after {
border-right-color: #493f2a !important
}
.skin-2 .nav-list>li:nth-child(6)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(6)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(6)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(6)>.submenu li:hover>a
{
color: #f2c05a
}
.skin-2 .nav-list>li.active:nth-child(6):before {
background-color: #e7b858
}
.skin-2 .nav-list>li.active.highlight:nth-child(6):before, .skin-2 .nav-list>li:nth-child(6):before
{
background-color: #efd08f
}
.skin-2 .nav-list>li:nth-child(7)>a {
color: #FF6E00
}
.skin-2 .nav-list>li.open:nth-child(7)>a, .skin-2 .nav-list>li:nth-child(7).hover-show>a,
.skin-2 .nav-list>li:nth-child(7):hover>a {
background-color: #df7220
}
.skin-2 .nav-list>li:nth-child(7)>.submenu {
background-color: #49372a
}
.skin-2 .nav-list>li:nth-child(7) li>.arrow:after, .skin-2 .nav-list>li:nth-child(7)>.arrow:after
{
border-right-color: #49372a
}
.skin-2 .nav-list>li.pull_up:nth-child(7)>.arrow:after {
border-right-color: #49372a !important
}
.skin-2 .nav-list>li:nth-child(7)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(7)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(7)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(7)>.submenu li:hover>a
{
color: #f29b5a
}
.skin-2 .nav-list>li.active:nth-child(7):before {
background-color: #e79658
}
.skin-2 .nav-list>li.active.highlight:nth-child(7):before, .skin-2 .nav-list>li:nth-child(7):before
{
background-color: #efb98f
}
.skin-2 .nav-list>li:nth-child(8)>a {
color: #F21C30
}
.skin-2 .nav-list>li.open:nth-child(8)>a, .skin-2 .nav-list>li:nth-child(8).hover-show>a,
.skin-2 .nav-list>li:nth-child(8):hover>a {
background-color: #d43a48
}
.skin-2 .nav-list>li:nth-child(8)>.submenu {
background-color: #472e30
}
.skin-2 .nav-list>li:nth-child(8) li>.arrow:after, .skin-2 .nav-list>li:nth-child(8)>.arrow:after
{
border-right-color: #472e30
}
.skin-2 .nav-list>li.pull_up:nth-child(8)>.arrow:after {
border-right-color: #472e30 !important
}
.skin-2 .nav-list>li:nth-child(8)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(8)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(8)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(8)>.submenu li:hover>a
{
color: #ea717c
}
.skin-2 .nav-list>li.active:nth-child(8):before {
background-color: #df6b76
}
.skin-2 .nav-list>li.active.highlight:nth-child(8):before, .skin-2 .nav-list>li:nth-child(8):before
{
background-color: #ea9da4
}
.skin-2 .nav-list>li:nth-child(9)>a {
color: #DB348A
}
.skin-2 .nav-list>li.open:nth-child(9)>a, .skin-2 .nav-list>li:nth-child(9).hover-show>a,
.skin-2 .nav-list>li:nth-child(9):hover>a {
background-color: #bd5289
}
.skin-2 .nav-list>li:nth-child(9)>.submenu {
background-color: #45303b
}
.skin-2 .nav-list>li:nth-child(9) li>.arrow:after, .skin-2 .nav-list>li:nth-child(9)>.arrow:after
{
border-right-color: #45303b
}
.skin-2 .nav-list>li.pull_up:nth-child(9)>.arrow:after {
border-right-color: #45303b !important
}
.skin-2 .nav-list>li:nth-child(9)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(9)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(9)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(9)>.submenu li:hover>a
{
color: #da81af
}
.skin-2 .nav-list>li.active:nth-child(9):before {
background-color: #ce7da7
}
.skin-2 .nav-list>li.active.highlight:nth-child(9):before, .skin-2 .nav-list>li:nth-child(9):before
{
background-color: #dea8c4
}
.skin-2 .nav-list>li:nth-child(10)>a {
color: #C55EE7
}
.skin-2 .nav-list>li.open:nth-child(10)>a, .skin-2 .nav-list>li:nth-child(10).hover-show>a,
.skin-2 .nav-list>li:nth-child(10):hover>a {
background-color: #b975d0
}
.skin-2 .nav-list>li:nth-child(10)>.submenu {
background-color: #423646
}
.skin-2 .nav-list>li:nth-child(10) li>.arrow:after, .skin-2 .nav-list>li:nth-child(10)>.arrow:after
{
border-right-color: #423646
}
.skin-2 .nav-list>li.pull_up:nth-child(10)>.arrow:after {
border-right-color: #423646 !important
}
.skin-2 .nav-list>li:nth-child(10)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(10)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(10)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(10)>.submenu li:hover>a
{
color: #d9a9e9
}
.skin-2 .nav-list>li.active:nth-child(10):before {
background-color: #cb98dc
}
.skin-2 .nav-list>li.active.highlight:nth-child(10):before, .skin-2 .nav-list>li:nth-child(10):before
{
background-color: #dcbae7
}
.skin-2 .nav-list>li:nth-child(11)>a {
color: #218BEE
}
.skin-2 .nav-list>li.open:nth-child(11)>a, .skin-2 .nav-list>li:nth-child(11).hover-show>a,
.skin-2 .nav-list>li:nth-child(11):hover>a {
background-color: #3f8ad0
}
.skin-2 .nav-list>li:nth-child(11)>.submenu {
background-color: #2e3b47
}
.skin-2 .nav-list>li:nth-child(11) li>.arrow:after, .skin-2 .nav-list>li:nth-child(11)>.arrow:after
{
border-right-color: #2e3b47
}
.skin-2 .nav-list>li.pull_up:nth-child(11)>.arrow:after {
border-right-color: #2e3b47 !important
}
.skin-2 .nav-list>li:nth-child(11)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(11)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(11)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(11)>.submenu li:hover>a
{
color: #74b0e7
}
.skin-2 .nav-list>li.active:nth-child(11):before {
background-color: #6fa7dc
}
.skin-2 .nav-list>li.active.highlight:nth-child(11):before, .skin-2 .nav-list>li:nth-child(11):before
{
background-color: #9fc4e8
}
.skin-2 .nav-list>li:nth-child(12)>a {
color: #2ECEE7
}
.skin-2 .nav-list>li.open:nth-child(12)>a, .skin-2 .nav-list>li:nth-child(12).hover-show>a,
.skin-2 .nav-list>li:nth-child(12):hover>a {
background-color: #4bb9ca
}
.skin-2 .nav-list>li:nth-child(12)>.submenu {
background-color: #304346
}
.skin-2 .nav-list>li:nth-child(12) li>.arrow:after, .skin-2 .nav-list>li:nth-child(12)>.arrow:after
{
border-right-color: #304346
}
.skin-2 .nav-list>li.pull_up:nth-child(12)>.arrow:after {
border-right-color: #304346 !important
}
.skin-2 .nav-list>li:nth-child(12)>.submenu li.active>a, .skin-2 .nav-list>li:nth-child(12)>.submenu li.hover-show>a,
.skin-2 .nav-list>li:nth-child(12)>.submenu li.open>a, .skin-2 .nav-list>li:nth-child(12)>.submenu li:hover>a
{
color: #7ed6e3
}
.skin-2 .nav-list>li.active:nth-child(12):before {
background-color: #78cad7
}
.skin-2 .nav-list>li.active.highlight:nth-child(12):before, .skin-2 .nav-list>li:nth-child(12):before
{
background-color: #a5dce4
}
@media only screen and (min-width:992px) {
.skin-2 .nav-list>li>.submenu li>.submenu>li.hover>a {
border-top-width: 1px;
padding-bottom: 9px
}
.skin-2 .nav-list>li>.submenu li>.submenu>li.hover:first-child>a {
border-top-width: 0
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(1)>a {
color: #00BE67
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(1)>.arrow:after
{
border-bottom-color: #2a4137
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(2)>a {
color: #5ED02B
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(2)>.arrow:after
{
border-bottom-color: #36432f
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(3)>a {
color: #A7D700
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(3)>.arrow:after
{
border-bottom-color: #3e442a
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(4)>a {
color: #CEE100
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(4)>.arrow:after
{
border-bottom-color: #43452a
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(5)>a {
color: #F8C600
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(5)>.arrow:after
{
border-bottom-color: #48422a
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(6)>a {
color: #FFAB00
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(6)>.arrow:after
{
border-bottom-color: #493f2a
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(7)>a {
color: #FF6E00
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(7)>.arrow:after
{
border-bottom-color: #49372a
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(8)>a {
color: #F21C30
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(8)>.arrow:after
{
border-bottom-color: #472e30
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(9)>a {
color: #DB348A
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(9)>.arrow:after
{
border-bottom-color: #45303b
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(10)>a {
color: #C55EE7
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(10)>.arrow:after
{
border-bottom-color: #423646
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(11)>a {
color: #218BEE
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(11)>.arrow:after
{
border-bottom-color: #2e3b47
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(12)>a {
color: #2ECEE7
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover:nth-child(12)>.arrow:after
{
border-bottom-color: #304346
}
}
.skin-2 .nav-list>li.highlight.active:nth-child(1)>a {
background-color: #18a665
}
.skin-2 .nav-list>li.active.highlight:nth-child(1)>a:after {
border-left-color: #18a665
}
.skin-2 .nav-list>li.highlight.active:nth-child(2)>a {
background-color: #6ab14a
}
.skin-2 .nav-list>li.active.highlight:nth-child(2)>a:after {
border-left-color: #6ab14a
}
.skin-2 .nav-list>li.highlight.active:nth-child(3)>a {
background-color: #98bc1b
}
.skin-2 .nav-list>li.active.highlight:nth-child(3)>a:after {
border-left-color: #98bc1b
}
.skin-2 .nav-list>li.highlight.active:nth-child(4)>a {
background-color: #b7c51c
}
.skin-2 .nav-list>li.active.highlight:nth-child(4)>a:after {
border-left-color: #b7c51c
}
.skin-2 .nav-list>li.highlight.active:nth-child(5)>a {
background-color: #d9b41f
}
.skin-2 .nav-list>li.active.highlight:nth-child(5)>a:after {
border-left-color: #d9b41f
}
.skin-2 .nav-list>li.highlight.active:nth-child(6)>a {
background-color: #dfa020
}
.skin-2 .nav-list>li.active.highlight:nth-child(6)>a:after {
border-left-color: #dfa020
}
.skin-2 .nav-list>li.highlight.active:nth-child(7)>a {
background-color: #df7220
}
.skin-2 .nav-list>li.active.highlight:nth-child(7)>a:after {
border-left-color: #df7220
}
.skin-2 .nav-list>li.highlight.active:nth-child(8)>a {
background-color: #d43a48
}
.skin-2 .nav-list>li.active.highlight:nth-child(8)>a:after {
border-left-color: #d43a48
}
.skin-2 .nav-list>li.highlight.active:nth-child(9)>a {
background-color: #bd5289
}
.skin-2 .nav-list>li.active.highlight:nth-child(9)>a:after {
border-left-color: #bd5289
}
.skin-2 .nav-list>li.highlight.active:nth-child(10)>a {
background-color: #b975d0
}
.skin-2 .nav-list>li.active.highlight:nth-child(10)>a:after {
border-left-color: #b975d0
}
.skin-2 .nav-list>li.highlight.active:nth-child(11)>a {
background-color: #3f8ad0
}
.skin-2 .nav-list>li.active.highlight:nth-child(11)>a:after {
border-left-color: #3f8ad0
}
.skin-2 .nav-list>li.highlight.active:nth-child(12)>a {
background-color: #4bb9ca
}
.skin-2 .nav-list>li.active.highlight:nth-child(12)>a:after {
border-left-color: #4bb9ca
}
.skin-2 .sidebar-shortcuts .btn {
background-color: #555 !important;
border-radius: 32px;
border-width: 2px
}
.skin-2 .sidebar-shortcuts .btn:hover {
background-color: #222 !important
}
.skin-2 .sidebar-shortcuts-mini .btn {
border-radius: 32px;
border-width: 2px;
opacity: 1;
padding: 6px
}
.skin-2 .sidebar-shortcuts, .skin-2 .sidebar-shortcuts-mini, .skin-2 .sidebar>.nav-search
{
background-color: #393939
}
.skin-2 .sidebar-toggle {
background-color: #2F2F2F;
border-color: #767676
}
.skin-2 .sidebar-toggle:before {
border-color: inherit
}
.skin-2 .sidebar-toggle>.ace-icon {
background-color: #333;
border-color: #AAA;
color: #AAA
}
.skin-2 .breadcrumbs {
border-width: 0;
background-color: #E7F2F8;
border-radius: 4px;
margin: 8px 8px 0
}
@media ( min-width :992px) {
.skin-2 .breadcrumbs.breadcrumbs-fixed+.page-content {
padding-top: 57px
}
}
@media ( min-width :992px) and (max-width:991px) {
.skin-2 .breadcrumbs.breadcrumbs-fixed+.page-content {
padding-top: 54px
}
.skin-2 .menu-toggler+.sidebar.reponsive+.main-content .breadcrumbs.breadcrumbs-fixed+.page-content
{
padding-top: 49px
}
.skin-2 .container.main-container .breadcrumbs-fixed, .skin-2 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed,
.skin-2 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 734px
}
.skin-2 .container.main-container .sidebar.responsive-min+.main-content .breadcrumbs-fixed
{
width: 691px
}
}
@media ( min-width :992px) {
.skin-2 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed
{
width: 843px
}
.skin-2 .container.main-container .breadcrumbs-fixed {
width: 964px
}
.skin-2 .container.main-container .sidebar+.main-content .breadcrumbs-fixed
{
width: 758px
}
.skin-2 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 905px
}
}
@media ( min-width :1200px) {
.skin-2 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed
{
width: 1043px
}
.skin-2 .container.main-container .breadcrumbs-fixed {
width: 1148px
}
.skin-2 .container.main-container .sidebar+.main-content .breadcrumbs-fixed
{
width: 958px
}
.skin-2 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 1105px
}
}
@media only screen and (max-width:991px) {
.skin-2 .breadcrumbs {
margin: 5px 5px 0
}
.skin-2 .menu-toggler+.sidebar.responsive+.main-content .breadcrumbs {
margin: 0;
border-radius: 0
}
.skin-2 .sidebar {
border-width: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.skin-2 .nav-list li.active>a:after {
display: none
}
}
.skin-2 .sidebar.menu-min .nav-list>li.open>a {
color: #E6E6E6
}
.skin-2 .sidebar.menu-min .nav-list>li.active>a {
color: #FFF
}
.skin-2 .sidebar.menu-min .nav-list>li.active>a:after {
border-width: 9px 6px;
top: 10px
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight>a:after {
border-width: 20px 0 20px 10px;
top: 0
}
.skin-2 .sidebar.menu-min .nav-list>li>a>.menu-text {
background-color: inherit;
font-weight: 700;
color: rgba(0, 0, 0, .6);
border-width: 0 0 0 1px;
border-style: solid;
border-color: #333;
border-color: rgba(0, 0, 0, .4);
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 1px
}
.skin-2 .sidebar.menu-min .nav-list>li.active>a>.menu-text {
background-color: inherit;
color: #FFF
}
.skin-2 .sidebar.menu-min .nav-list>li>.submenu {
border-style: solid;
border-width: 1px 0 0 1px;
border-color: #444;
border-color: rgba(0, 0, 0, .3);
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 1px
}
.skin-2 .sidebar.menu-min .nav-list>li>.submenu:after {
display: none
}
.skin-2 .sidebar.menu-min .nav-list>li.active>.submenu {
border-top-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.menu-min .sidebar-shortcuts-large {
background-color: #393939;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #666;
border-width: 0 1px 1px 0;
top: 0
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li>.arrow:after {
border-right-color: #bd5289
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight>.arrow:before,
.skin-2 .sidebar.menu-min .nav-list>li>.arrow:before {
border-right-color: #333;
border-right-color: rgba(0, 0, 0, .7)
}
.skin-2 .sidebar.menu-min .nav-list>li.active:not (.highlight )>a:not (.dropdown-toggle
)>.menu-text {
border-width: 1px;
border-top-color: #555;
border-bottom-color: #555;
border-right-color: #555
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight>a>.menu-text,
.skin-2 .sidebar.menu-min .nav-list>li>a>.menu-text {
border-left-color: #333;
border-left-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.menu-min .nav-list>li.pull_up.active.highlight>a>.menu-text,
.skin-2 .sidebar.menu-min .nav-list>li.pull_up>a>.menu-text {
border-left-color: #222;
border-left-color: rgba(0, 0, 0, .7)
}
.skin-2 .sidebar.menu-min .nav-list>li.pull_up.active:not (.highlight )>a>.menu-text
{
border-left-color: #666
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(1)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(1)>.arrow:after {
border-right-color: #18a665
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(2)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(2)>.arrow:after {
border-right-color: #6ab14a
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(3)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(3)>.arrow:after {
border-right-color: #98bc1b
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(4)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(4)>.arrow:after {
border-right-color: #b7c51c
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(5)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(5)>.arrow:after {
border-right-color: #d9b41f
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(6)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(6)>.arrow:after {
border-right-color: #dfa020
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(7)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(7)>.arrow:after {
border-right-color: #df7220
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(8)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(8)>.arrow:after {
border-right-color: #d43a48
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(9)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(9)>.arrow:after {
border-right-color: #bd5289
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(10)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(10)>.arrow:after {
border-right-color: #b975d0
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(11)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(11)>.arrow:after {
border-right-color: #3f8ad0
}
.skin-2 .sidebar.menu-min .nav-list>li.active.highlight:nth-child(12)>.arrow:after,
.skin-2 .sidebar.menu-min .nav-list>li:nth-child(12)>.arrow:after {
border-right-color: #4bb9ca
}
.skin-2 .sidebar.menu-min .nav-list>li.active>a>.menu-text {
border-left-color: #777
}
.skin-2 .sidebar.menu-min .nav-list>li.active>.arrow:after {
border-right-color: #242424
}
.skin-2 .sidebar.menu-min .nav-list>li.active>.arrow:before {
border-right-color: #888
}
@media ( max-width :991px) {
.skin-2 .sidebar.responsive .nav-list>li.active>a:after {
display: none
}
.skin-2 .sidebar.responsive .nav-list>li.active.highlight>a:after {
display: block
}
.skin-2 .sidebar.responsive-min .nav-list>li.open>a {
color: #E6E6E6
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>a {
color: #FFF
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>a:after {
border-width: 9px 6px;
top: 10px
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight>a:after {
border-width: 20px 0 20px 10px;
top: 0
}
.skin-2 .sidebar.responsive-min .nav-list>li>a>.menu-text {
background-color: inherit;
font-weight: 700;
color: rgba(0, 0, 0, .6);
border-width: 0 0 0 1px;
border-style: solid;
border-color: #333;
border-color: rgba(0, 0, 0, .4);
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 1px
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>a>.menu-text {
background-color: inherit;
color: #FFF
}
.skin-2 .sidebar.responsive-min .nav-list>li>.submenu {
border-style: solid;
border-width: 1px 0 0 1px;
border-color: #444;
border-color: rgba(0, 0, 0, .3);
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 1px
}
.skin-2 .sidebar.responsive-min .nav-list>li>.submenu:after {
display: none
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>.submenu {
border-top-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.responsive-min .sidebar-shortcuts-large {
background-color: #393939;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #666;
border-width: 0 1px 1px 0;
top: 0
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li>.arrow:after {
border-right-color: #bd5289
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight>.arrow:before,
.skin-2 .sidebar.responsive-min .nav-list>li>.arrow:before {
border-right-color: #333;
border-right-color: rgba(0, 0, 0, .7)
}
.skin-2 .sidebar.responsive-min .nav-list>li.active:not (.highlight )>a:not
(.dropdown-toggle )>.menu-text {
border-width: 1px;
border-top-color: #555;
border-bottom-color: #555;
border-right-color: #555
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight>a>.menu-text,
.skin-2 .sidebar.responsive-min .nav-list>li>a>.menu-text {
border-left-color: #333;
border-left-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.responsive-min .nav-list>li.pull_up.active.highlight>a>.menu-text,
.skin-2 .sidebar.responsive-min .nav-list>li.pull_up>a>.menu-text {
border-left-color: #222;
border-left-color: rgba(0, 0, 0, .7)
}
.skin-2 .sidebar.responsive-min .nav-list>li.pull_up.active:not (.highlight
)>a>.menu-text {
border-left-color: #666
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(1)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(1)>.arrow:after
{
border-right-color: #18a665
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(2)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(2)>.arrow:after
{
border-right-color: #6ab14a
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(3)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(3)>.arrow:after
{
border-right-color: #98bc1b
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(4)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(4)>.arrow:after
{
border-right-color: #b7c51c
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(5)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(5)>.arrow:after
{
border-right-color: #d9b41f
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(6)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(6)>.arrow:after
{
border-right-color: #dfa020
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(7)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(7)>.arrow:after
{
border-right-color: #df7220
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(8)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(8)>.arrow:after
{
border-right-color: #d43a48
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(9)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(9)>.arrow:after
{
border-right-color: #bd5289
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(10)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(10)>.arrow:after
{
border-right-color: #b975d0
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(11)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(11)>.arrow:after
{
border-right-color: #3f8ad0
}
.skin-2 .sidebar.responsive-min .nav-list>li.active.highlight:nth-child(12)>.arrow:after,
.skin-2 .sidebar.responsive-min .nav-list>li:nth-child(12)>.arrow:after
{
border-right-color: #4bb9ca
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>a>.menu-text {
border-left-color: #777
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>.arrow:after {
border-right-color: #242424
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>.arrow:before {
border-right-color: #888
}
.skin-2 .sidebar.responsive-min .nav-list>li.active>a:after {
display: block
}
}
@media only screen and (min-width:992px) {
.skin-2 .nav-list li.hover>.submenu {
padding-left: 0;
padding-right: 0;
border: 1px solid;
border-color: rgba(0, 0, 0, .4)
}
.skin-2 .nav-list li.hover>.submenu>li>a {
margin-bottom: 0;
margin-top: 0
}
.skin-2 .nav-list li.hover>.submenu>li:first-child>a {
border-top-width: 0
}
.skin-2 .nav-list li .submenu>li.hover.active>a {
background-color: rgba(0, 0, 0, .05)
}
.skin-2 .nav-list>li>.submenu li.hover>.submenu {
padding: 2px
}
.skin-2 .nav-list>li>.submenu li>.submenu>li.hover>a {
border-top-color: #222;
border-top-color: rgba(255, 255, 255, .08)
}
.skin-2 .menu-min .nav-list>li.active.hover-show>a:after, .skin-2 .menu-min .nav-list>li.active:hover>a:after,
.skin-2 .nav-list>li.active.hover.hover-show>a.dropdown-toggle:after,
.skin-2 .nav-list>li.active.hover:hover>a.dropdown-toggle:after {
display: none
}
.skin-2 .sidebar.navbar-collapse .nav-list>li.open.hover:not (:hover ):not
(:focus ):not (.active )>a {
background-color: #393939;
font-weight: 400
}
.skin-2 .sidebar.navbar-collapse .nav-list>li.open.hover:not (:hover ):not
(:focus ):not (.active )>a>.arrow, .skin-2 .sidebar.navbar-collapse .nav-list>li.open.hover:not
(:hover ):not (:focus ):not (.active )>a>.menu-icon, .skin-2 .sidebar.navbar-collapse .nav-list>li.open.hover:not
(:hover ):not (:focus ):not (.active )>a>.menu-text {
color: inherit
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li.open.hover:not
(:hover ):not (:focus ):not (.active )>a {
color: #EEE
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li.open.hover:not
(:hover ):not (:focus ):not (.active )>a>.menu-icon {
display: none
}
.skin-2 .sidebar:not (.navbar-collapse ) .nav-list>li .submenu>li.hover.hover-show>a,
.skin-2 .sidebar:not (.navbar-collapse ) .nav-list>li .submenu>li.hover:hover>a
{
background-color: rgba(0, 0, 0, .1)
}
.skin-2 .sidebar:not (.navbar-collapse ) .nav-list>li.active .submenu>li.hover.hover-show>a,
.skin-2 .sidebar:not (.navbar-collapse ) .nav-list>li.active .submenu>li.hover:hover>a
{
background-color: rgba(0, 0, 0, .1)
}
}
@media only screen and (max-width:991px) {
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu:before, .skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li:before,
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li>.submenu:before
{
display: none
}
.skin-2 .sidebar.navbar-collapse .nav-list>li:before {
height: 41px !important;
top: 0
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li>.submenu>li>a
{
margin-left: 0;
padding-left: 42px
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li>.submenu>li>.submenu>li>a
{
margin-left: 0;
padding-left: 58px
}
.skin-2 .sidebar.navbar-collapse .nav-list>li.active.highlight>a>.menu-text,
.skin-2 .sidebar.navbar-collapse .nav-list>li>a>.menu-text {
border-width: 0
}
}
@media only screen and (min-width:992px) and (max-width:991px) {
.skin-2 .sidebar.navbar-collapse .nav-list>li.hover>.submenu {
padding-bottom: 0
}
.skin-2 .sidebar.navbar-collapse .nav-list li.hover>.submenu {
border-width: 0
}
.skin-2 .sidebar.navbar-collapse .nav-list li li.hover.hover-show>a,
.skin-2 .sidebar.navbar-collapse .nav-list li li.hover:hover>a {
background-color: transparent
}
.skin-2 .sidebar.navbar-collapse .nav-list li li.hover>a:hover {
background-color: rgba(0, 0, 0, .1)
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li.active.hover.hover-show>a,
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li.active.hover:hover>a
{
background-color: rgba(0, 0, 0, .05)
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu>li.active.hover>a:hover
{
background-color: rgba(0, 0, 0, .1)
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li.hover>.submenu
{
border-left-width: 0t;
padding: 0
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li.hover>.submenu>li>a
{
margin-left: 0 !important;
padding-left: 37px !important
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li>.submenu>li>.submenu>li>a
{
margin-left: 0 !important;
padding-left: 51px !important
}
.skin-2 .sidebar.navbar-collapse .nav-list li.hover>.submenu li>a {
padding-left: 32px !important
}
.skin-2 .sidebar.navbar-collapse .nav-list li.hover>.submenu li>a>.menu-icon
{
background-color: transparent
}
.skin-2 .sidebar.navbar-collapse .nav-list li.hover>.submenu>li.active>a
{
background-color: transparent;
font-weight: 400
}
.skin-2 .sidebar.navbar-collapse .nav-list>li.hover>.submenu>li.active>a
{
background-color: rgba(0, 0, 0, .05);
font-weight: 700
}
.skin-2 .sidebar.navbar-collapse .nav-list li.hover>.submenu>li.active>a:hover,
.skin-2 .sidebar.navbar-collapse .nav-list>li .submenu>li.hover.hover-show>a,
.skin-2 .sidebar.navbar-collapse .nav-list>li .submenu>li.hover:hover>a,
.skin-2 .sidebar.navbar-collapse .nav-list>li.active .submenu>li.hover.hover-show>a,
.skin-2 .sidebar.navbar-collapse .nav-list>li.active .submenu>li.hover:hover>a
{
background-color: rgba(0, 0, 0, .1)
}
.skin-2 .sidebar.navbar-collapse .nav-list>li>.submenu li>.submenu>li.hover>a
{
border-top-width: 0
}
.skin-2 .sidebar.navbar-collapse .nav-list>li .submenu>li.hover>a>.menu-icon
{
left: 12px
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover>.submenu li>a
{
padding-left: 32px
}
}
@media only screen and (max-width:991px) {
.skin-2 .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-large {
border-width: 0
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list>li>a>.menu-text {
font-weight: 400;
color: #E6E6E6;
margin-left: 0
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list>li:hover>a>.menu-text
{
font-weight: 700;
color: rgba(0, 0, 0, .6)
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list>li.active>a>.menu-text
{
font-weight: 700;
color: #FFF
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list>li>.submenu {
margin-left: 0;
border-top-width: 0
}
.skin-2 .sidebar.navbar-collapse.menu-min .nav-list>li>.submenu li>a>.menu-icon
{
left: 12px
}
}
@media ( min-width :992px) {
.skin-2 .sidebar.compact .nav-list>li:before {
height: auto;
bottom: 0
}
}
.skin-2 .main-container .menu-toggler {
background-color: #D685B0
}
.skin-2 .main-container .menu-toggler:after, .skin-2 .main-container .menu-toggler:before
{
border-top-color: #FFF;
border-bottom-color: #FFF
}
.skin-2 .main-container .menu-toggler>.toggler-text {
border-top-color: #D685B0
}
.skin-2 .navbar .navbar-toggle {
background-color: #DB78A1
}
.skin-2 .navbar .navbar-toggle:focus {
background-color: #DB78A1;
border-color: transparent
}
.skin-2 .navbar .navbar-toggle:hover {
background-color: #d76896;
border-color: rgba(255, 255, 255, .1)
}
.skin-2 .navbar .navbar-toggle.display, .skin-2 .navbar .navbar-toggle[data-toggle=collapse]:not
(.collapsed ){
background-color: #d2588b;
box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .25);
border-color: rgba(255, 255, 255, .35)
}
@media only screen and (min-width:768px) {
.skin-2 .container.main-container:before {
box-shadow: 0 0 0 1px rgba(255, 255, 255, .1)
}
}
@media only screen and (min-width:992px) {
.skin-2 .sidebar.h-sidebar {
background-color: #393939
}
.skin-2 .sidebar.h-sidebar:before {
background-color: #767676;
border-bottom-color: #7b7b7b
}
.skin-2 .sidebar.h-sidebar .nav-list {
border-bottom-width: 0
}
.skin-2 .sidebar.h-sidebar .nav-list>li>a>.menu-text {
color: #E6E6E6;
font-weight: 400
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover-show>a>.menu-text, .skin-2 .sidebar.h-sidebar .nav-list>li:hover>a>.menu-text
{
color: #FFF;
font-weight: 400
}
.skin-2 .sidebar.h-sidebar .nav-list>li.active>a>.menu-text {
font-weight: 700;
color: #FFF
}
.skin-2 .sidebar.h-sidebar .nav-list>li:before {
left: 0;
right: 0
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover>.submenu {
margin-left: -1px;
border-width: 1px;
border-top-color: rgba(0, 0, 0, .4)
}
.skin-2 .sidebar.h-sidebar .nav-list>li .submenu>li.hover>a {
padding-left: 22px
}
.skin-2 .sidebar.h-sidebar .nav-list>li .submenu>li.hover>a>.menu-icon {
left: 4px
}
.skin-2 .sidebar.h-sidebar.compact .nav-list>li.active:before {
height: 2px;
bottom: auto
}
.skin-2 .sidebar.h-sidebar .nav-list>li.highlight.active>a:after {
display: none
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover.active>a:after {
display: block;
border-color: transparent transparent #FFF;
border-width: 8px;
top: auto;
bottom: 0;
right: auto;
left: 50%;
margin-left: -8px
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover.active.hover-show>a:after,
.skin-2 .sidebar.h-sidebar .nav-list>li.hover.active:hover>a:after {
display: none
}
.skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large {
background-color: #505050;
border-width: 1px 0 0 !important;
border-top: 1px solid #777;
top: 100%
}
.skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini {
padding-top: 2px
}
.skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini>.btn {
padding: 7px
}
.skin-2 .sidebar.h-sidebar .nav-list>li.active.highlight>.arrow:after {
border-right-color: transparent;
border-bottom-color: #bd5289
}
.skin-2 .sidebar.h-sidebar .nav-list>li.active.highlight>.arrow:before {
border-right-color: transparent;
border-bottom-color: #191919
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover>.arrow:after {
border-right-color: transparent;
border-bottom-color: #45303b
}
.skin-2 .sidebar.h-sidebar .nav-list>li.hover>.arrow:before {
border-right-color: transparent;
border-bottom-color: #191919
}
.skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
border-bottom-color: #505050
}
.skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
border-bottom-color: #999
}
.skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini {
padding-top: 3px
}
.skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini>.btn {
padding: 6px
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li>a>.menu-text {
border-width: 1px 0 0;
border-top-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight>.arrow:before,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li>.arrow:before {
border-bottom-color: rgba(0, 0, 0, .7)
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(1)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(1)>.arrow:after
{
border-bottom-color: #18a665
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(2)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(2)>.arrow:after
{
border-bottom-color: #6ab14a
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(3)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(3)>.arrow:after
{
border-bottom-color: #98bc1b
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(4)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(4)>.arrow:after
{
border-bottom-color: #b7c51c
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(5)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(5)>.arrow:after
{
border-bottom-color: #d9b41f
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(6)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(6)>.arrow:after
{
border-bottom-color: #dfa020
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(7)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(7)>.arrow:after
{
border-bottom-color: #df7220
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(8)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(8)>.arrow:after
{
border-bottom-color: #d43a48
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(9)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(9)>.arrow:after
{
border-bottom-color: #bd5289
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(10)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(10)>.arrow:after
{
border-bottom-color: #b975d0
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(11)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(11)>.arrow:after
{
border-bottom-color: #3f8ad0
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight:nth-child(12)>.arrow:after,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li:nth-child(12)>.arrow:after
{
border-bottom-color: #4bb9ca
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active>.arrow:after {
border-bottom-color: #242424
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active>.arrow:before {
border-bottom-color: #888
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active.highlight>a>.menu-text,
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li>a>.menu-text {
border-top-color: #333;
border-top-color: rgba(0, 0, 0, .5)
}
.skin-2 .sidebar.h-sidebar.menu-min .nav-list>li.active>a>.menu-text {
border-top-color: #777
}
.skin-2 .sidebar.h-sidebar+.main-content .breadcrumbs {
border-color: #d5e7f1;
top: 2px
}
.skin-2 .h-sidebar.sidebar-fixed+.main-content {
padding-top: 86px
}
.skin-2 .h-sidebar.sidebar-fixed.no-gap+.main-content {
padding-top: 72px
}
.skin-2 .h-sidebar.sidebar-fixed.menu-min+.main-content {
padding-top: 61px
}
.skin-2 .h-sidebar.sidebar-fixed.menu-min.no-gap+.main-content {
padding-top: 47px
}
.skin-2 .main-content .h-sidebar.sidebar .nav-list {
border-left: 1px solid #575757
}
}
.skin-2 .sidebar-scroll .sidebar-shortcuts {
border-bottom-color: #555
}
.skin-2 .sidebar-scroll .sidebar-toggle {
border-top-color: #555
}
.skin-3 .nav-list>li.open+li, .skin-3 .nav-list>li:hover+li {
border-top-color: #95bad2 !important
}
.skin-2 .scrollout .scroll-track {
background-color: transparent
}
.skin-2 .scrollout .scroll-bar {
background-color: #CCC;
background-color: rgba(0, 0, 0, .2)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.skin-2 .navbar.navbar-collapse {
background-color: transparent
}
.skin-2 .navbar.navbar-collapse .navbar-container, .skin-2 .navbar.navbar-collapse:before
{
background: #C6487E
}
}
.skin-2 .nav-list>li.disabled:before {
display: none !important
}
.skin-2 .nav-list>li.disabled>a, .skin-2 .nav-list>li>a.disabled {
background-color: #555 !important;
color: #CCC !important
}
.skin-2 .nav-list>li.disabled>a>.menu-text, .skin-2 .nav-list>li>a.disabled>.menu-text
{
color: #CCC !important
}
.skin-2 .nav-list>li.disabled>a .badge, .skin-2 .nav-list>li.disabled>a .label,
.skin-2 .nav-list>li>a.disabled .badge, .skin-2 .nav-list>li>a.disabled .label
{
background-color: rgba(0, 0, 0, .5) !important
}
.skin-2 .nav-list>li.active.highlight.disabled>a:after, .skin-2 .nav-list>li.active.highlight>a.disabled:after
{
border-left-color: #555 !important
}
.skin-2 .nav-list li .submenu>li.disabled>a, .skin-2 .nav-list li .submenu>li>a.disabled,
.skin-2 .nav-list li.disabled .submenu>li>a, .skin-2 .nav-list li>a.disabled+.submenu>li>a
{
background-color: #666 !important;
color: #DDD !important;
cursor: not-allowed !important
}
.skin-2 .nav-list li .submenu>li.disabled>a>.menu-icon, .skin-2 .nav-list li .submenu>li>a.disabled>.menu-icon,
.skin-2 .nav-list li.disabled .submenu>li>a>.menu-icon, .skin-2 .nav-list li>a.disabled+.submenu>li>a>.menu-icon
{
display: none
}
.skin-3 {
background-color: #BBB
}
.skin-3 .main-container:before {
background: #FFF;
background: -moz-linear-gradient(top, #EEF5FA 0, #FFF 8%) 0 4px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA),
color-stop(4%, #FFF)) 0 4px;
background: -webkit-linear-gradient(top, #EEF5FA 0, #FFF 8%) 0 4px;
background: -o-linear-gradient(top, #EEF5FA 0, #FFF 8%) 0 4px;
background: -ms-linear-gradient(top, #EEF5FA 0, #FFF 8%) 0 4px;
background: linear-gradient(top, #EEF5FA 0, #FFF 8%) 0 4px;
-moz-background-size: 100% 26px;
-webkit-background-size: 100% 26px;
-o-background-size: 100% 26px;
-ms-background-size: 100% 26px;
background-size: 100% 26px
}
@media ( min-width :768px) {
.skin-2 .container.main-container .sidebar.h-sidebar+.main-content .breadcrumbs-fixed
{
width: auto
}
.skin-3 .main-container.container:before {
-webkit-box-shadow: 0 0 0 1px rgba(50, 100, 200, .1);
box-shadow: 0 0 0 1px rgba(50, 100, 200, .1)
}
}
.skin-3 .navbar {
background: #404040
}
.skin-3 .sidebar {
background-color: #DBDBDB;
border-style: solid;
border-width: 0 1px 0 0;
border-color: #A4C6DD
}
.skin-3 .nav-list>li {
border-color: #F2F2F2
}
.skin-3 .nav-list>li.open, .skin-3 .nav-list>li:hover {
border-color: #95bad2 !important
}
.skin-3 .nav-list>li>a {
background-color: #E3E3E3;
color: #5A5A5A
}
.skin-3 .nav-list>li>a>.arrow {
color: inherit
}
.skin-3 .nav-list>li>a:focus {
background-color: #e8e8e8;
color: #5A5A5A
}
.skin-3 .nav-list>li.active, .skin-3 .nav-list>li.active+li {
border-color: #A4C6DD !important
}
.skin-3 .nav-list>li.active+li:last-child {
border-bottom-color: #F2F2F2 !important
}
.skin-3 .nav-list>li.active+li:last-child:hover {
border-bottom-color: #95bad2 !important
}
.skin-3 .nav-list>li:hover>a {
background-color: #FFF;
color: #337dbb
}
.skin-3 .nav-list>li.open:hover>a, .skin-3 .nav-list>li.open>a {
color: #337dbb;
background-color: #F8F8F8
}
.skin-3 .nav-list>li.open>a>.arrow {
color: inherit
}
.skin-3 .nav-list>li.active.highlight>a, .skin-3 .nav-list>li.active>a {
background-color: #f3faff !important;
color: #4D96CB !important
}
.skin-3 .nav-list>li.open:before, .skin-3 .nav-list>li:hover:before {
display: block;
background-color: #4f8ab4 !important
}
.skin-3 .nav-list>li.active:before {
display: block;
background-color: #4D96CB !important
}
.skin-3 .page-content {
background-color: transparent
}
.skin-3 .infobox-container .infobox:not (.infobox-dark ){
border-style: solid;
background-color: transparent
}
.skin-3 .nav-list>li.active:after {
display: none
}
.skin-3 .nav-list li.active>a:after {
border-right-color: #FFF;
border-width: 12px 8px;
top: 7px;
right: -1px
}
.skin-3 .nav-list li.active>a:before {
display: block;
content: "";
position: absolute;
background-color: transparent;
border-style: solid;
border-color: transparent #91bad6 transparent transparent;
right: 0;
border-width: 12px 8px;
top: 7px
}
.skin-3 .nav-list>li.active>.submenu li.active>a:after, .skin-3 .nav-list>li.active>.submenu li.active>a:before
{
top: 4px
}
.skin-3 .nav-list li.active.open>a:before {
display: none
}
.skin-3 .nav-list li.highlight.active.open>a:before {
display: block
}
.skin-3 .nav-list li.active:not (.open ) li.active>a:before {
display: none !important
}
.skin-3 .nav-list>li.highlight.active>a:after {
border-left-color: #f3faff
}
.skin-3 .nav-list>li.highlight.active>a:before {
border-left-color: #91bad6
}
.skin-3 .nav-list li>.arrow:before {
border-right-color: #7fafcf
}
.skin-3 .nav-list>li .submenu>li.active:not (.open )>a {
background-color: #F5F7FA
}
.skin-3 .nav-list>li .submenu>li.active:not (.open )>a:hover {
background-color: #F4F4F5
}
@media only screen and (max-width:991px) {
.skin-3 .sidebar.responsive .nav-list>li.active.open>a:after {
display: none
}
}
@media only screen and (min-width:992px) {
.skin-3 .nav-list li.hover>.submenu {
border-color: #99bfd9
}
.skin-3 .nav-list li.hover.active>a:before {
display: block
}
.skin-3 .nav-list li.hover .submenu>li.active>a:before {
display: none
}
}
.skin-3 .sidebar.menu-min .nav-list>li>a>.menu-text {
background-color: #F4F4F5;
border-color: #A4C6DD
}
.skin-3 .sidebar.menu-min .nav-list>li.active>a>.menu-text {
background-color: #EDF3F7
}
.skin-3 .sidebar.menu-min .nav-list>li>.submenu {
border-color: #C9DAE5 #A4C6DD #A4C6DD
}
.skin-3 .sidebar.menu-min .nav-list>li.active>.arrow:before {
border-right-color: #709FBF
}
.skin-3 .sidebar.menu-min .nav-list>li>.arrow:after {
border-right-color: #EDF3F7
}
.skin-3 .sidebar.menu-min .nav-list li.active>a:after, .skin-3 .sidebar.menu-min .nav-list li.active>a:before
{
display: none
}
.skin-3 .sidebar.menu-min .nav-list>li.active>a:after, .skin-3 .sidebar.menu-min .nav-list>li.active>a:before
{
display: block;
border-width: 9px 7px;
top: 10px
}
.skin-3 .sidebar.menu-min .nav-list>li.active.highlight>a:after, .skin-3 .sidebar.menu-min .nav-list>li.active.highlight>a:before
{
border-width: 20px 0 21px 10px;
top: -1px
}
.skin-3 .sidebar.menu-min .nav-list>li.active.hover-show>a:after,
.skin-3 .sidebar.menu-min .nav-list>li.active.hover-show>a:before,
.skin-3 .sidebar.menu-min .nav-list>li.active:hover>a:after, .skin-3 .sidebar.menu-min .nav-list>li.active:hover>a:before
{
display: none
}
.skin-3 .sidebar.menu-min .sidebar-shortcuts-large {
background-color: #F5F5F5
}
@media only screen and (max-width:991px) {
.skin-3 .sidebar.menu-min.responsive .nav-list>li.active>a:after,
.skin-3 .sidebar.menu-min.responsive .nav-list>li.active>a:before {
display: none
}
.skin-3 .sidebar.responsive {
border-bottom-width: 1px !important
}
.skin-3 .sidebar.responsive .nav-list>li.active.open>a:after {
display: none
}
.skin-3 .sidebar.responsive .nav-list>li.active.highlight>a:after,
.skin-3 .sidebar.responsive .nav-list>li.active.highlight>a:before {
display: block
}
.skin-3 .nav-list li.active>a:after, .skin-3 .nav-list li.active>a:before,
.skin-3 .sidebar.responsive-min .nav-list li.active>a:after, .skin-3 .sidebar.responsive-min .nav-list li.active>a:before
{
display: none
}
.skin-3 .sidebar.navbar-collapse {
border-bottom-color: #A4C6DD
}
.skin-3 .sidebar.responsive-min .nav-list>li>a>.menu-text {
background-color: #F4F4F5;
border-color: #A4C6DD
}
.skin-3 .sidebar.responsive-min .nav-list>li.active>a>.menu-text {
background-color: #EDF3F7
}
.skin-3 .sidebar.responsive-min .nav-list>li>.submenu {
border-color: #C9DAE5 #A4C6DD #A4C6DD
}
.skin-3 .sidebar.responsive-min .nav-list>li.active>.arrow:before {
border-right-color: #709FBF
}
.skin-3 .sidebar.responsive-min .nav-list>li>.arrow:after {
border-right-color: #EDF3F7
}
.skin-3 .sidebar.responsive-min .nav-list>li.active>a:after, .skin-3 .sidebar.responsive-min .nav-list>li.active>a:before
{
display: block;
border-width: 9px 7px;
top: 10px
}
.skin-3 .sidebar.responsive-max .nav-list li.hover.active>a:before,
.skin-3 .sidebar.responsive-max .nav-list>li.active.open>a:after,
.skin-3 .sidebar.responsive-min .nav-list>li.active.hover-show>a:after,
.skin-3 .sidebar.responsive-min .nav-list>li.active.hover-show>a:before,
.skin-3 .sidebar.responsive-min .nav-list>li.active:hover>a:after,
.skin-3 .sidebar.responsive-min .nav-list>li.active:hover>a:before {
display: none
}
.skin-3 .sidebar.responsive-min .nav-list>li.active.highlight>a:after,
.skin-3 .sidebar.responsive-min .nav-list>li.active.highlight>a:before
{
border-width: 20px 0 21px 10px;
top: -1px
}
.skin-3 .sidebar.responsive-min .sidebar-shortcuts-large {
background-color: #F5F5F5
}
.skin-3 .sidebar.responsive-max {
border-width: 0 1px 1px 0
}
.skin-3 .sidebar.responsive-max .nav-list>li.active.highlight>a:after,
.skin-3 .sidebar.responsive-max .nav-list>li.active.highlight>a:before
{
display: block
}
.skin-3 .sidebar.navbar-collapse .sidebar-shortcuts-large {
background-color: transparent
}
.skin-3 .sidebar.navbar-collapse .nav-list>li:before {
height: 43px !important
}
.skin-3 .sidebar.navbar-collapse .sidebar-shortcuts {
padding: 0 0 3px !important
}
}
.skin-3 .sidebar-shortcuts, .skin-3 .sidebar-shortcuts-mini, .skin-3 .sidebar>.nav-search
{
background-color: #DBDBDB
}
.skin-3 .sidebar-toggle {
background-color: #D0D0D0;
border-color: #F2F2F2
}
.skin-3 .sidebar-toggle:before {
border-color: #F2F2F2
}
.skin-3 .sidebar-toggle>.ace-icon {
background-color: #FFF;
border-color: #999;
color: #999
}
.skin-3 .sidebar-scroll .nav-wrap-up+.sidebar-toggle:after {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -1px;
border-right: 1px solid #A4C6DD
}
.skin-3 .main-container .menu-toggler {
background-color: #62A8D1;
color: #FFF
}
.skin-3 .navbar .navbar-toggle, .skin-3 .navbar .navbar-toggle:focus {
background-color: #648CAE;
border-color: rgba(255, 255, 255, .15)
}
.skin-3 .main-container .menu-toggler:after, .skin-3 .main-container .menu-toggler:before
{
border-color: #FFF
}
.skin-3 .main-container .menu-toggler>.toggler-text {
border-top-color: #62A8D1
}
.skin-3 .main-container .menu-toggler>.toggler-text:after {
color: #FFF
}
.skin-3 .navbar .navbar-toggle {
transition: background-color .1s ease 0s
}
.skin-3 .navbar .navbar-toggle:hover {
background-color: #5782a7;
border-color: rgba(255, 255, 255, .15)
}
.skin-3 .navbar .navbar-toggle.display, .skin-3 .navbar .navbar-toggle[data-toggle=collapse]:not
(.collapsed ){
background-color: #507899;
border-color: rgba(255, 255, 255, .3)
}
.skin-3 .breadcrumbs {
border-width: 0;
background-color: #E7F2F8;
border-radius: 4px;
margin: 8px 8px 0
}
@media ( min-width :992px) {
.skin-3 .breadcrumbs.breadcrumbs-fixed+.page-content {
padding-top: 57px
}
}
@media ( min-width :992px) and (max-width:991px) {
.skin-3 .breadcrumbs.breadcrumbs-fixed+.page-content {
padding-top: 54px
}
.skin-3 .menu-toggler+.sidebar.reponsive+.main-content .breadcrumbs.breadcrumbs-fixed+.page-content
{
padding-top: 49px
}
.skin-3 .container.main-container .breadcrumbs-fixed, .skin-3 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed,
.skin-3 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 734px
}
.skin-3 .container.main-container .sidebar.responsive-min+.main-content .breadcrumbs-fixed
{
width: 691px
}
}
@media ( min-width :992px) {
.skin-3 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed
{
width: 843px
}
.skin-3 .container.main-container .breadcrumbs-fixed {
width: 964px
}
.skin-3 .container.main-container .sidebar+.main-content .breadcrumbs-fixed
{
width: 758px
}
.skin-3 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 905px
}
}
@media ( min-width :1200px) {
.skin-3 .container.main-container .sidebar.compact+.main-content .breadcrumbs-fixed
{
width: 1043px
}
.skin-3 .container.main-container .breadcrumbs-fixed {
width: 1148px
}
.skin-3 .container.main-container .sidebar+.main-content .breadcrumbs-fixed
{
width: 958px
}
.skin-3 .container.main-container .sidebar.menu-min+.main-content .breadcrumbs-fixed
{
width: 1105px
}
}
@media only screen and (max-width:991px) {
.skin-3 .breadcrumbs {
margin: 5px 5px 0
}
.skin-3 .menu-toggler+.sidebar.responsive+.main-content .breadcrumbs {
margin: 0;
border-radius: 0
}
.skin-3 .nav-list li.active>a:after, .skin-3 .nav-list li.active>a:before
{
display: none
}
}
.skin-3 .sidebar-shortcuts-large>.btn {
line-height: 26px;
border-width: 1px
}
.skin-3 .sidebar-shortcuts-mini {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px
}
.skin-3 .sidebar-shortcuts-mini>.btn {
border-width: 1px;
opacity: 1;
padding: 7px;
margin: 1px 1px 0 0
}
@media only screen and (min-width:992px) {
.skin-3 .nav-list>li.active.hover.hover-show>a.dropdown-toggle:after,
.skin-3 .nav-list>li.active.hover.hover-show>a.dropdown-toggle:before,
.skin-3 .nav-list>li.active.hover:hover>a.dropdown-toggle:after,
.skin-3 .nav-list>li.active.hover:hover>a.dropdown-toggle:before {
display: none
}
.skin-3 .sidebar.h-sidebar {
background-color: #E3E3E3
}
.skin-3 .sidebar.h-sidebar:before {
background-color: #CBD0D6;
border-bottom-width: 0
}
.skin-3 .sidebar.h-sidebar .sidebar-shortcuts-mini>.btn {
padding: 8px
}
.skin-3 .sidebar.h-sidebar .sidebar-shortcuts-large {
background-color: #FFF;
line-height: 36px
}
.skin-3 .sidebar.h-sidebar+.main-content .breadcrumbs {
border-color: #d5e7f1;
top: 2px
}
.skin-3 .sidebar.h-sidebar .nav-list>li.hover>.submenu {
border-color: #A4C6DD
}
.skin-3 .sidebar.h-sidebar .nav-list>li {
border-color: #F2F2F2
}
.skin-3 .sidebar.h-sidebar .nav-list>li:hover, .skin-3 .sidebar.h-sidebar .nav-list>li:hover+li
{
border-left-color: #95bad2
}
.skin-3 .sidebar.h-sidebar .nav-list>li.active, .skin-3 .sidebar.h-sidebar .nav-list>li.active+li,
.skin-3 .sidebar.h-sidebar .nav-list>li:hover+li.active, .skin-3 .sidebar.h-sidebar.menu-min .nav-list>li.active>a>.menu-text
{
border-left-color: #A4C6DD
}
.skin-3 .sidebar.h-sidebar .nav-list>li:last-child:hover {
border-right-color: #95bad2
}
.skin-3 .sidebar.h-sidebar .nav-list>li.active:last-child {
border-right-color: #A4C6DD
}
.skin-3 .sidebar.h-sidebar .nav-list>li.active>a:after {
top: auto;
right: auto;
bottom: -2px;
left: 50%;
margin-left: -7px;
border-color: transparent transparent #FFF;
border-width: 8px 7px !important
}
.skin-3 .sidebar.h-sidebar .nav-list>li.active>a:before {
display: block;
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-left: -8px !important;
border-width: 8px !important;
border-color: transparent transparent #74add7
}
.skin-3 .sidebar.h-sidebar .nav-list>li.hover>.arrow:before {
border-right-color: transparent;
border-bottom-color: #7fafcf
}
.skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts {
max-width: 52px;
padding-left: 2px;
padding-right: 2px
}
.skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini>.btn {
padding: 7px
}
.skin-3 .sidebar.h-sidebar.menu-min .nav-list>li.hover>.submenu {
border-top-color: #C9DAE5
}
.skin-3 .sidebar.h-sidebar.menu-min .nav-list>li>.arrow:after {
border-bottom-color: #EDF3F7
}
}
.skin-3 .sidebar-scroll .sidebar-shortcuts {
border-bottom-color: 1px solid #99B6C9
}
.skin-3 .sidebar-scroll .sidebar-toggle {
border-top-color: #99B6C9
}
@media only screen and (min-width:768px) and (max-width:991px) {
.skin-3 .navbar.navbar-collapse {
background-color: transparent
}
.skin-3 .navbar.navbar-collapse .navbar-container, .skin-3 .navbar.navbar-collapse:before
{
background: #404040
}
}
.skin-3 .nav-list>li.disabled:before {
display: none !important
}