<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * Skin: Dark Gray
 * ----------
 */
.skin-gray-dark .main-header .navbar {
  background-color: #889399;
}
.skin-gray-dark .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-gray-dark .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-gray-dark .main-header .navbar .nav &gt; li &gt; a:active,
.skin-gray-dark .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-gray-dark .main-header .navbar .nav .open &gt; a,
.skin-gray-dark .main-header .navbar .nav .open &gt; a:hover,
.skin-gray-dark .main-header .navbar .nav .open &gt; a:focus,
.skin-gray-dark .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-gray-dark .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-gray-dark .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-gray-dark .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-gray-dark .main-header .navbar .sidebar-toggle:hover {
  background-color: #737c82;
}
@media (max-width: 767px) {
  .skin-gray-dark .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-gray-dark .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-gray-dark .main-header .navbar .dropdown-menu li a:hover {
    background: #737c82;
  }
}
.skin-gray-dark .main-header .logo {
  background-color: #737c82;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-gray-dark .main-header .logo:hover {
  background-color: #737c82;
}
.skin-gray-dark .main-header li.user-header {
  background-color: #889399;
}
.skin-gray-dark .content-header {
  background: transparent;
}
.skin-gray-dark .wrapper,
.skin-gray-dark .main-sidebar,
.skin-gray-dark .left-side {
  background-color: #222d32;
}
.skin-gray-dark .user-panel &gt; .info,
.skin-gray-dark .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-gray-dark .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-gray-dark .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-gray-dark .sidebar-menu &gt; li:hover &gt; a,
.skin-gray-dark .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #889399;
}
.skin-gray-dark .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-gray-dark .sidebar a {
  color: #b8c7ce;
}
.skin-gray-dark .sidebar a:hover {
  text-decoration: none;
}
.skin-gray-dark .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-gray-dark .treeview-menu &gt; li.active &gt; a,
.skin-gray-dark .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-gray-dark .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-gray-dark .sidebar-form input[type="text"],
.skin-gray-dark .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-gray-dark .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-gray-dark .sidebar-form input[type="text"]:focus,
.skin-gray-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-gray-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-gray-dark .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-gray-dark.layout-top-nav .main-header &gt; .logo {
  background-color: #889399;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-gray-dark.layout-top-nav .main-header &gt; .logo:hover {
  background-color: #3b8ab8;
}


/*
 * Skin: Dark Blue
 * ----------
 */
.skin-blue-dark .main-header .navbar {
  background-color: #002262;
}
.skin-blue-dark .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-blue-dark .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-blue-dark .main-header .navbar .nav &gt; li &gt; a:active,
.skin-blue-dark .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-blue-dark .main-header .navbar .nav .open &gt; a,
.skin-blue-dark .main-header .navbar .nav .open &gt; a:hover,
.skin-blue-dark .main-header .navbar .nav .open &gt; a:focus,
.skin-blue-dark .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue-dark .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-dark .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue-dark .main-header .navbar .sidebar-toggle:hover {
  background-color: #011844;
}
@media (max-width: 767px) {
  .skin-blue-dark .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue-dark .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue-dark .main-header .navbar .dropdown-menu li a:hover {
    background: #011844;
  }
}
.skin-blue-dark .main-header .logo {
  background-color: #011844;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-dark .main-header .logo:hover {
  background-color: #011844;
}
.skin-blue-dark .main-header li.user-header {
  background-color: #002262;
}
.skin-blue-dark .content-header {
  background: transparent;
}
.skin-blue-dark .wrapper,
.skin-blue-dark .main-sidebar,
.skin-blue-dark .left-side {
  background-color: #222d32;
}
.skin-blue-dark .user-panel &gt; .info,
.skin-blue-dark .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-blue-dark .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-blue-dark .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-blue-dark .sidebar-menu &gt; li:hover &gt; a,
.skin-blue-dark .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #002262;
}
.skin-blue-dark .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-blue-dark .sidebar a {
  color: #b8c7ce;
}
.skin-blue-dark .sidebar a:hover {
  text-decoration: none;
}
.skin-blue-dark .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-blue-dark .treeview-menu &gt; li.active &gt; a,
.skin-blue-dark .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-blue-dark .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue-dark .sidebar-form input[type="text"],
.skin-blue-dark .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-blue-dark .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue-dark .sidebar-form input[type="text"]:focus,
.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue-dark .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue-dark.layout-top-nav .main-header &gt; .logo {
  background-color: #002262;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-dark.layout-top-nav .main-header &gt; .logo:hover {
  background-color: #3b8ab8;
}


/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-blue .main-header .navbar .nav &gt; li &gt; a:active,
.skin-blue .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-blue .main-header .navbar .nav .open &gt; a,
.skin-blue .main-header .navbar .nav .open &gt; a:hover,
.skin-blue .main-header .navbar .nav .open &gt; a:focus,
.skin-blue .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-blue .main-header .logo {
  background-color: #367fa9;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: #357ca5;
}
.skin-blue .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-blue .content-header {
  background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #222d32;
}
.skin-blue .user-panel &gt; .info,
.skin-blue .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-blue .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-blue .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu &gt; li:hover &gt; a,
.skin-blue .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-blue .sidebar a {
  color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-blue .treeview-menu &gt; li.active &gt; a,
.skin-blue .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header &gt; .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header &gt; .logo:hover {
  background-color: #3b8ab8;
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue-light .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue-light .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-blue-light .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-blue-light .main-header .navbar .nav &gt; li &gt; a:active,
.skin-blue-light .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-blue-light .main-header .navbar .nav .open &gt; a,
.skin-blue-light .main-header .navbar .nav .open &gt; a:hover,
.skin-blue-light .main-header .navbar .nav .open &gt; a:focus,
.skin-blue-light .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}
@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-blue-light .main-header .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
  background-color: #3b8ab8;
}
.skin-blue-light .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-blue-light .content-header {
  background: transparent;
}
.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
  background-color: #f9fafc;
}
.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-blue-light .user-panel &gt; .info,
.skin-blue-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-blue-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-blue-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-blue-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-blue-light .sidebar-menu &gt; li:hover &gt; a,
.skin-blue-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-blue-light .sidebar-menu &gt; li.active {
  border-left-color: #3c8dbc;
}
.skin-blue-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-blue-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-blue-light .sidebar a {
  color: #444444;
}
.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}
.skin-blue-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-blue-light .treeview-menu &gt; li.active &gt; a,
.skin-blue-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-blue-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
.skin-blue-light .main-footer {
  border-top-color: #d2d6de;
}
.skin-blue.layout-top-nav .main-header &gt; .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header &gt; .logo:hover {
  background-color: #3b8ab8;
}
/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black .main-header .navbar-toggle {
  color: #333;
}
.skin-black .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header &gt; .navbar {
  background-color: #ffffff;
}
.skin-black .main-header &gt; .navbar .nav &gt; li &gt; a {
  color: #333333;
}
.skin-black .main-header &gt; .navbar .nav &gt; li &gt; a:hover,
.skin-black .main-header &gt; .navbar .nav &gt; li &gt; a:active,
.skin-black .main-header &gt; .navbar .nav &gt; li &gt; a:focus,
.skin-black .main-header &gt; .navbar .nav .open &gt; a,
.skin-black .main-header &gt; .navbar .nav .open &gt; a:hover,
.skin-black .main-header &gt; .navbar .nav .open &gt; a:focus,
.skin-black .main-header &gt; .navbar .nav &gt; .active &gt; a {
  background: #ffffff;
  color: #999999;
}
.skin-black .main-header &gt; .navbar .sidebar-toggle {
  color: #333333;
}
.skin-black .main-header &gt; .navbar .sidebar-toggle:hover {
  color: #999999;
  background: #ffffff;
}
.skin-black .main-header &gt; .navbar &gt; .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header &gt; .navbar .navbar-nav &gt; li &gt; a {
  border-right: 1px solid #eee;
}
.skin-black .main-header &gt; .navbar .navbar-custom-menu .navbar-nav &gt; li &gt; a,
.skin-black .main-header &gt; .navbar .navbar-right &gt; li &gt; a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}
.skin-black .main-header &gt; .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-black .main-header &gt; .logo:hover {
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  .skin-black .main-header &gt; .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-black .main-header &gt; .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-black .main-header li.user-header {
  background-color: #ddd;
}
.skin-black .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
  background-color: #222d32;
}
.skin-black .user-panel &gt; .info,
.skin-black .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-black .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-black .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-black .sidebar-menu &gt; li:hover &gt; a,
.skin-black .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #ffffff;
}
.skin-black .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-black .sidebar a {
  color: #b8c7ce;
}
.skin-black .sidebar a:hover {
  text-decoration: none;
}
.skin-black .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-black .treeview-menu &gt; li.active &gt; a,
.skin-black .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-black .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black-light .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
  color: #333;
}
.skin-black-light .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header &gt; .navbar {
  background-color: #ffffff;
}
.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a {
  color: #333333;
}
.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover,
.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:active,
.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:focus,
.skin-black-light .main-header &gt; .navbar .nav .open &gt; a,
.skin-black-light .main-header &gt; .navbar .nav .open &gt; a:hover,
.skin-black-light .main-header &gt; .navbar .nav .open &gt; a:focus,
.skin-black-light .main-header &gt; .navbar .nav &gt; .active &gt; a {
  background: #ffffff;
  color: #999999;
}
.skin-black-light .main-header &gt; .navbar .sidebar-toggle {
  color: #333333;
}
.skin-black-light .main-header &gt; .navbar .sidebar-toggle:hover {
  color: #999999;
  background: #ffffff;
}
.skin-black-light .main-header &gt; .navbar &gt; .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header &gt; .navbar .navbar-nav &gt; li &gt; a {
  border-right: 1px solid #eee;
}
.skin-black-light .main-header &gt; .navbar .navbar-custom-menu .navbar-nav &gt; li &gt; a,
.skin-black-light .main-header &gt; .navbar .navbar-right &gt; li &gt; a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}
.skin-black-light .main-header &gt; .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header &gt; .logo:hover {
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  .skin-black-light .main-header &gt; .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-black-light .main-header &gt; .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-black-light .main-header li.user-header {
  background-color: #222;
}
.skin-black-light .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
  background-color: #f9fafc;
}
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-black-light .user-panel &gt; .info,
.skin-black-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-black-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-black-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-black-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-black-light .sidebar-menu &gt; li:hover &gt; a,
.skin-black-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-black-light .sidebar-menu &gt; li.active {
  border-left-color: #ffffff;
}
.skin-black-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-black-light .sidebar a {
  color: #444444;
}
.skin-black-light .sidebar a:hover {
  text-decoration: none;
}
.skin-black-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-black-light .treeview-menu &gt; li.active &gt; a,
.skin-black-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-black-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-black-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-black-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Green
 * -----------
 */
.skin-green .main-header .navbar {
  background-color: #00a65a;
}
.skin-green .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-green .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-green .main-header .navbar .nav &gt; li &gt; a:active,
.skin-green .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-green .main-header .navbar .nav .open &gt; a,
.skin-green .main-header .navbar .nav .open &gt; a:hover,
.skin-green .main-header .navbar .nav .open &gt; a:focus,
.skin-green .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-green .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
  background-color: #008d4c;
}
@media (max-width: 767px) {
  .skin-green .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-green .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-green .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}
.skin-green .main-header .logo {
  background-color: #008d4c;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
  background-color: #008749;
}
.skin-green .main-header li.user-header {
  background-color: #00a65a;
}
.skin-green .content-header {
  background: transparent;
}
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
  background-color: #222d32;
}
.skin-green .user-panel &gt; .info,
.skin-green .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-green .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-green .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-green .sidebar-menu &gt; li:hover &gt; a,
.skin-green .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #00a65a;
}
.skin-green .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-green .sidebar a {
  color: #b8c7ce;
}
.skin-green .sidebar a:hover {
  text-decoration: none;
}
.skin-green .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-green .treeview-menu &gt; li.active &gt; a,
.skin-green .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-green .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-green .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-green .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Green
 * -----------
 */
.skin-green-light .main-header .navbar {
  background-color: #00a65a;
}
.skin-green-light .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-green-light .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-green-light .main-header .navbar .nav &gt; li &gt; a:active,
.skin-green-light .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-green-light .main-header .navbar .nav .open &gt; a,
.skin-green-light .main-header .navbar .nav .open &gt; a:hover,
.skin-green-light .main-header .navbar .nav .open &gt; a:focus,
.skin-green-light .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #008d4c;
}
@media (max-width: 767px) {
  .skin-green-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-green-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}
.skin-green-light .main-header .logo {
  background-color: #00a65a;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
  background-color: #00a157;
}
.skin-green-light .main-header li.user-header {
  background-color: #00a65a;
}
.skin-green-light .content-header {
  background: transparent;
}
.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
  background-color: #f9fafc;
}
.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-green-light .user-panel &gt; .info,
.skin-green-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-green-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-green-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-green-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-green-light .sidebar-menu &gt; li:hover &gt; a,
.skin-green-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-green-light .sidebar-menu &gt; li.active {
  border-left-color: #00a65a;
}
.skin-green-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-green-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-green-light .sidebar a {
  color: #444444;
}
.skin-green-light .sidebar a:hover {
  text-decoration: none;
}
.skin-green-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-green-light .treeview-menu &gt; li.active &gt; a,
.skin-green-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-green-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-green-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-green-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-green-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Red
 * ---------
 */
.skin-red .main-header .navbar {
  background-color: #dd4b39;
}
.skin-red .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-red .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-red .main-header .navbar .nav &gt; li &gt; a:active,
.skin-red .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-red .main-header .navbar .nav .open &gt; a,
.skin-red .main-header .navbar .nav .open &gt; a:hover,
.skin-red .main-header .navbar .nav .open &gt; a:focus,
.skin-red .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  background-color: #d73925;
}
@media (max-width: 767px) {
  .skin-red .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-red .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-red .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}
.skin-red .main-header .logo {
  background-color: #d73925;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
  background-color: #d33724;
}
.skin-red .main-header li.user-header {
  background-color: #dd4b39;
}
.skin-red .content-header {
  background: transparent;
}
.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
  background-color: #222d32;
}
.skin-red .user-panel &gt; .info,
.skin-red .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-red .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-red .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-red .sidebar-menu &gt; li:hover &gt; a,
.skin-red .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #dd4b39;
}
.skin-red .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-red .sidebar a {
  color: #b8c7ce;
}
.skin-red .sidebar a:hover {
  text-decoration: none;
}
.skin-red .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-red .treeview-menu &gt; li.active &gt; a,
.skin-red .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-red .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-red .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-red .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Red
 * ---------
 */
.skin-red-light .main-header .navbar {
  background-color: #dd4b39;
}
.skin-red-light .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-red-light .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-red-light .main-header .navbar .nav &gt; li &gt; a:active,
.skin-red-light .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-red-light .main-header .navbar .nav .open &gt; a,
.skin-red-light .main-header .navbar .nav .open &gt; a:hover,
.skin-red-light .main-header .navbar .nav .open &gt; a:focus,
.skin-red-light .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #d73925;
}
@media (max-width: 767px) {
  .skin-red-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-red-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}
.skin-red-light .main-header .logo {
  background-color: #dd4b39;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
  background-color: #dc4735;
}
.skin-red-light .main-header li.user-header {
  background-color: #dd4b39;
}
.skin-red-light .content-header {
  background: transparent;
}
.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
  background-color: #f9fafc;
}
.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-red-light .user-panel &gt; .info,
.skin-red-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-red-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-red-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-red-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-red-light .sidebar-menu &gt; li:hover &gt; a,
.skin-red-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-red-light .sidebar-menu &gt; li.active {
  border-left-color: #dd4b39;
}
.skin-red-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-red-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-red-light .sidebar a {
  color: #444444;
}
.skin-red-light .sidebar a:hover {
  text-decoration: none;
}
.skin-red-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-red-light .treeview-menu &gt; li.active &gt; a,
.skin-red-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-red-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-red-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-red-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-red-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow .main-header .navbar {
  background-color: #f39c12;
}
.skin-yellow .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-yellow .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-yellow .main-header .navbar .nav &gt; li &gt; a:active,
.skin-yellow .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-yellow .main-header .navbar .nav .open &gt; a,
.skin-yellow .main-header .navbar .nav .open &gt; a:hover,
.skin-yellow .main-header .navbar .nav .open &gt; a:focus,
.skin-yellow .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  background-color: #e08e0b;
}
@media (max-width: 767px) {
  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}
.skin-yellow .main-header .logo {
  background-color: #e08e0b;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
  background-color: #db8b0b;
}
.skin-yellow .main-header li.user-header {
  background-color: #f39c12;
}
.skin-yellow .content-header {
  background: transparent;
}
.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
  background-color: #222d32;
}
.skin-yellow .user-panel &gt; .info,
.skin-yellow .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-yellow .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-yellow .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-yellow .sidebar-menu &gt; li:hover &gt; a,
.skin-yellow .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #f39c12;
}
.skin-yellow .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-yellow .sidebar a {
  color: #b8c7ce;
}
.skin-yellow .sidebar a:hover {
  text-decoration: none;
}
.skin-yellow .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-yellow .treeview-menu &gt; li.active &gt; a,
.skin-yellow .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-yellow .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-yellow .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-yellow .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow-light .main-header .navbar {
  background-color: #f39c12;
}
.skin-yellow-light .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-yellow-light .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-yellow-light .main-header .navbar .nav &gt; li &gt; a:active,
.skin-yellow-light .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-yellow-light .main-header .navbar .nav .open &gt; a,
.skin-yellow-light .main-header .navbar .nav .open &gt; a:hover,
.skin-yellow-light .main-header .navbar .nav .open &gt; a:focus,
.skin-yellow-light .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #e08e0b;
}
@media (max-width: 767px) {
  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-yellow-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}
.skin-yellow-light .main-header .logo {
  background-color: #f39c12;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-yellow-light .main-header .logo:hover {
  background-color: #f39a0d;
}
.skin-yellow-light .main-header li.user-header {
  background-color: #f39c12;
}
.skin-yellow-light .content-header {
  background: transparent;
}
.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
  background-color: #f9fafc;
}
.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-yellow-light .user-panel &gt; .info,
.skin-yellow-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-yellow-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-yellow-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-yellow-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-yellow-light .sidebar-menu &gt; li:hover &gt; a,
.skin-yellow-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-yellow-light .sidebar-menu &gt; li.active {
  border-left-color: #f39c12;
}
.skin-yellow-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-yellow-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-yellow-light .sidebar a {
  color: #444444;
}
.skin-yellow-light .sidebar a:hover {
  text-decoration: none;
}
.skin-yellow-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-yellow-light .treeview-menu &gt; li.active &gt; a,
.skin-yellow-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-yellow-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-yellow-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-yellow-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-yellow-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple .main-header .navbar {
  background-color: #605ca8;
}
.skin-purple .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-purple .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-purple .main-header .navbar .nav &gt; li &gt; a:active,
.skin-purple .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-purple .main-header .navbar .nav .open &gt; a,
.skin-purple .main-header .navbar .nav .open &gt; a:hover,
.skin-purple .main-header .navbar .nav .open &gt; a:focus,
.skin-purple .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-purple .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-purple .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
  background-color: #555299;
}
@media (max-width: 767px) {
  .skin-purple .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-purple .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
    background: #555299;
  }
}
.skin-purple .main-header .logo {
  background-color: #555299;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-purple .main-header .logo:hover {
  background-color: #545096;
}
.skin-purple .main-header li.user-header {
  background-color: #605ca8;
}
.skin-purple .content-header {
  background: transparent;
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
  background-color: #222d32;
}
.skin-purple .user-panel &gt; .info,
.skin-purple .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-purple .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-purple .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-purple .sidebar-menu &gt; li:hover &gt; a,
.skin-purple .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #605ca8;
}
.skin-purple .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-purple .sidebar a {
  color: #b8c7ce;
}
.skin-purple .sidebar a:hover {
  text-decoration: none;
}
.skin-purple .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-purple .treeview-menu &gt; li.active &gt; a,
.skin-purple .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-purple .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-purple .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-purple .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple-light .main-header .navbar {
  background-color: #605ca8;
}
.skin-purple-light .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-purple-light .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-purple-light .main-header .navbar .nav &gt; li &gt; a:active,
.skin-purple-light .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-purple-light .main-header .navbar .nav .open &gt; a,
.skin-purple-light .main-header .navbar .nav .open &gt; a:hover,
.skin-purple-light .main-header .navbar .nav .open &gt; a:focus,
.skin-purple-light .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #555299;
}
@media (max-width: 767px) {
  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-purple-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
    background: #555299;
  }
}
.skin-purple-light .main-header .logo {
  background-color: #605ca8;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-purple-light .main-header .logo:hover {
  background-color: #5d59a6;
}
.skin-purple-light .main-header li.user-header {
  background-color: #605ca8;
}
.skin-purple-light .content-header {
  background: transparent;
}
.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
  background-color: #f9fafc;
}
.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-purple-light .user-panel &gt; .info,
.skin-purple-light .user-panel &gt; .info &gt; a {
  color: #444444;
}
.skin-purple-light .sidebar-menu &gt; li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-purple-light .sidebar-menu &gt; li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-purple-light .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-purple-light .sidebar-menu &gt; li:hover &gt; a,
.skin-purple-light .sidebar-menu &gt; li.active &gt; a {
  color: #000000;
  background: #f4f4f5;
}
.skin-purple-light .sidebar-menu &gt; li.active {
  border-left-color: #605ca8;
}
.skin-purple-light .sidebar-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-purple-light .sidebar-menu &gt; li &gt; .treeview-menu {
  background: #f4f4f5;
}
.skin-purple-light .sidebar a {
  color: #444444;
}
.skin-purple-light .sidebar a:hover {
  text-decoration: none;
}
.skin-purple-light .treeview-menu &gt; li &gt; a {
  color: #777777;
}
.skin-purple-light .treeview-menu &gt; li.active &gt; a,
.skin-purple-light .treeview-menu &gt; li &gt; a:hover {
  color: #000000;
}
.skin-purple-light .treeview-menu &gt; li.active &gt; a {
  font-weight: 600;
}
.skin-purple-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-purple-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-purple-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

/*
 * Skin: Pobla
 * ---------
 */
 .skin-pobla .main-header .navbar {
  background-color: #fdc252;
}
.skin-pobla .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-pobla .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-pobla .main-header .navbar .nav &gt; li &gt; a:active,
.skin-pobla .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-pobla .main-header .navbar .nav .open &gt; a,
.skin-pobla .main-header .navbar .nav .open &gt; a:hover,
.skin-pobla .main-header .navbar .nav .open &gt; a:focus,
.skin-pobla .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-pobla .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-pobla .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-pobla .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-pobla .main-header .navbar .sidebar-toggle:hover {
  background-color: #fdc252;
}
@media (max-width: 767px) {
  .skin-pobla .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-pobla .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-pobla .main-header .navbar .dropdown-menu li a:hover {
    background: #fdc252;
  }
}
.skin-pobla .main-header .logo {
  background-color: #fdc252;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-pobla .main-header .logo:hover {
  background-color: #fdc252;
}
.skin-pobla .main-header li.user-header {
  background-color: #fdc252;
}
.skin-pobla .content-header {
  background: transparent;
}
.skin-pobla .wrapper,
.skin-pobla .main-sidebar,
.skin-pobla .left-side {
  background-color: #222d32;
}
.skin-pobla .user-panel &gt; .info,
.skin-pobla .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-pobla .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-pobla .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-pobla .sidebar-menu &gt; li:hover &gt; a,
.skin-pobla .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #fdc252;
}
.skin-pobla .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-pobla .sidebar a {
  color: #b8c7ce;
}
.skin-pobla .sidebar a:hover {
  text-decoration: none;
}
.skin-pobla .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-pobla .treeview-menu &gt; li.active &gt; a,
.skin-pobla .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-pobla .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-pobla .sidebar-form input[type="text"],
.skin-pobla .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-pobla .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-pobla .sidebar-form input[type="text"]:focus,
.skin-pobla .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-pobla .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-pobla .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: IDE Uy
 * ---------
 */
.skin-ideuy .main-header .navbar {
  background-color: #3155a6;
}
.skin-ideuy .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-ideuy .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-ideuy .main-header .navbar .nav &gt; li &gt; a:active,
.skin-ideuy .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-ideuy .main-header .navbar .nav .open &gt; a,
.skin-ideuy .main-header .navbar .nav .open &gt; a:hover,
.skin-ideuy .main-header .navbar .nav .open &gt; a:focus,
.skin-ideuy .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-ideuy .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-ideuy .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-ideuy .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-ideuy .main-header .navbar .sidebar-toggle:hover {
  background-color: #3155a6;
}
@media (max-width: 767px) {
  .skin-ideuy .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-ideuy .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-ideuy .main-header .navbar .dropdown-menu li a:hover {
    background: #3155a6;
  }
}
.skin-ideuy .main-header .logo {
  background-color: #3155a6;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-ideuy .main-header .logo:hover {
  background-color: #3155a6;
}
.skin-ideuy .main-header li.user-header {
  background-color: #3155a6;
}
.skin-ideuy .content-header {
  background: transparent;
}
.skin-ideuy .wrapper,
.skin-ideuy .main-sidebar,
.skin-ideuy .left-side {
  background-color: #222d32;
}
.skin-ideuy .user-panel &gt; .info,
.skin-ideuy .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-ideuy .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-ideuy .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-ideuy .sidebar-menu &gt; li:hover &gt; a,
.skin-ideuy .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #3155a6;
}
.skin-ideuy .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-ideuy .sidebar a {
  color: #b8c7ce;
}
.skin-ideuy .sidebar a:hover {
  text-decoration: none;
}
.skin-ideuy .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-ideuy .treeview-menu &gt; li.active &gt; a,
.skin-ideuy .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-ideuy .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-ideuy .sidebar-form input[type="text"],
.skin-ideuy .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-ideuy .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-ideuy .sidebar-form input[type="text"]:focus,
.skin-ideuy .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-ideuy .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-ideuy .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: alzira
 * ---------
 */
 .skin-alzira .main-header .navbar {
  background-color: #A02739;
}
.skin-alzira .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-alzira .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-alzira .main-header .navbar .nav &gt; li &gt; a:active,
.skin-alzira .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-alzira .main-header .navbar .nav .open &gt; a,
.skin-alzira .main-header .navbar .nav .open &gt; a:hover,
.skin-alzira .main-header .navbar .nav .open &gt; a:focus,
.skin-alzira .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-alzira .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-alzira .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-alzira .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-alzira .main-header .navbar .sidebar-toggle:hover {
  background-color: #A02739;
}
@media (max-width: 767px) {
  .skin-alzira .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-alzira .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-alzira .main-header .navbar .dropdown-menu li a:hover {
    background: #A02739;
  }
}
.skin-alzira .main-header .logo {
  background-color: #A02739;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-alzira .main-header .logo:hover {
  background-color: #A02739;
}
.skin-alzira .main-header li.user-header {
  background-color: #A02739;
}
.skin-alzira .content-header {
  background: transparent;
}
.skin-alzira .wrapper,
.skin-alzira .main-sidebar,
.skin-alzira .left-side {
  background-color: #222d32;
}
.skin-alzira .user-panel &gt; .info,
.skin-alzira .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-alzira .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-alzira .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-alzira .sidebar-menu &gt; li:hover &gt; a,
.skin-alzira .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #A02739;
}
.skin-alzira .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-alzira .sidebar a {
  color: #b8c7ce;
}
.skin-alzira .sidebar a:hover {
  text-decoration: none;
}
.skin-alzira .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-alzira .treeview-menu &gt; li.active &gt; a,
.skin-alzira .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-alzira .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-alzira .sidebar-form input[type="text"],
.skin-alzira .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-alzira .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-alzira .sidebar-form input[type="text"]:focus,
.skin-alzira .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-alzira .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-alzira .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}


/*
 * Skin: libra
 * ---------
 */
 .skin-libra .main-header .navbar {
  background-color: #c70f2d;
}
.skin-libra .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-libra .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-libra .main-header .navbar .nav &gt; li &gt; a:active,
.skin-libra .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-libra .main-header .navbar .nav .open &gt; a,
.skin-libra .main-header .navbar .nav .open &gt; a:hover,
.skin-libra .main-header .navbar .nav .open &gt; a:focus,
.skin-libra .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-libra .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-libra .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-libra .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-libra .main-header .navbar .sidebar-toggle:hover {
  background-color: #c70f2d;
}
@media (max-width: 767px) {
  .skin-libra .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-libra .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-libra .main-header .navbar .dropdown-menu li a:hover {
    background: #c70f2d;
  }
}
.skin-libra .main-header .logo {
  background-color: #c70f2d;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-libra .main-header .logo:hover {
  background-color: #c70f2d;
}
.skin-libra .main-header li.user-header {
  background-color: #c70f2d;
}
.skin-libra .content-header {
  background: transparent;
}
.skin-libra .wrapper,
.skin-libra .main-sidebar,
.skin-libra .left-side {
  background-color: #222d32;
}
.skin-libra .user-panel &gt; .info,
.skin-libra .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-libra .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-libra .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-libra .sidebar-menu &gt; li:hover &gt; a,
.skin-libra .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #c70f2d;
}
.skin-libra .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-libra .sidebar a {
  color: #b8c7ce;
}
.skin-libra .sidebar a:hover {
  text-decoration: none;
}
.skin-libra .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-libra .treeview-menu &gt; li.active &gt; a,
.skin-libra .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-libra .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-libra .sidebar-form input[type="text"],
.skin-libra .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-libra .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-libra .sidebar-form input[type="text"]:focus,
.skin-libra .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-libra .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-libra .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: albacete
 * ---------
 */
 .skin-albacete .main-header .navbar {
  background-color: #1f4968;
}
.skin-albacete .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-albacete .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-albacete .main-header .navbar .nav &gt; li &gt; a:active,
.skin-albacete .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-albacete .main-header .navbar .nav .open &gt; a,
.skin-albacete .main-header .navbar .nav .open &gt; a:hover,
.skin-albacete .main-header .navbar .nav .open &gt; a:focus,
.skin-albacete .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-albacete .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-albacete .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-albacete .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-albacete .main-header .navbar .sidebar-toggle:hover {
  background-color: #1f4968;
}
@media (max-width: 767px) {
  .skin-albacete .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-albacete .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-albacete .main-header .navbar .dropdown-menu li a:hover {
    background: #1f4968;
  }
}
.skin-albacete .main-header .logo {
  background-color: #1f4968;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-albacete .main-header .logo:hover {
  background-color: #1f4968;
}
.skin-albacete .main-header li.user-header {
  background-color: #1f4968;
}
.skin-albacete .content-header {
  background: transparent;
}
.skin-albacete .wrapper,
.skin-albacete .main-sidebar,
.skin-albacete .left-side {
  background-color: #222d32;
}
.skin-albacete .user-panel &gt; .info,
.skin-albacete .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-albacete .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-albacete .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-albacete .sidebar-menu &gt; li:hover &gt; a,
.skin-albacete .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #1f4968;
}
.skin-albacete .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-albacete .sidebar a {
  color: #b8c7ce;
}
.skin-albacete .sidebar a:hover {
  text-decoration: none;
}
.skin-albacete .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-albacete .treeview-menu &gt; li.active &gt; a,
.skin-albacete .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-albacete .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-albacete .sidebar-form input[type="text"],
.skin-albacete .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-albacete .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-albacete .sidebar-form input[type="text"]:focus,
.skin-albacete .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-albacete .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-albacete .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}


/*
 * Skin: ormusa
 * ---------
 */
 .skin-ormusa .main-header .navbar {
  background-color: #c79abd;
}
.skin-ormusa .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-ormusa .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-ormusa .main-header .navbar .nav &gt; li &gt; a:active,
.skin-ormusa .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-ormusa .main-header .navbar .nav .open &gt; a,
.skin-ormusa .main-header .navbar .nav .open &gt; a:hover,
.skin-ormusa .main-header .navbar .nav .open &gt; a:focus,
.skin-ormusa .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-ormusa .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-ormusa .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-ormusa .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-ormusa .main-header .navbar .sidebar-toggle:hover {
  background-color: #651b55;
}
@media (max-width: 767px) {
  .skin-ormusa .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-ormusa .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-ormusa .main-header .navbar .dropdown-menu li a:hover {
    background: #651b55;
  }
}
.skin-ormusa .main-header .logo {
  background-color: #651b55;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-ormusa .main-header .logo:hover {
  background-color: #651b55;
}
.skin-ormusa .main-header li.user-header {
  background-color: #651b55;
}
.skin-ormusa .content-header {
  background: transparent;
}
.skin-ormusa .wrapper,
.skin-ormusa .main-sidebar,
.skin-ormusa .left-side {
  background-color: #222d32;
}
.skin-ormusa .user-panel &gt; .info,
.skin-ormusa .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-ormusa .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-ormusa .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-ormusa .sidebar-menu &gt; li:hover &gt; a,
.skin-ormusa .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #651b55;
}
.skin-ormusa .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-ormusa .sidebar a {
  color: #b8c7ce;
}
.skin-ormusa .sidebar a:hover {
  text-decoration: none;
}
.skin-ormusa .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-ormusa .treeview-menu &gt; li.active &gt; a,
.skin-ormusa .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-ormusa .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-ormusa .sidebar-form input[type="text"],
.skin-ormusa .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-ormusa .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-ormusa .sidebar-form input[type="text"]:focus,
.skin-ormusa .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-ormusa .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-ormusa .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}


/*
 * Skin: eliana
 * ---------
 */
 .skin-eliana .main-header .navbar {
  background-color: #d3002d;
}
.skin-eliana .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-eliana .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-eliana .main-header .navbar .nav &gt; li &gt; a:active,
.skin-eliana .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-eliana .main-header .navbar .nav .open &gt; a,
.skin-eliana .main-header .navbar .nav .open &gt; a:hover,
.skin-eliana .main-header .navbar .nav .open &gt; a:focus,
.skin-eliana .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-eliana .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-eliana .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-eliana .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-eliana .main-header .navbar .sidebar-toggle:hover {
  background-color: #d3002d;
}
@media (max-width: 767px) {
  .skin-eliana .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-eliana .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-eliana .main-header .navbar .dropdown-menu li a:hover {
    background: #d3002d;
  }
}
.skin-eliana .main-header .logo {
  background-color: #d3002d;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-eliana .main-header .logo:hover {
  background-color: #d3002d;
}
.skin-eliana .main-header li.user-header {
  background-color: #d3002d;
}
.skin-eliana .content-header {
  background: transparent;
}
.skin-eliana .wrapper,
.skin-eliana .main-sidebar,
.skin-eliana .left-side {
  background-color: #222d32;
}
.skin-eliana .user-panel &gt; .info,
.skin-eliana .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-eliana .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-eliana .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-eliana .sidebar-menu &gt; li:hover &gt; a,
.skin-eliana .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #d3002d;
}
.skin-eliana .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-eliana .sidebar a {
  color: #b8c7ce;
}
.skin-eliana .sidebar a:hover {
  text-decoration: none;
}
.skin-eliana .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-eliana .treeview-menu &gt; li.active &gt; a,
.skin-eliana .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-eliana .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-eliana .sidebar-form input[type="text"],
.skin-eliana .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-eliana .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-eliana .sidebar-form input[type="text"]:focus,
.skin-eliana .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-eliana .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-eliana .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: Talavera
 * ---------
 */
 .skin-talavera .main-header .navbar {
  background-color: #61ACCB;
}
.skin-talavera .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-talavera .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-talavera .main-header .navbar .nav &gt; li &gt; a:active,
.skin-talavera .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-talavera .main-header .navbar .nav .open &gt; a,
.skin-talavera .main-header .navbar .nav .open &gt; a:hover,
.skin-talavera .main-header .navbar .nav .open &gt; a:focus,
.skin-talavera .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-talavera .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-talavera .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-talavera .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-talavera .main-header .navbar .sidebar-toggle:hover {
  background-color: #61ACCB;
}
@media (max-width: 767px) {
  .skin-talavera .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-talavera .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-talavera .main-header .navbar .dropdown-menu li a:hover {
    background: #61ACCB;
  }
}
.skin-talavera .main-header .logo {
  background-color: #61ACCB;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-talavera .main-header .logo:hover {
  background-color: #61ACCB;
}
.skin-talavera .main-header li.user-header {
  background-color: #61ACCB;
}
.skin-talavera .content-header {
  background: transparent;
}
.skin-talavera .wrapper,
.skin-talavera .main-sidebar,
.skin-talavera .left-side {
  background-color: #222d32;
}
.skin-talavera .user-panel &gt; .info,
.skin-talavera .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-talavera .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-talavera .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-talavera .sidebar-menu &gt; li:hover &gt; a,
.skin-talavera .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #61ACCB;
}
.skin-talavera .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-talavera .sidebar a {
  color: #b8c7ce;
}
.skin-talavera .sidebar a:hover {
  text-decoration: none;
}
.skin-talavera .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-talavera .treeview-menu &gt; li.active &gt; a,
.skin-talavera .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-talavera .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-talavera .sidebar-form input[type="text"],
.skin-talavera .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-talavera .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-talavera .sidebar-form input[type="text"]:focus,
.skin-talavera .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-talavera .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-talavera .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: Mallorca
 * ---------
 */
 .skin-mallorca .main-header .navbar {
  background-color: #00665F;
}
.skin-mallorca .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-mallorca .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-mallorca .main-header .navbar .nav &gt; li &gt; a:active,
.skin-mallorca .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-mallorca .main-header .navbar .nav .open &gt; a,
.skin-mallorca .main-header .navbar .nav .open &gt; a:hover,
.skin-mallorca .main-header .navbar .nav .open &gt; a:focus,
.skin-mallorca .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-mallorca .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-mallorca .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-mallorca .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-mallorca .main-header .navbar .sidebar-toggle:hover {
  background-color: #00665F;
}
@media (max-width: 767px) {
  .skin-mallorca .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-mallorca .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-mallorca .main-header .navbar .dropdown-menu li a:hover {
    background: #00665F;
  }
}
.skin-mallorca .main-header .logo {
  background-color: #00665F;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-mallorca .main-header .logo:hover {
  background-color: #00665F;
}
.skin-mallorca .main-header li.user-header {
  background-color: #00665F;
}
.skin-mallorca .content-header {
  background: transparent;
}
.skin-mallorca .wrapper,
.skin-mallorca .main-sidebar,
.skin-mallorca .left-side {
  background-color: #222d32;
}
.skin-mallorca .user-panel &gt; .info,
.skin-mallorca .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-mallorca .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-mallorca .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-mallorca .sidebar-menu &gt; li:hover &gt; a,
.skin-mallorca .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #00665F;
}
.skin-mallorca .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-mallorca .sidebar a {
  color: #b8c7ce;
}
.skin-mallorca .sidebar a:hover {
  text-decoration: none;
}
.skin-mallorca .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-mallorca .treeview-menu &gt; li.active &gt; a,
.skin-mallorca .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-mallorca .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-mallorca .sidebar-form input[type="text"],
.skin-mallorca .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-mallorca .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-mallorca .sidebar-form input[type="text"]:focus,
.skin-mallorca .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-mallorca .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-mallorca .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: CSIC Granada
 * ---------
 */
 .skin-csicgranada .main-header .navbar {
  background-color: #568666;
}
.skin-csicgranada .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-csicgranada .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-csicgranada .main-header .navbar .nav &gt; li &gt; a:active,
.skin-csicgranada .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-csicgranada .main-header .navbar .nav .open &gt; a,
.skin-csicgranada .main-header .navbar .nav .open &gt; a:hover,
.skin-csicgranada .main-header .navbar .nav .open &gt; a:focus,
.skin-csicgranada .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-csicgranada .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-csicgranada .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-csicgranada .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-csicgranada .main-header .navbar .sidebar-toggle:hover {
  background-color: #568666;
}
@media (max-width: 767px) {
  .skin-csicgranada .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-csicgranada .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-csicgranada .main-header .navbar .dropdown-menu li a:hover {
    background: #568666;
  }
}
.skin-csicgranada .main-header .logo {
  background-color: #568666;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-csicgranada .main-header .logo:hover {
  background-color: #568666;
}
.skin-csicgranada .main-header li.user-header {
  background-color: #568666;
}
.skin-csicgranada .content-header {
  background: transparent;
}
.skin-csicgranada .wrapper,
.skin-csicgranada .main-sidebar,
.skin-csicgranada .left-side {
  background-color: #222d32;
}
.skin-csicgranada .user-panel &gt; .info,
.skin-csicgranada .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-csicgranada .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-csicgranada .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-csicgranada .sidebar-menu &gt; li:hover &gt; a,
.skin-csicgranada .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #568666;
}
.skin-csicgranada .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-csicgranada .sidebar a {
  color: #b8c7ce;
}
.skin-csicgranada .sidebar a:hover {
  text-decoration: none;
}
.skin-csicgranada .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-csicgranada .treeview-menu &gt; li.active &gt; a,
.skin-csicgranada .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-csicgranada .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-csicgranada .sidebar-form input[type="text"],
.skin-csicgranada .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-csicgranada .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-csicgranada .sidebar-form input[type="text"]:focus,
.skin-csicgranada .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-csicgranada .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-csicgranada .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/*
 * Skin: Ayto. Cartagena
 * ---------
 */
 .skin-cartagena .main-header .navbar {
  background-color: #004466;
}
.skin-cartagena .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-cartagena .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-cartagena .main-header .navbar .nav &gt; li &gt; a:active,
.skin-cartagena .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-cartagena .main-header .navbar .nav .open &gt; a,
.skin-cartagena .main-header .navbar .nav .open &gt; a:hover,
.skin-cartagena .main-header .navbar .nav .open &gt; a:focus,
.skin-cartagena .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-cartagena .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-cartagena .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-cartagena .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-cartagena .main-header .navbar .sidebar-toggle:hover {
  background-color: #004466;
}
@media (max-width: 767px) {
  .skin-cartagena .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-cartagena .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-cartagena .main-header .navbar .dropdown-menu li a:hover {
    background: #004466;
  }
}
.skin-cartagena .main-header .logo {
  background-color: #004466;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-cartagena .main-header .logo:hover {
  background-color: #004466;
}
.skin-cartagena .main-header li.user-header {
  background-color: #004466;
}
.skin-cartagena .content-header {
  background: transparent;
}
.skin-cartagena .wrapper,
.skin-cartagena .main-sidebar,
.skin-cartagena .left-side {
  background-color: #222d32;
}
.skin-cartagena .user-panel &gt; .info,
.skin-cartagena .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-cartagena .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-cartagena .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-cartagena .sidebar-menu &gt; li:hover &gt; a,
.skin-cartagena .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #004466;
}
.skin-cartagena .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-cartagena .sidebar a {
  color: #b8c7ce;
}
.skin-cartagena .sidebar a:hover {
  text-decoration: none;
}
.skin-cartagena .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-cartagena .treeview-menu &gt; li.active &gt; a,
.skin-cartagena .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-cartagena .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-cartagena .sidebar-form input[type="text"],
.skin-cartagena .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-cartagena .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-cartagena .sidebar-form input[type="text"]:focus,
.skin-cartagena .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-cartagena .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-cartagena .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}


.skin-atlasrenewableenergy .main-header .navbar {
  background-color: #FF5900;
}
.skin-atlasrenewableenergy .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-atlasrenewableenergy .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-atlasrenewableenergy .main-header .navbar .nav &gt; li &gt; a:active,
.skin-atlasrenewableenergy .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-atlasrenewableenergy .main-header .navbar .nav .open &gt; a,
.skin-atlasrenewableenergy .main-header .navbar .nav .open &gt; a:hover,
.skin-atlasrenewableenergy .main-header .navbar .nav .open &gt; a:focus,
.skin-atlasrenewableenergy .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-atlasrenewableenergy .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-atlasrenewableenergy .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-atlasrenewableenergy .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-atlasrenewableenergy .main-header .navbar .sidebar-toggle:hover {
  background-color: #FF5900;
}
@media (max-width: 767px) {
  .skin-atlasrenewableenergy .main-header .navbar .dropdown-menu li.divider {
    background-color: #DDDDDD;
  }
  .skin-atlasrenewableenergy .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-atlasrenewableenergy .main-header .navbar .dropdown-menu li a:hover {
    background: #FF5900;
  }
}
.skin-atlasrenewableenergy .main-header .logo {
  background-color: #FF5900;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-atlasrenewableenergy .main-header .logo:hover {
  background-color: #c74906;
}
.skin-atlasrenewableenergy .main-header li.user-header {
  background-color: #FF5900;
}
.skin-atlasrenewableenergy .content-header {
  background: transparent;
}
.skin-atlasrenewableenergy .wrapper,
.skin-atlasrenewableenergy .main-sidebar,
.skin-atlasrenewableenergy .left-side {
  background-color: #555555;
}
.skin-atlasrenewableenergy .user-panel &gt; .info,
.skin-atlasrenewableenergy .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-atlasrenewableenergy .sidebar-menu &gt; li.header {
  color: #3d3d3d;
  background: #3d3d3d;
}
.skin-atlasrenewableenergy .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-atlasrenewableenergy .sidebar-menu &gt; li:hover &gt; a,
.skin-atlasrenewableenergy .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #3d3d3d;
  border-left-color: #FF5900;
}
.skin-atlasrenewableenergy .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #4a4949;
}
.skin-atlasrenewableenergy .sidebar a {
  color: #e3d6cf;
}
.skin-atlasrenewableenergy .sidebar a:hover {
  text-decoration: none;
}
.skin-atlasrenewableenergy .treeview-menu &gt; li &gt; a {
  color: #9e9590;
}
.skin-atlasrenewableenergy .treeview-menu &gt; li.active &gt; a,
.skin-atlasrenewableenergy .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-atlasrenewableenergy .sidebar-form {
  border-radius: 3px;
  border: 1px solid #504437;
  margin: 10px 10px;
}
.skin-atlasrenewableenergy .sidebar-form input[type="text"],
.skin-atlasrenewableenergy .sidebar-form .btn {
  box-shadow: none;
  background-color: #504437;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-atlasrenewableenergy .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-atlasrenewableenergy .sidebar-form input[type="text"]:focus,
.skin-atlasrenewableenergy .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-atlasrenewableenergy .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-atlasrenewableenergy .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-atlasrenewableenergy.layout-top-nav .main-header &gt; .logo {
  background-color: #FF5900;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-atlasrenewableenergy.layout-top-nav .main-header &gt; .logo:hover {
  background-color: #504437;
}

/*
 * Skin: villarrobledo
 * ---------
 */
 .skin-villarrobledo .main-header .navbar {
  background-color: #f27d37;
}
.skin-villarrobledo .main-header .navbar .nav &gt; li &gt; a {
  color: #ffffff;
}
.skin-villarrobledo .main-header .navbar .nav &gt; li &gt; a:hover,
.skin-villarrobledo .main-header .navbar .nav &gt; li &gt; a:active,
.skin-villarrobledo .main-header .navbar .nav &gt; li &gt; a:focus,
.skin-villarrobledo .main-header .navbar .nav .open &gt; a,
.skin-villarrobledo .main-header .navbar .nav .open &gt; a:hover,
.skin-villarrobledo .main-header .navbar .nav .open &gt; a:focus,
.skin-villarrobledo .main-header .navbar .nav &gt; .active &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-villarrobledo .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-villarrobledo .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-villarrobledo .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-villarrobledo .main-header .navbar .sidebar-toggle:hover {
  background-color: #f27d37;
}
@media (max-width: 767px) {
  .skin-villarrobledo .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-villarrobledo .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-villarrobledo .main-header .navbar .dropdown-menu li a:hover {
    background: #f27d37;
  }
}
.skin-villarrobledo .main-header .logo {
  background-color: #f27d37;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-villarrobledo .main-header .logo:hover {
  background-color: #f27d37;
}
.skin-villarrobledo .main-header li.user-header {
  background-color: #f27d37;
}
.skin-villarrobledo .content-header {
  background: transparent;
}
.skin-villarrobledo .wrapper,
.skin-villarrobledo .main-sidebar,
.skin-villarrobledo .left-side {
  background-color: #222d32;
}
.skin-villarrobledo .user-panel &gt; .info,
.skin-villarrobledo .user-panel &gt; .info &gt; a {
  color: #fff;
}
.skin-villarrobledo .sidebar-menu &gt; li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-villarrobledo .sidebar-menu &gt; li &gt; a {
  border-left: 3px solid transparent;
}
.skin-villarrobledo .sidebar-menu &gt; li:hover &gt; a,
.skin-villarrobledo .sidebar-menu &gt; li.active &gt; a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #f27d37;
}
.skin-villarrobledo .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-villarrobledo .sidebar a {
  color: #b8c7ce;
}
.skin-villarrobledo .sidebar a:hover {
  text-decoration: none;
}
.skin-villarrobledo .treeview-menu &gt; li &gt; a {
  color: #8aa4af;
}
.skin-villarrobledo .treeview-menu &gt; li.active &gt; a,
.skin-villarrobledo .treeview-menu &gt; li &gt; a:hover {
  color: #ffffff;
}
.skin-villarrobledo .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-villarrobledo .sidebar-form input[type="text"],
.skin-villarrobledo .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-villarrobledo .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-villarrobledo .sidebar-form input[type="text"]:focus,
.skin-villarrobledo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-villarrobledo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-villarrobledo .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}</pre></body></html>