@charset "utf-8";

.skin-1 { background-color: rgb(74, 79, 86); }

.skin-1 .navbar { background: rgb(44, 106, 160); }

.skin-1 .sidebar, .skin-1 .sidebar::before { background-color: rgb(34, 42, 45); border-right: 0px; }

.skin-1 .nav-list > li { border-color: rgb(63, 78, 84); border-top-width: 0px; }

.skin-1 .nav-list > li > a, .skin-1 .menu-min .nav-list > li.open > a { background-color: rgb(34, 42, 45); color: rgb(177, 186, 193); }

.skin-1 .nav-list > li:hover > a { background-color: rgb(65, 75, 81); color: rgb(225, 234, 241); }

.skin-1 .nav-list > li > a > .arrow { color: rgb(177, 186, 193); }

.skin-1 .nav-list > li.open > a > .arrow { color: rgb(133, 192, 236); }

.skin-1 .nav-list > li .submenu > li > a { border-top-color: rgb(175, 189, 201); }

.skin-1 .nav-list > li.active .submenu > li > a { border-top-color: rgb(112, 129, 142); }

.skin-1 .nav-list li.active > a::after { border-right-color: rgb(255, 255, 255); border-width: 16px 10px; top: 2px; }

.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a::after { top: 1px; }

.skin-1 .nav-list > li.active::after { display: none; }

.skin-1 .menu-min .nav-list > li.active > a::after { border-width: 10px 6px; top: 8px; }

.skin-1 .menu-min .nav-list > li.active:hover > a::after { border-right-color: rgb(36, 42, 43); }

.skin-1 .nav-list > li.open > a, .skin-1 .nav-list > li.open > a:hover { color: rgb(133, 192, 236); background-color: rgb(34, 42, 45); }

.skin-1 .nav-list > li.active > a, .skin-1 .nav-list > li.active > a:hover, .skin-1 .menu-min .nav-list > li.active > a, .skin-1 .menu-min .nav-list > li.active > a:hover { background-color: rgb(20, 26, 27); color: rgb(85, 160, 220); }

.skin-1 .nav-list > li > ul.submenu { background-color: rgb(58, 67, 68); border-top-color: rgb(90, 99, 100); }

.skin-1 .nav-list > li.active > ul.submenu { background-color: rgb(20, 26, 27); border-top-color: rgb(47, 62, 68); }

.skin-1 .nav-list > li > .submenu > li > a { color: rgb(209, 218, 225); border-bottom-color: rgb(90, 99, 100); }

.skin-1 .nav-list > li > .submenu > li:first-child > a { border-top-color: transparent; }

.skin-1 .nav-list > li > .submenu > li > a:hover { color: rgb(138, 180, 222); }

.skin-1 .nav-list > li > .submenu > li.active > a { color: rgb(85, 160, 220); border-bottom-color: rgb(47, 62, 68); }

.skin-1 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child { display: none; }

.skin-1 .menu-min .nav-list > li:hover > a { color: rgb(225, 234, 241); }

.skin-1 .menu-min .nav-list > li > a > .menu-text { background-color: rgb(65, 75, 81); }

.skin-1 .menu-min .nav-list > li.active > a > .menu-text { background-color: rgb(36, 42, 43); }

.skin-1 .menu-min .nav-list > li.active:hover > a, .skin-1 .menu-min .nav-list > li.active > a > .menu-text { color: rgb(85, 160, 220); }

.skin-1 .menu-min .nav-list > li > a.active, .skin-1 .menu-min .nav-list > li.open.active > a { background-color: rgb(20, 26, 27); }

.skin-1 .menu-min .nav-list > li > a > .menu-text, .skin-1 .menu-min .nav-list > li > ul.submenu { border-color: rgb(63, 78, 84) rgb(63, 78, 84) rgb(63, 78, 84) rgb(36, 42, 43); margin-top: 1px; }

.skin-1 .nav-list > li > .submenu > li::before, .skin-1 .nav-list > li > .submenu::before { border-color: rgb(146, 155, 163); }

.skin-1 .nav-list > li.active > .submenu > li::before, .skin-1 .nav-list > li.active > .submenu::before { border-color: rgb(63, 78, 84); }

.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text { border-bottom-color: rgb(90, 96, 106); }

.skin-1 .sidebar-collapse { background-color: rgb(20, 26, 27); border-color: rgb(63, 78, 84); border-top-width: 1px; }

.skin-1 .sidebar-collapse::before { border-color: rgb(63, 78, 84); }

.skin-1 .sidebar-collapse > [class*="icon-"] { background-color: rgb(34, 42, 45); }

.skin-1 .sidebar-shortcuts, .skin-1 .sidebar-shortcuts-mini { background-color: rgb(20, 26, 27); border-color: rgb(63, 78, 84); }

.skin-1 .sidebar > .nav-search { background-color: rgb(20, 26, 27); border-color: rgb(63, 78, 84); }

.skin-1 .menu-min .sidebar-shortcuts-large { background-color: rgb(20, 26, 27); box-shadow: none; border: 0px; top: 0px; }

.skin-1 .breadcrumbs { border: 0px; background-color: rgb(240, 240, 240); }

@media only screen and (max-width: 991px) {
  .skin-1 .sidebar { border: 0px; box-shadow: none; }
  .skin-1 .nav-list li.active > a::after { display: none; }
  .skin-1 .menu-min .nav-list > li.active.open > a::after { display: none; }
  .skin-1 .menu-min .nav-list > li.active:hover > a::after { display: block; }
}

.skin-1 .nav-list > li > .submenu > li > .submenu a { border-top-color: rgb(123, 133, 140); }

.skin-1 .nav-list > li.active > .submenu > li > .submenu a { border-top-color: rgb(84, 91, 96); }

.skin-1 .nav-list > li .submenu li > .submenu > li a { color: rgb(209, 218, 225); font-size: 13px; }

.skin-1 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child { color: inherit; }

.skin-1 .nav-list > li .submenu li > .submenu > li a:hover { color: rgb(138, 180, 222); text-decoration: none; }

.skin-1 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child { color: rgb(85, 160, 220); }

.skin-1 .nav-list > li .submenu li.open > a, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a { color: rgb(133, 192, 236); }

.skin-1 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child { color: inherit; }

.skin-1 .nav-list > li .submenu li > .submenu li.active > a { color: rgb(97, 168, 221); }

.skin-1 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child { color: inherit; }

.skin-1 .nav-list > li .submenu li > .submenu li.active > a:hover { color: rgb(133, 192, 236); }

.skin-1 .nav-list > li .submenu li > a > .arrow { color: rgb(187, 187, 187); }

.skin-1 .nav-list > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > a:hover > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow { color: inherit; }

.skin-2 { background-color: rgb(92, 92, 92); }

.skin-2 .navbar { background: rgb(198, 72, 126); }

.skin-2 .sidebar, .skin-2 .sidebar::before { background-color: rgb(80, 80, 80); border-right: 0px; }

.skin-2 .nav-list > li { border-color: rgb(68, 68, 68); border-top-width: 0px; }

.skin-2 .nav-list > li:last-child { border-bottom-width: 0px; }

.skin-2 .nav-list > li > a, .skin-2 .menu-min .nav-list > li.open > a, .skin-2 .nav-list .open > a, .skin-2 .nav-list .open > a:hover, .skin-2 .nav-list .open > a:focus { background-color: rgb(57, 57, 57); }

.skin-2 .nav-list > li.active > a { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li > a:hover::before { display: none; }

.skin-2 .nav-list li.active > a::after { border-right-color: rgb(255, 255, 255); }

.skin-2 .nav-list > li.active > a::after, .skin-2 .nav-list > li.active > .submenu > li.active > a::after { top: 2px; right: 0px; border-width: 16px 10px; }

.skin-2 .menu-min .nav-list > li.active > a::after { border-width: 10px 6px; top: 8px; }

.skin-2 .menu-min .nav-list > li.active:hover > a::after { border-right-color: rgb(41, 41, 41); }

.skin-2 .nav-list > li.active::after { display: none; }

.skin-2 .nav-list > li.active.open > .submenu > li.active > a::after { border-right-color: rgb(255, 255, 255); right: 0px; }

.skin-2 .nav-list > li > .submenu { background-color: rgb(48, 48, 48); border-top-color: rgb(102, 102, 102); }

.skin-2 .nav-list > li.active > .submenu { background-color: rgb(34, 34, 34); }

.skin-2 .nav-list > li > .submenu > li:first-child > a { border-top: 0px; }

.skin-2 .nav-list > li > .submenu > li > a { color: rgb(204, 204, 204); border-bottom-color: rgb(85, 85, 85); }

.skin-2 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child { display: none; }

.skin-2 .nav-list > li > a > .menu-text { color: rgb(221, 221, 221); }

.skin-2 .nav-list > li > a:hover > .menu-text { color: rgba(0, 0, 0, 0.5); font-weight: 700; }

.skin-2 .nav-list > li.active > a:hover > .menu-text { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li > a > .arrow { color: rgb(170, 170, 170); }

.skin-2 .nav-list > li > a:hover > .arrow { color: rgb(255, 255, 255); }

.skin-2 .menu-min .nav-list > li > a > .menu-text { color: rgb(255, 255, 255); font-weight: 700; opacity: 1; background-color: rgb(41, 41, 41); border: 0px; box-shadow: none; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; margin-top: 2px; }

.skin-2 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text { margin-top: 0px; background-color: rgb(41, 41, 41); }

.skin-2 .menu-min .nav-list > li > ul.submenu { box-shadow: none; border-width: 0px 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-image: initial; background-color: rgb(48, 48, 48); margin-left: 1px; margin-top: 1px; border-left-style: solid; border-left-color: rgb(255, 255, 255); }

.skin-2 .nav-list > li > ul.submenu > li > a:hover { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li > ul.submenu > li::before, .skin-2 .nav-list > li > ul.submenu > li::after { display: none; }

.skin-2 .nav-list > li > ul.submenu > li > a { padding-left: 28px; }

.skin-2 .nav-list > li > a, .skin-2 .menu-min .nav-list > li > a > .menu-text { color: rgb(204, 204, 204); }

.skin-2 .nav-list > li:nth-child(1) > a, .skin-2 .menu-min .nav-list > li:nth-child(1) > a > .menu-text { color: rgb(0, 190, 103); }

.skin-2 .nav-list > li:nth-child(2) > a, .skin-2 .menu-min .nav-list > li:nth-child(2) > a > .menu-text { color: rgb(94, 208, 43); }

.skin-2 .nav-list > li:nth-child(3) > a, .skin-2 .menu-min .nav-list > li:nth-child(3) > a > .menu-text { color: rgb(167, 215, 0); }

.skin-2 .nav-list > li:nth-child(4) > a, .skin-2 .menu-min .nav-list > li:nth-child(4) > a > .menu-text { color: rgb(206, 225, 0); }

.skin-2 .nav-list > li:nth-child(5) > a, .skin-2 .menu-min .nav-list > li:nth-child(5) > a > .menu-text { color: rgb(248, 198, 0); }

.skin-2 .nav-list > li:nth-child(6) > a, .skin-2 .menu-min .nav-list > li:nth-child(6) > a > .menu-text { color: rgb(255, 171, 0); }

.skin-2 .nav-list > li:nth-child(7) > a, .skin-2 .menu-min .nav-list > li:nth-child(7) > a > .menu-text { color: rgb(255, 110, 0); }

.skin-2 .nav-list > li:nth-child(8) > a, .skin-2 .menu-min .nav-list > li:nth-child(8) > a > .menu-text { color: rgb(242, 28, 48); }

.skin-2 .nav-list > li:nth-child(9) > a, .skin-2 .menu-min .nav-list > li:nth-child(9) > a > .menu-text { color: rgb(238, 33, 139); }

.skin-2 .nav-list > li:nth-child(10) > a, .skin-2 .menu-min .nav-list > li:nth-child(10) > a > .menu-text { color: rgb(197, 94, 231); }

.skin-2 .nav-list > li:nth-child(11) > a, .skin-2 .menu-min .nav-list > li:nth-child(11) > a > .menu-text { color: rgb(33, 139, 238); }

.skin-2 .nav-list > li:nth-child(12) > a, .skin-2 .menu-min .nav-list > li:nth-child(12) > a > .menu-text { color: rgb(46, 206, 231); }

.skin-2 .menu-min .nav-list > li.active > a > [class*="icon-"], .skin-2 .nav-list > li:not(.active):hover > a > [class*="icon-"] { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li.active > a > .menu-text { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li.active > ul.submenu { background-color: rgb(34, 34, 34); }

.skin-2 .nav-list > li > ul.submenu::before { display: block; content: ""; position: absolute; z-index: auto; inset: 0px; background-color: rgb(57, 57, 57); opacity: 0.12; }

.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge:not(.badge-transparent), .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label:not(.label-transparent) { background-color: rgba(0, 0, 0, 0.5) !important; }

.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent, .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent { color: rgba(255, 255, 255, 0.75) !important; }

.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent [class*="icon-"], .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent [class*="icon-"] { color: rgba(255, 255, 255, 0.75) !important; }

.skin-2 .nav-list > li > a:hover, .skin-2 .menu-min .nav-list > li:hover > a, .skin-2 .menu-min .nav-list > li.active > a { background-color: rgb(198, 72, 126); }

.skin-2 .nav-list > li > ul.submenu::before { background-color: rgb(53, 38, 45); }

.skin-2 .nav-list > li:nth-child(1) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(1):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(1) > a, .skin-2 .nav-list > li:nth-child(1) > ul.submenu::before { background-color: rgb(0, 190, 103); }

.skin-2 .nav-list > li:nth-child(2) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(2):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(2) > a, .skin-2 .nav-list > li:nth-child(2) > ul.submenu::before { background-color: rgb(94, 208, 43); }

.skin-2 .nav-list > li:nth-child(3) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(3):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(3) > a, .skin-2 .nav-list > li:nth-child(3) > ul.submenu::before { background-color: rgb(167, 215, 0); }

.skin-2 .nav-list > li:nth-child(4) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(4):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(4) > a, .skin-2 .nav-list > li:nth-child(4) > ul.submenu::before { background-color: rgb(206, 225, 0); }

.skin-2 .nav-list > li:nth-child(5) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(5):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(5) > a, .skin-2 .nav-list > li:nth-child(5) > ul.submenu::before { background-color: rgb(248, 198, 0); }

.skin-2 .nav-list > li:nth-child(6) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(6):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(6) > a, .skin-2 .nav-list > li:nth-child(6) > ul.submenu::before { background-color: rgb(255, 171, 0); }

.skin-2 .nav-list > li:nth-child(7) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(7):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(7) > a, .skin-2 .nav-list > li:nth-child(7) > ul.submenu::before { background-color: rgb(255, 110, 0); }

.skin-2 .nav-list > li:nth-child(8) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(8):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(8) > a, .skin-2 .nav-list > li:nth-child(8) > ul.submenu::before { background-color: rgb(242, 28, 48); }

.skin-2 .nav-list > li:nth-child(9) > a:hover, .skin-2 .menu-min .nav-listli:nth-child(9):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(9) > a, .skin-2 .nav-list > li:nth-child(9) > ul.submenu::before { background-color: rgb(238, 33, 139); }

.skin-2 .nav-list > li:nth-child(10) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(10):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(10) > a, .skin-2 .nav-list > li:nth-child(10) > ul.submenu::before { background-color: rgb(197, 94, 231); }

.skin-2 .nav-list > li:nth-child(11) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(11):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(11) > a, .skin-2 .nav-list > li:nth-child(11) > ul.submenu::before { background-color: rgb(33, 139, 238); }

.skin-2 .nav-list > li:nth-child(12) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(12):hover > a, .skin-2 .menu-min .nav-listli.active:nth-child(12) > a, .skin-2 .nav-list > li:nth-child(12) > ul.submenu::before { background-color: rgb(46, 206, 231); }

.skin-2 .nav-list > li > ul.submenu { border-top-style: inset; }

.skin-2 .menu-min .nav-list > li > ul.submenu { border-top-color: rgb(102, 102, 102) !important; }

.skin-2 .nav-list > li > ul.submenu { border-top-color: rgb(198, 72, 126); }

.skin-2 .nav-list > li:nth-child(1) > ul.submenu { border-top-color: rgb(0, 190, 103); }

.skin-2 .nav-list > li:nth-child(2) > ul.submenu { border-top-color: rgb(94, 208, 43); }

.skin-2 .nav-list > li:nth-child(3) > ul.submenu { border-top-color: rgb(167, 215, 0); }

.skin-2 .nav-list > li:nth-child(4) > ul.submenu { border-top-color: rgb(206, 225, 0); }

.skin-2 .nav-list > li:nth-child(5) > ul.submenu { border-top-color: rgb(248, 198, 0); }

.skin-2 .nav-list > li:nth-child(6) > ul.submenu { border-top-color: rgb(255, 171, 0); }

.skin-2 .nav-list > li:nth-child(7) > ul.submenu { border-top-color: rgb(255, 110, 0); }

.skin-2 .nav-list > li:nth-child(8) > ul.submenu { border-top-color: rgb(242, 28, 48); }

.skin-2 .nav-list > li:nth-child(9) > ul.submenu { border-top-color: rgb(238, 33, 139); }

.skin-2 .nav-list > li:nth-child(10) > ul.submenu { border-top-color: rgb(197, 94, 231); }

.skin-2 .nav-list > li:nth-child(11) > ul.submenu { border-top-color: rgb(33, 139, 238); }

.skin-2 .nav-list > li:nth-child(12) > ul.submenu { border-top-color: rgb(46, 206, 231); }

.skin-2 .nav-list > li > ul.submenu li.active > a { color: rgb(198, 72, 126); }

.skin-2 .nav-list > li:nth-child(1) > ul.submenu li.active > a { color: rgb(0, 190, 103); }

.skin-2 .nav-list > li:nth-child(2) > ul.submenu li.active > a { color: rgb(94, 208, 43); }

.skin-2 .nav-list > li:nth-child(3) > ul.submenu li.active > a { color: rgb(167, 215, 0); }

.skin-2 .nav-list > li:nth-child(4) > ul.submenu li.active > a { color: rgb(206, 225, 0); }

.skin-2 .nav-list > li:nth-child(5) > ul.submenu li.active > a { color: rgb(248, 198, 0); }

.skin-2 .nav-list > li:nth-child(6) > ul.submenu li.active > a { color: rgb(255, 171, 0); }

.skin-2 .nav-list > li:nth-child(7) > ul.submenu li.active > a { color: rgb(255, 110, 0); }

.skin-2 .nav-list > li:nth-child(8) > ul.submenu li.active > a { color: rgb(242, 28, 48); }

.skin-2 .nav-list > li:nth-child(9) > ul.submenu li.active > a { color: rgb(238, 33, 139); }

.skin-2 .nav-list > li:nth-child(10) > ul.submenu li.active > a { color: rgb(197, 94, 231); }

.skin-2 .nav-list > li:nth-child(11) > ul.submenu li.active > a { color: rgb(33, 139, 238); }

.skin-2 .nav-list > li:nth-child(12) > ul.submenu li.active > a { color: rgb(46, 206, 231); }

.skin-2 .nav-list > li.active > a, .skin-2 .nav-list > li.active > a:hover { background-color: rgb(36, 36, 36); }

.skin-2 .sidebar-collapse { background-color: rgb(44, 44, 44); border-top: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(119, 119, 119); }

.skin-2 .sidebar-collapse::before { border-color: rgb(102, 102, 102); }

.skin-2 .sidebar-collapse > [class*="icon-"] { background-color: rgb(51, 51, 51); }

.skin-2 .sidebar-shortcuts { background-color: rgb(57, 57, 57); border-color: rgb(102, 102, 102); min-height: 40px; }

.skin-2 .sidebar > .nav-search { background-color: rgb(57, 57, 57); border-color: rgb(102, 102, 102); }

.skin-2 .sidebar-shortcuts .btn { border-width: 2px; border-radius: 32px !important; background-color: rgb(85, 85, 85) !important; }

.skin-2 .sidebar-shortcuts .btn:hover { background-color: rgb(34, 34, 34) !important; }

.skin-2 .menu-min .sidebar-shortcuts-large { border: 0px; box-shadow: none; background-color: rgb(57, 57, 57); top: 0px; }

.skin-2 .sidebar-shortcuts-mini { background-color: rgb(20, 26, 27); border-color: rgb(63, 78, 84); }

.skin-2 .sidebar-shortcuts-mini .btn { opacity: 1; background-color: inherit; border-width: 2px !important; border-radius: 32px !important; padding: 6px !important; }

body.skin-2 .main-content { padding-top: 8px; }

.skin-2 .breadcrumbs { border: 0px; background-color: rgb(231, 242, 248); margin: 0px 8px; border-radius: 4px; }

@media only screen and (max-width: 991px) {
  .skin-2 .sidebar { border: 0px; box-shadow: none; }
  .skin-2 .nav-list li.active > a::after { display: none; }
  body.skin-2 .main-content { padding-top: 0px; }
  .skin-2 .breadcrumbs { margin: 0px; border-radius: 0px; }
  .skin-2 .menu-min .nav-list > li.active > a::after { display: none; }
  .skin-2 .menu-min .nav-list > li.active:hover > a::after { display: block; }
}

.skin-2 .nav-list > li .submenu a { background-color: transparent !important; }

.skin-2 .nav-list > li > .submenu > li > .submenu a { border-top-color: rgb(204, 204, 204); }

.skin-2 .nav-list > li.active > .submenu > li > .submenu a { border-top-color: rgb(153, 153, 153); }

.skin-2 .nav-list > li > .submenu li > .submenu > li a { color: rgb(213, 213, 213); }

.skin-2 .nav-list > li > .submenu li > .submenu > li a > [class*="icon-"]:first-child { color: rgb(213, 213, 213); }

.skin-2 .nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child { color: inherit; }

.skin-2 .nav-list > li .submenu a > .arrow { color: rgb(204, 204, 204); }

.skin-2 .nav-list > li > .submenu > li > a:hover > .arrow, .skin-2 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow { color: rgb(238, 238, 238); }

.skin-2 .nav-list > li > .submenu > li > .submenu > li > a { margin-left: 0px; padding-left: 38px; }

.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a { margin-left: 0px; padding-left: 54px; }

.skin-2 .nav-list > li ul.submenu li.open > a { color: rgb(198, 72, 126); }

.skin-2 .nav-list > li:nth-child(1) ul.submenu li.open > a { color: rgb(0, 190, 103); }

.skin-2 .nav-list > li:nth-child(2) ul.submenu li.open > a { color: rgb(94, 208, 43); }

.skin-2 .nav-list > li:nth-child(3) ul.submenu li.open > a { color: rgb(167, 215, 0); }

.skin-2 .nav-list > li:nth-child(4) ul.submenu li.open > a { color: rgb(206, 225, 0); }

.skin-2 .nav-list > li:nth-child(5) ul.submenu li.open > a { color: rgb(248, 198, 0); }

.skin-2 .nav-list > li:nth-child(6) ul.submenu li.open > a { color: rgb(255, 171, 0); }

.skin-2 .nav-list > li:nth-child(7) ul.submenu li.open > a { color: rgb(255, 110, 0); }

.skin-2 .nav-list > li:nth-child(8) ul.submenu li.open > a { color: rgb(242, 28, 48); }

.skin-2 .nav-list > li:nth-child(9) ul.submenu li.open > a { color: rgb(238, 33, 139); }

.skin-2 .nav-list > li:nth-child(10) ul.submenu li.open > a { color: rgb(197, 94, 231); }

.skin-2 .nav-list > li:nth-child(11) ul.submenu li.open > a { color: rgb(33, 139, 238); }

.skin-2 .nav-list > li:nth-child(12) ul.submenu li.open > a { color: rgb(46, 206, 231); }

.skin-2 .nav-list > li ul.submenu li > a:hover { color: rgb(255, 255, 255); }

.skin-2 .nav-list > li > .submenu > li.open > a > [class*="icon-"]:first-child, .skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > [class*="icon-"]:first-child { color: inherit; }

.skin-2 .nav-list > li > .submenu > li.open > a > .arrow, .skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow { color: inherit; }

.skin-3 { background-color: rgb(187, 187, 187); }

.skin-3 .main-container::after { background: -webkit-linear-gradient(top, rgb(238, 245, 250) 0px, rgb(255, 255, 255) 8%) 0px 4px / 100% 26px; }

.skin-3 .navbar { background: rgb(57, 57, 57); }

.skin-3 .sidebar, .skin-3 .sidebar::before { background-color: rgb(214, 214, 214); border-right: 1px solid rgb(164, 198, 221); }

.skin-3 .page-content { background-color: transparent; }

.skin-3 .infobox:not(.infobox-dark) { border-style: solid; background-color: transparent; }

.skin-3 .nav-list > li { border-color: rgb(242, 242, 242); border-bottom-width: 0px; position: relative; }

.skin-3 .nav-list > li::before { display: inline-block; content: ""; position: absolute; z-index: 1; left: 0px; top: 0px; bottom: 0px; max-width: 0px; overflow: hidden; border-left: 3px solid rgb(68, 68, 68); }

.skin-3 .nav-list > li.active::before { border-left-color: rgb(77, 150, 203); }

.skin-3 .nav-list > li:first-child { border-top: 1px solid rgb(242, 242, 242); }

.skin-3 .nav-list > li:last-child { border-bottom-width: 1px; }

.skin-3 .nav-list > li:hover { border-left-color: rgb(25, 99, 170); border-top-color: rgb(238, 238, 238); }

.skin-3 .nav-list > li:hover + li { border-top-color: rgb(238, 238, 238); }

.skin-3 .nav-list > li:last-child:hover { border-bottom-color: rgb(238, 238, 238); }

.skin-3 .nav-list > li.active { border-left-color: rgb(26, 103, 189); border-top-color: rgb(164, 198, 221) !important; }

.skin-3 .nav-list > li.active + li { border-top-color: rgb(164, 198, 221); }

.skin-3 .nav-list > li.active:last-child { border-bottom-color: rgb(164, 198, 221); }

.skin-3 .nav-list > li > a:hover::before { display: none; }

.skin-3 .nav-list > li > a { background-color: rgb(224, 224, 224); color: rgb(90, 90, 90); }

.skin-3 .nav-list > li:hover > a { background-color: rgb(238, 238, 238); color: rgb(25, 99, 170); }

.skin-3 .nav-list > li > a:focus { color: rgb(25, 99, 170); }

.skin-3 .nav-list > li.open > a { background-color: rgb(243, 243, 243); color: rgb(25, 99, 170); }

.skin-3 .menu-min .nav-list > li.open > a { background-color: rgb(224, 224, 224); color: rgb(90, 90, 90); }

.skin-3 .menu-min .nav-list > li.open > a > .menu-text { color: rgb(25, 99, 170); }

.skin-3 .menu-min .nav-list > li.active > a > .menu-text { border-left-color: rgb(238, 238, 238); }

.skin-3 .nav-list > li.active > a { background-color: rgb(238, 248, 255); color: rgb(77, 150, 203); }

.skin-3 .nav-list li.active > a::after { border-right-color: rgb(255, 255, 255); right: -1px; top: 0px; z-index: 12; border-width: 18px 12px; }

.skin-3 .nav-list li.active > a::before { content: ""; display: block; position: absolute; inset: 0px 0px auto auto; z-index: 11; width: auto; background-color: transparent; border-style: solid; border-width: 18px 12px; border-color: transparent rgb(164, 198, 221) transparent transparent; }

.skin-3 .nav-list > li.active.open > .submenu li.active > a::before, .skin-3 .nav-list > li.active.open > .submenu li.active > a::after { border-width: 14px 10px; top: 2px; }

.skin-3 .nav-list > li.active.open > .submenu .submenu li.active > a::before, .skin-3 .nav-list > li.active.open > .submenu .submenu li.active > a::after { top: 0px; }

.skin-3 .nav-list li.active.open > a::after, .skin-3 .nav-list li.active.open > a::before { display: none; }

.skin-3 .nav-list > li.active::after { display: none; }

.skin-3 .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle::before { display: none; }

.skin-3 .nav-list li.active > .submenu > li.active > a::before { display: none; }

.skin-3 .nav-list li.active.open > .submenu > li.active > a::before { display: block; }

.skin-3 .menu-min .nav-list li.active.open > .submenu > li.active > a::before { display: none; }

.skin-3 .menu-min .nav-list > li.active > a { background-color: rgb(77, 150, 203); color: rgb(255, 255, 255); }

.skin-3 .menu-min .nav-list > li.active > a > .menu-text { color: rgb(77, 150, 203); }

.skin-3 .menu-min .nav-list li.active > a::after { display: none; }

.skin-3 .menu-min .nav-list li.active > a::before { display: none; }

.skin-3 .menu-min .nav-list > li.active > a::after { display: block; border-width: 12px 7px; top: 5px; }

.skin-3 .menu-min .sidebar-shortcuts { border-left: none; }

.skin-3 .sidebar.menu-min > .nav-search { border-left: none; }

.skin-3 .menu-min .nav-list > li > .submenu, .skin-3 .menu-min .nav-list > li.active > .submenu { border-left-color: rgb(204, 204, 204); }

.skin-3 .nav-list > li > a > .arrow { right: 10px; }

.skin-3 .sidebar-collapse { background-color: rgb(208, 208, 208); border-color: rgb(255, 255, 255); }

.skin-3 .sidebar-collapse::before { border-color: rgb(255, 255, 255); }

.skin-3 .sidebar-collapse > [class*="icon-"] { background-color: rgb(255, 255, 255); border-color: rgb(153, 153, 153); color: rgb(153, 153, 153); }

.skin-3 .sidebar-shortcuts { background-color: rgb(224, 224, 224); border-bottom: 0px rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); min-height: 40px; border-left: 3px solid rgb(68, 68, 68); }

.skin-3 .sidebar > .nav-search { background-color: rgb(224, 224, 224); border-bottom: 0px rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-left: 3px solid rgb(68, 68, 68); }

.skin-3 .sidebar-shortcuts-mini { background-color: rgb(224, 224, 224); }

.skin-3 .sidebar-shortcuts-mini > .btn { opacity: 1; }

.skin-3 .menu-min .sidebar-shortcuts-large { background-color: rgb(245, 245, 245); top: -1px; }

body.skin-3 .main-content { padding-top: 8px; }

.skin-3 .breadcrumbs { border: 0px; border-radius: 4px; background-color: rgb(231, 242, 248); margin: 0px 8px; }

.skin-3 .nav-search-input { border-radius: 4px; }

.skin-3 .page-content > .page-header:first-child { border-bottom-color: rgb(201, 201, 201); }

.skin-3 .hr { border-color: rgb(213, 213, 213); }

@media only screen and (max-width: 991px) {
  .skin-3 .sidebar, .skin-3 .nav-list > li, .skin-3 .sidebar-shortcuts { border-left: none; }
  .skin-3 .sidebar { border-color: rgb(164, 198, 221); }
  body.skin-3 .main-content { padding-top: 0px; }
  .skin-3 .breadcrumbs { border-radius: 0px; margin: 0px; }
  .skin-3 .menu-toggler { background-color: rgb(98, 168, 209); color: rgb(255, 255, 255); }
  .skin-3 .menu-toggler::after, .skin-3 .menu-toggler::before { border-color: rgb(255, 255, 255); }
  .skin-3 .menu-toggler > .menu-text { border-top-color: rgb(98, 168, 209); }
  .skin-3 .menu-toggler > .menu-text::after { color: rgb(255, 255, 255); }
  .skin-3 .nav-list li.active > a::before, .skin-3 .nav-list li.active > a::after { display: none; }
  .skin-3 .menu-min .nav-list li.active > a::before, .skin-3 .menu-min .nav-list li.active > a::after { display: none; }
  .skin-3 .nav-list li.active.open > .submenu > li.active > a::before { display: none; }
  .skin-3 .menu-min .nav-list > li.active.open:hover > a::after { display: block !important; }
}

.rtl.skin-1 .sidebar, .rtl.skin-1 .sidebar::before { border-left: none; }

.rtl.skin-1 .nav-list li.active > a::after { border-right-color: transparent; border-left-color: rgb(255, 255, 255); }

.rtl.skin-1 .menu-min .nav-list > li.active:hover > a::after { border-left-color: rgb(36, 42, 43); border-right-color: transparent; }

.rtl.skin-1 .menu-min .nav-list > li > a > .menu-text, .rtl.skin-1 .menu-min .nav-list > li > ul.submenu { border-left-color: rgb(63, 78, 84); border-right-color: rgb(36, 42, 43); }

.rtl.skin-2 .sidebar, .rtl.skin-2 .sidebar::before { border-left: none; }

.rtl.skin-2 .nav-list li.active > a::after { border-right-color: transparent; border-left-color: rgb(255, 255, 255); }

.rtl.skin-2 .nav-list > li.active > a::after, .rtl.skin-2 .nav-list > li.active > .submenu > li.active > a::after { right: auto; left: 0px; }

.rtl.skin-2 .menu-min .nav-list > li.active:hover > a::after { border-right-color: transparent; border-left-color: rgb(41, 41, 41); }

.rtl.skin-2 .nav-list > li.active.open > .submenu > li.active > a::after { border-right-color: transparent; border-left-color: rgb(255, 255, 255); right: auto; left: 0px; }

.rtl.skin-2 .menu-min .nav-list > li > a > .menu-text { text-shadow: rgba(0, 0, 0, 0.5) -1px 1px 0px; }

.rtl.skin-2 .menu-min .nav-list > li > ul.submenu { margin-left: auto; margin-right: 1px; border-left: none; border-right: 1px solid rgb(255, 255, 255); }

.rtl.skin-2 .nav-list > li > ul.submenu > li > a { padding-left: 0px; padding-right: 28px; }

.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > a { margin-left: auto; padding-left: 0px; margin-right: 0px; padding-right: 38px; }

.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a { margin-left: auto; padding-left: 0px; margin-right: 0px; padding-right: 54px; }

.rtl.skin-3 .sidebar, .rtl.skin-3 .sidebar::before { border-right: 0px; border-left: 1px solid rgb(164, 198, 221); }

.rtl.skin-3 .nav-list > li::before { left: auto; right: 0px; border-left: none; border-right: 3px solid rgb(68, 68, 68); }

.rtl.skin-3 .nav-list > li.active::before { border-left: none; border-right-color: rgb(77, 150, 203); }

.rtl.skin-3 .nav-list > li:hover { border-left-color: rgb(242, 242, 242); border-right-color: rgb(25, 99, 170); }

.rtl.skin-3 .nav-list > li.active { border-left-color: rgb(242, 242, 242); border-right-color: rgb(26, 103, 189); }

.rtl.skin-3 .menu-min .nav-list > li.active > a > .menu-text { border-left-color: rgb(204, 204, 204); border-right-color: rgb(238, 238, 238); }

.rtl.skin-3 .nav-list li.active > a::after { border-right-color: transparent; border-left-color: rgb(255, 255, 255); left: -1px; right: auto; }

.rtl.skin-3 .nav-list li.active > a::before { right: auto; left: 0px; border-right-color: transparent; border-left-color: rgb(164, 198, 221); }

.rtl.skin-3 .menu-min .sidebar-shortcuts { border-right: 0px; }

.rtl.skin-3 .sidebar.menu-min > .nav-search { border-right: 0px; }

.rtl.skin-3 .menu-min .nav-list > li > .submenu, .rtl.skin-3 .menu-min .nav-list > li.active > .submenu { border-right-color: rgb(204, 204, 204); }

.rtl.skin-3 .nav-list > li > a > .arrow { right: auto; left: 10px; }

.rtl.skin-3 .sidebar-shortcuts { border-left: none; border-right: 3px solid rgb(68, 68, 68); }

.rtl.skin-3 .sidebar > .nav-search { border-left: none; border-right: 3px solid rgb(68, 68, 68); }

@media only screen and (max-width: 991px) {
  .rtl.skin-3 .sidebar, .rtl.skin-3 .nav-list > li, .rtl.skin-3 .sidebar-shortcuts { border-right: 0px; }
}