/*
 Ace Admin Theme v1.4
 Copyright (c) 2016 Mohsen - (twitter.com/responsiweb)

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
.skin-3 .nav-list > li.open + li,
.skin-3 .nav-list > li:hover + li {
  border-top-color: #95bad2 !important;
}
.skin-3 .infobox-container .infobox:not(.infobox-dark),
.skin-3 .nav-list li.active > a:before {
  border-style: solid;
  background-color: transparent;
}
.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-3 .main-container.container:before {
    -webkit-box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
    box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
  }
}
.skin-3 .navbar {
  background: #404040;
}
.skin-3 .sidebar {
  background-color: #dbdbdb;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #35355C;
}
.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: #35355C !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: #35355C;
}
.skin-3 .nav-list > li.open:hover > a,
.skin-3 .nav-list > li.open > a {
  color: #35355C;
  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: #35355C !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: #35355C !important;
}
.skin-3 .page-content {
  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;
  border-color: transparent #35355C 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: #35355C;
}
.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: #f1f5f9;
}
@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: #f1f5f9;
  border-color: #35355C;
}
.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 #35355C #35355C;
}
.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: #35355C;
  }
  .skin-3 .sidebar.responsive-min .nav-list > li > a > .menu-text {
    background-color: #f1f5f9;
    border-color: #35355C;
  }
  .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 #35355C #35355C;
  }
  .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-shortcuts-large > .btn:focus {
  outline: 0;
}
.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 #35355C;
}
.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, 0.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 0.1s ease 0s;
}
.skin-3 .navbar .navbar-toggle:hover {
  background-color: #5782a7;
  border-color: rgba(255, 255, 255, 0.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, 0.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: #35355C;
  }
  .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: #35355C;
  }
  .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: #35355C;
  }
  .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;
}