aside.skin-1 {
  background: #efefef;
}
aside.skin-1 .brand {
  background: #3c8dbc;
  color: #fff;
  border-bottom-color: #3b89b6;
}
aside.skin-1 .size-toggle {
  border-bottom-color: #dfdfdf;
  box-shadow: 0 1px 0 #f4f4f4;
  -moz-box-shadow: 0 1px 0 #f4f4f4;
  -webkit-box-shadow: 0 1px 0 #f4f4f4;
}
aside.skin-1 .size-toggle .btn {
  color: #777;
}
aside.skin-1 .size-toggle .btn:hover,
aside.skin-1 .size-toggle .btn:focus {
  color: #333;
}
aside.skin-1 .size-toggle .btn .icon-bar {
  background-color: #777;
}
aside.skin-1 .sidebar-inner {
  border-right-color: #dfdfdf;
}
aside.skin-1 .sidebar-inner .user-block {
  border-bottom-color: #dfdfdf;
  box-shadow: 0 1px 0 #f4f4f4;
  -moz-box-shadow: 0 1px 0 #f4f4f4;
  -webkit-box-shadow: 0 1px 0 #f4f4f4;
}
aside.skin-1 .sidebar-inner .user-block .detail {
  color: #777;
}
aside.skin-1 .sidebar-inner .user-block ul li a {
  color: #777;
}
aside.skin-1 .sidebar-inner .user-block ul li a:hover,
aside.skin-1 .sidebar-inner .user-block ul li a:focus {
  color: #333;
}
aside.skin-1 .sidebar-inner .search-block {
  border-bottom-color: #dfdfdf;
  box-shadow: 0 1px 0 #f4f4f4;
  -moz-box-shadow: 0 1px 0 #f4f4f4;
  -webkit-box-shadow: 0 1px 0 #f4f4f4;
}
aside.skin-1 .sidebar-inner .search-block input[type="text"],
aside.skin-1 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #777;
  border-color: #dfdfdf;
}
aside.skin-1 .main-menu > ul > li {
  border-top-color: #f4f4f4;
  border-bottom-color: #dfdfdf;
}
aside.skin-1 .main-menu > ul > li.active,
aside.skin-1 .main-menu > ul > li.display {
  border-top-color: #dfdfdf;
}
aside.skin-1 .main-menu > ul > li.active > a,
aside.skin-1 .main-menu > ul > li.display > a {
  background: #f9f9f9;
}
aside.skin-1 .main-menu > ul > li > a {
  color: #777;
}
aside.skin-1 .main-menu > ul > li > a:hover,
aside.skin-1 .main-menu > ul > li > a:focus {
  background: #f9f9f9;
}
aside.skin-1 .main-menu > ul > li > a .menu-hover {
  background: #3c8dbc;
  box-shadow: 0 0 10px 0px #439bce;
  -moz-box-shadow: 0 0 10px 0px #439bce;
  -webkit-box-shadow: 0 0 10px 0px #439bce;
}
aside.skin-1 .main-menu > ul > li > .submenu li a {
  background-color: #e6e6e6;
}
aside.skin-1 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #777;
}
aside.skin-1 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-1 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #222;
}
aside.skin-1 .main-menu > ul > li > .submenu li.active a {
  background: #f9f9f9;
}
aside.skin-1 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #555;
}
@media (max-width: 767px) {
  aside.skin-1 .main-menu > ul > li > .dropdown-menu li a {
    color: #777;
  }

  aside.skin-1 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-1 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #777;
    background: #f9f9f9;
  }
}
#top-nav.skin-1 {
  background: #3c8dbc;
  border-bottom-color: #3b89b6;
}
#top-nav.skin-1 .navbar-toggle .icon-bar {
  background-color: #fff;
}
#top-nav.skin-1 .brand {
  color: #c3e3f5;
  background: #3c8dbc;
}
#top-nav.skin-1 .page-title {
  color: #c3e3f5;
}
#top-nav.skin-1 .nav-notification > li.open {
  background: #3b89b6;
}
#top-nav.skin-1 .nav-notification > li:hover {
  background: #3b89b6;
}
#top-nav.skin-1 .nav-notification > li > a {
  color: #c3e3f5;
}
#top-nav.skin-1 .nav-notification > li > a:hover,
#top-nav.skin-1 .nav-notification > li > a:focus {
  color: #fff;
}
aside.skin-2 {
  background: #3a3a3a;
}
aside.skin-2 .brand {
  background: #3a3a3a;
  color: #fff;
  border-bottom-color: #444;
}
aside.skin-2 .size-toggle {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-2 .size-toggle .btn {
  color: #777;
}
aside.skin-2 .size-toggle .btn:hover,
aside.skin-2 .size-toggle .btn:focus {
  color: #fff;
}
aside.skin-2 .size-toggle .btn .icon-bar {
  background-color: #777;
}
aside.skin-2 .sidebar-inner {
  border-right-color: #333;
}
aside.skin-2 .sidebar-inner .user-block {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-2 .sidebar-inner .user-block .detail {
  color: #777;
}
aside.skin-2 .sidebar-inner .user-block ul li a {
  color: #777;
}
aside.skin-2 .sidebar-inner .user-block ul li a:hover,
aside.skin-2 .sidebar-inner .user-block ul li a:focus {
  color: #fff;
}
aside.skin-2 .sidebar-inner .search-block {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-2 .sidebar-inner .search-block input[type="text"],
aside.skin-2 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #777;
  border-color: #dfdfdf;
}
aside.skin-2 .main-menu > ul > li {
  border-top-color: #444;
  border-bottom-color: #333;
}
aside.skin-2 .main-menu > ul > li.active,
aside.skin-2 .main-menu > ul > li.display {
  border-top-color: #a93922;
}
aside.skin-2 .main-menu > ul > li.active > a,
aside.skin-2 .main-menu > ul > li.display > a {
  background: #bd3f26;
  color: #fff;
}
aside.skin-2 .main-menu > ul > li > a {
  color: #777;
}
aside.skin-2 .main-menu > ul > li > a:hover,
aside.skin-2 .main-menu > ul > li > a:focus {
  background: #bd3f26;
  color: #fff;
}
aside.skin-2 .main-menu > ul > li > a .menu-hover {
  background: #feffd8;
  box-shadow: 0 0 10px 0px #ffffff;
  -moz-box-shadow: 0 0 10px 0px #ffffff;
  -webkit-box-shadow: 0 0 10px 0px #ffffff;
}
aside.skin-2 .main-menu > ul > li > .submenu li a {
  background-color: #333;
}
aside.skin-2 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #777;
}
aside.skin-2 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-2 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #fff;
}
aside.skin-2 .main-menu > ul > li > .submenu li.active a {
  background: #bd3f26;
}
aside.skin-2 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #fff;
}
@media (max-width: 767px) {
  aside.skin-2 .main-menu > ul > li > .dropdown-menu li a {
    color: #777;
  }

  aside.skin-2 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-2 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #fff;
    background: #bd3f26;
  }
}
#top-nav.skin-2 {
  background: #bd3f26;
  border-bottom-color: #a93922;
}
#top-nav.skin-2 .navbar-toggle .icon-bar {
  background-color: #fff;
}
#top-nav.skin-2 .brand {
  color: #f4cdc5;
  background: #bd3f26;
}
#top-nav.skin-2 .page-title {
  color: #f4cdc5;
}
#top-nav.skin-2 .nav-notification > li.open {
  background: #a93922;
}
#top-nav.skin-2 .nav-notification > li:hover {
  background: #a93922;
}
#top-nav.skin-2 .nav-notification > li > a {
  color: #f4cdc5;
}
#top-nav.skin-2 .nav-notification > li > a:hover,
#top-nav.skin-2 .nav-notification > li > a:focus {
  color: #fff;
}
aside.skin-3 {
  background: #3e6b96;
}
aside.skin-3 .brand {
  background: #3e6b96;
  color: #d6e8f7;
  border-bottom-color: #4577a5;
}
aside.skin-3 .size-toggle {
  border-bottom-color: #396389;
  box-shadow: 0 1px 0 #4577a5;
  -moz-box-shadow: 0 1px 0 #4577a5;
  -webkit-box-shadow: 0 1px 0 #4577a5;
}
aside.skin-3 .size-toggle .btn {
  color: #d6e8f7;
}
aside.skin-3 .size-toggle .btn:hover,
aside.skin-3 .size-toggle .btn:focus {
  color: #fff;
}
aside.skin-3 .size-toggle .btn .icon-bar {
  background-color: #d6e8f7;
}
aside.skin-3 .sidebar-inner {
  border-right-color: #396389;
}
aside.skin-3 .sidebar-inner .user-block {
  border-bottom-color: #396389;
  box-shadow: 0 1px 0 #4577a5;
  -moz-box-shadow: 0 1px 0 #4577a5;
  -webkit-box-shadow: 0 1px 0 #4577a5;
}
aside.skin-3 .sidebar-inner .user-block .detail {
  color: #d6e8f7;
}
aside.skin-3 .sidebar-inner .user-block ul li a {
  color: #d6e8f7;
}
aside.skin-3 .sidebar-inner .user-block ul li a:hover,
aside.skin-3 .sidebar-inner .user-block ul li a:focus {
  color: #fff;
}
aside.skin-3 .sidebar-inner .search-block {
  border-bottom-color: #396389;
  box-shadow: 0 1px 0 #4577a5;
  -moz-box-shadow: 0 1px 0 #4577a5;
  -webkit-box-shadow: 0 1px 0 #4577a5;
}
aside.skin-3 .sidebar-inner .search-block input[type="text"],
aside.skin-3 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #777;
  border-color: #dfdfdf;
}
aside.skin-3 .main-menu > ul > li {
  border-top-color: #4577a5;
  border-bottom-color: #396389;
}
aside.skin-3 .main-menu > ul > li.active,
aside.skin-3 .main-menu > ul > li.display {
  border-top-color: #396389;
}
aside.skin-3 .main-menu > ul > li.active > a,
aside.skin-3 .main-menu > ul > li.display > a {
  background: #396389;
  color: #fff;
}
aside.skin-3 .main-menu > ul > li > a {
  color: #d6e8f7;
}
aside.skin-3 .main-menu > ul > li > a:hover,
aside.skin-3 .main-menu > ul > li > a:focus {
  background: #396389;
  color: #fff;
}
aside.skin-3 .main-menu > ul > li > a .menu-hover {
  background: #feffd8;
  box-shadow: 0 0 10px 0px #ffffff;
  -moz-box-shadow: 0 0 10px 0px #ffffff;
  -webkit-box-shadow: 0 0 10px 0px #ffffff;
}
aside.skin-3 .main-menu > ul > li > .submenu li a {
  background-color: #4577a5;
}
aside.skin-3 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #d6e8f7;
}
aside.skin-3 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-3 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #fff;
}
aside.skin-3 .main-menu > ul > li > .submenu li.active a {
  background: #396389;
}
aside.skin-3 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #fff;
}
@media (max-width: 767px) {
  aside.skin-3 .main-menu > ul > li > .dropdown-menu li a {
    color: #d6e8f7;
  }

  aside.skin-3 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-3 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #fff;
    background: #396389;
  }
}
#top-nav.skin-3 {
  background: #fff;
  border-bottom-color: #eee;
}
#top-nav.skin-3 .navbar-toggle .icon-bar {
  background-color: #999;
}
#top-nav.skin-3 .brand {
  color: #fff;
  background: #3e6b96;
}
#top-nav.skin-3 .page-title {
  color: #999;
}
#top-nav.skin-3 .nav-notification > li.open {
  background: rgba(252, 252, 252, 0.9);
}
#top-nav.skin-3 .nav-notification > li:hover {
  background: rgba(252, 252, 252, 0.9);
}
#top-nav.skin-3 .nav-notification > li > a {
  color: #999;
}
#top-nav.skin-3 .nav-notification > li > a:hover,
#top-nav.skin-3 .nav-notification > li > a:focus {
  color: #777;
}
aside.skin-4 {
  background: #635247;
}
aside.skin-4 .brand {
  background: #635247;
  color: #f7e4d7;
  border-bottom-color: #55473e;
}
aside.skin-4 .size-toggle {
  border-bottom-color: #55473e;
  box-shadow: 0 1px 0 #756155;
  -moz-box-shadow: 0 1px 0 #756155;
  -webkit-box-shadow: 0 1px 0 #756155;
}
aside.skin-4 .size-toggle .btn {
  color: #f7e4d7;
}
aside.skin-4 .size-toggle .btn:hover,
aside.skin-4 .size-toggle .btn:focus {
  color: #fff;
}
aside.skin-4 .size-toggle .btn .icon-bar {
  background-color: #f7e4d7;
}
aside.skin-4 .sidebar-inner {
  border-right-color: #55473e;
}
aside.skin-4 .sidebar-inner .user-block {
  border-bottom-color: #55473e;
  box-shadow: 0 1px 0 #756155;
  -moz-box-shadow: 0 1px 0 #756155;
  -webkit-box-shadow: 0 1px 0 #756155;
}
aside.skin-4 .sidebar-inner .user-block .detail {
  color: #f7e4d7;
}
aside.skin-4 .sidebar-inner .user-block ul li a {
  color: #f7e4d7;
}
aside.skin-4 .sidebar-inner .user-block ul li a:hover,
aside.skin-4 .sidebar-inner .user-block ul li a:focus {
  color: #fff;
}
aside.skin-4 .sidebar-inner .search-block {
  border-bottom-color: #55473e;
  box-shadow: 0 1px 0 #756155;
  -moz-box-shadow: 0 1px 0 #756155;
  -webkit-box-shadow: 0 1px 0 #756155;
}
aside.skin-4 .sidebar-inner .search-block input[type="text"],
aside.skin-4 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #777;
  border-color: #dfdfdf;
}
aside.skin-4 .main-menu > ul > li {
  border-top-color: #756155;
  border-bottom-color: #55473e;
}
aside.skin-4 .main-menu > ul > li.active,
aside.skin-4 .main-menu > ul > li.display {
  border-top-color: #55473e;
}
aside.skin-4 .main-menu > ul > li.active > a,
aside.skin-4 .main-menu > ul > li.display > a {
  background: #55473e;
  color: #fff;
}
aside.skin-4 .main-menu > ul > li > a {
  color: #f7e4d7;
}
aside.skin-4 .main-menu > ul > li > a:hover,
aside.skin-4 .main-menu > ul > li > a:focus {
  background: #55473e;
  color: #fff;
}
aside.skin-4 .main-menu > ul > li > a .menu-hover {
  background: #feffd8;
  box-shadow: 0 0 10px 0px #ffffff;
  -moz-box-shadow: 0 0 10px 0px #ffffff;
  -webkit-box-shadow: 0 0 10px 0px #ffffff;
}
aside.skin-4 .main-menu > ul > li > .submenu li a {
  background-color: #69594e;
}
aside.skin-4 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #f7e4d7;
}
aside.skin-4 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-4 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #fff;
}
aside.skin-4 .main-menu > ul > li > .submenu li.active a {
  background: #55473e;
}
aside.skin-4 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #fff;
}
@media (max-width: 767px) {
  aside.skin-4 .main-menu > ul > li > .dropdown-menu li a {
    color: #f7e4d7;
  }

  aside.skin-4 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-4 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #fff;
    background: #55473e;
  }
}
#top-nav.skin-4 {
  background: #635247;
  border-bottom-color: #55473e;
}
#top-nav.skin-4 .navbar-toggle .icon-bar {
  background-color: #f7e4d7;
}
#top-nav.skin-4 .brand {
  color: #f7e4d7;
  background: #635247;
}
#top-nav.skin-4 .page-title {
  color: #f7e4d7;
}
#top-nav.skin-4 .nav-notification > li.open {
  background: #55473e;
}
#top-nav.skin-4 .nav-notification > li:hover {
  background: #55473e;
}
#top-nav.skin-4 .nav-notification > li > a {
  color: #f7e4d7;
}
#top-nav.skin-4 .nav-notification > li > a:hover,
#top-nav.skin-4 .nav-notification > li > a:focus {
  color: #fff;
}

aside.skin-5 {
  background: #3a3a3a;
}
aside.skin-5 .size-toggle {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-5 .size-toggle .btn {
  color: #999;
}
aside.skin-5 .size-toggle .btn:hover,
aside.skin-5 .size-toggle .btn:focus {
  color: #fff;
}
aside.skin-5 .size-toggle .btn .icon-bar {
  background-color: #999;
}
aside.skin-5 .sidebar-inner {
  border-right-color: #333;
}
aside.skin-5 .sidebar-inner .user-block {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-5 .sidebar-inner .user-block .detail {
  color: #999;
}
aside.skin-5 .sidebar-inner .user-block ul li a {
  color: #999;
}
aside.skin-5 .sidebar-inner .user-block ul li a:hover,
aside.skin-5 .sidebar-inner .user-block ul li a:focus {
  color: #fff;
}
aside.skin-5 .sidebar-inner .search-block {
  border-bottom-color: #333;
  box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
}
aside.skin-5 .sidebar-inner .search-block input[type="text"],
aside.skin-5 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #999;
  border-color: #dfdfdf;
}
aside.skin-5 .main-menu > ul > li {
  border-top-color: #444;
  border-bottom-color: #333;
}
aside.skin-5 .main-menu > ul > li.active,
aside.skin-5 .main-menu > ul > li.display {
  border-top-color: #333;
}
aside.skin-5 .main-menu > ul > li.active > a,
aside.skin-5 .main-menu > ul > li.display > a {
  background: #333;
  color: #fff;
}
aside.skin-5 .main-menu > ul > li > a {
  color: #999;
}
aside.skin-5 .main-menu > ul > li > a:hover,
aside.skin-5 .main-menu > ul > li > a:focus {
  background: #333;
  color: #fff;
}
aside.skin-5 .main-menu > ul > li > a .menu-hover {
  background: #feffd8;
  box-shadow: 0 0 10px 0px #ffffff;
  -moz-box-shadow: 0 0 10px 0px #ffffff;
  -webkit-box-shadow: 0 0 10px 0px #ffffff;
}
aside.skin-5 .main-menu > ul > li > .submenu li a {
  background-color: #333;
}
aside.skin-5 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #999;
}
aside.skin-5 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-5 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #fff;
}
aside.skin-5 .main-menu > ul > li > .submenu li.active a {
  background: #222;
}
aside.skin-5 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #fff;
}
@media (max-width: 767px) {
  aside.skin-5 .main-menu > ul > li > .dropdown-menu li a {
    color: #999;
  }

  aside.skin-5 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-5 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #fff;
    background: #333;
  }
}
#top-nav.skin-5 {
  background: #3a3a3a;
  border-bottom-color: #333;
}
#top-nav.skin-5 .navbar-toggle .icon-bar {
  background-color: #fff;
}
#top-nav.skin-5 .brand {
  color: #999;
  background: #3a3a3a;
}
#top-nav.skin-5 .page-title {
  color: #999;
}
#top-nav.skin-5 .nav-notification > li.open {
  background: #333;
}
#top-nav.skin-5 .nav-notification > li:hover {
  background: #333;
}
#top-nav.skin-5 .nav-notification > li > a {
  color: #999;
}
#top-nav.skin-5 .nav-notification > li > a:hover,
#top-nav.skin-5 .nav-notification > li > a:focus {
  color: #fff;
}

aside.skin-6 {
  background: #495b6c;
  background: #244f96;
}
aside.skin-6 .size-toggle {
  border-bottom-color: #415160;
  box-shadow: 0 1px 0 #506274;
  -moz-box-shadow: 0 1px 0 #506274;
  -webkit-box-shadow: 0 1px 0 #506274;
}
aside.skin-6 .size-toggle .btn {
  color: #becfe0;
}
aside.skin-6 .size-toggle .btn:hover,
aside.skin-6 .size-toggle .btn:focus {
  color: #fff;
}
aside.skin-6 .size-toggle .btn .icon-bar {
  background-color: #becfe0;
}
aside.skin-6 .sidebar-inner {
  border-right-color: #415160;
}
aside.skin-6 .sidebar-inner .user-block {
  border-bottom-color: #415160;
  box-shadow: 0 1px 0 #506274;
  -moz-box-shadow: 0 1px 0 #506274;
  -webkit-box-shadow: 0 1px 0 #506274;
}
aside.skin-6 .sidebar-inner .user-block .detail {
  color: #becfe0;
}
aside.skin-6 .sidebar-inner .user-block ul li a {
  color: #becfe0;
}
aside.skin-6 .sidebar-inner .user-block ul li a:hover,
aside.skin-6 .sidebar-inner .user-block ul li a:focus {
  color: #fff;
}
aside.skin-6 .sidebar-inner .search-block {
  border-bottom-color: #415160;
  box-shadow: 0 1px 0 #506274;
  -moz-box-shadow: 0 1px 0 #506274;
  -webkit-box-shadow: 0 1px 0 #506274;
}
aside.skin-6 .sidebar-inner .search-block input[type="text"],
aside.skin-6 .sidebar-inner .search-block .btn {
  background: #fff;
  color: #becfe0;
  border-color: #dfdfdf;
}
aside.skin-6 .main-menu > ul > li {
  border-top-color: #506274;
  /*border-bottom-color: #415160;*/
  border-bottom-color: 20446f;
}
aside.skin-6 .main-menu > ul > li.active,
aside.skin-6 .main-menu > ul > li.display {
  border-top-color: #415160;
}
aside.skin-6 .main-menu > ul > li.active > a,
aside.skin-6 .main-menu > ul > li.display > a {
  /*background: #415160;*/
  background: #2a5398;
  color: #fff;
}
aside.skin-6 .main-menu > ul > li > a {
  color: #becfe0;
}
aside.skin-6 .main-menu > ul > li > a:hover,
aside.skin-6 .main-menu > ul > li > a:focus {
  background: #394754;
  color: #fff;
}
aside.skin-6 .main-menu > ul > li > a .menu-hover {
  background: #2e3943;
  /*box-shadow: 0 0 10px 0px #ffffff;
  -moz-box-shadow: 0 0 10px 0px #ffffff;
  -webkit-box-shadow: 0 0 10px 0px #ffffff;*/
}
aside.skin-6 .main-menu > ul > li > .submenu li a {
  background-color: #415160;
}
aside.skin-6 .main-menu > ul > li > .submenu li a .submenu-label {
  color: #becfe0;
}
aside.skin-6 .main-menu > ul > li > .submenu li a:hover .submenu-label,
aside.skin-6 .main-menu > ul > li > .submenu li a:focus .submenu-label {
  color: #fff;
}
aside.skin-6 .main-menu > ul > li > .submenu li.active a {
  background: #2e3943;
}
aside.skin-6 .main-menu > ul > li > .submenu li.active a .submenu-label {
  color: #fff;
}
@media (max-width: 767px) {
  aside.skin-6 .main-menu > ul > li > .dropdown-menu li a {
    color: #becfe0;
  }

  aside.skin-6 .main-menu > ul > li > .dropdown-menu li a:hover,
  aside.skin-6 .main-menu > ul > li > .dropdown-menu li a:focus {
    color: #fff;
    background: #415160;
  }
}
#top-nav.skin-6 {
  background: #ffffff;
  border-bottom-color: #dddddd;
}
#top-nav.skin-6 .navbar-toggle .icon-bar {
  background-color: #555;
}
#top-nav.skin-6 .brand {
}
#top-nav.skin-6 .brand:hover,
#top-nav.skin-6 .brand:focus {
  color: #555;
}
#top-nav.skin-6 .page-title {
  color: #becfe0;
}
#top-nav.skin-6 .nav-notification > li.open {
  background: #fff;
}
#top-nav.skin-6 .nav-notification > li:hover {
  background: #fff;
}
#top-nav.skin-6 .nav-notification > li > a {
  color: #555555;
}
#top-nav.skin-6 .nav-notification > li > a:hover,
#top-nav.skin-6 .nav-notification > li > a:focus {
  color: #555;
}

.max-w-90 {
  max-width: 90%;
}
.mar10 {
  margin: 10px;
}

.marR2 {
  margin-right: 2px;
}
.marR5 {
  margin-right: 5px;
}
.marR10 {
  margin-right: 10px;
}
.marR20 {
  margin-right: 20px;
}

.marT0 {
  margin-top: 0px !important;
}
.marT5 {
  margin-top: 5px !important;
}
.marT10 {
  margin-top: 10px;
}
.marT15 {
  margin-top: 15px;
}
.marT20 {
  margin-top: 20px;
}
.marT25 {
  margin-top: 25px;
}
.marT35 {
  margin-top: 35px;
}
.marT50 {
  margin-top: 50px;
}
.marT80 {
  margin-top: 80px;
}
.marT100 {
  margin-top: 100px;
}
.marT120 {
  margin-top: 120px;
}
.marT150 {
  margin-top: 150px;
}

.marB10 {
  margin-bottom: 10px !important;
}

.marB30 {
  margin-bottom: 30px !important;
}
.marB20 {
  margin-bottom: 20px !important;
}

.pad0 {
  padding: 0px !important;
}
.pad15 {
  padding: 15px;
}
.pad30 {
  padding: 30px;
}
.pad30 {
  padding: 30px;
}

.padr15 {
  padding-right: 15px !important;
}
.padl15 {
  padding-left: 15px !important;
}

.fl-right {
  float: right;
}

.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}

.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fcblack {
  color: #000000;
}
.fcred {
  color: #cb1400;
}
.fcblue {
  color: #346aff;
}
.fcgreen {
  color: #00aa55;
}
.fcorange {
  color: #ff5500;
}
.fontSize13 {
  font-size: 13px;
}
.login-head-text {
  font-size: 15px;
  margin-top: 5px;
}
.login-box {
  border: 1px solid #d4d4d4;
}
.login-body {
  padding: 40px;
}
.login-footer {
  text-align: center;
  width: 100%;
  margin: 50px 0px 10px 0px;
  color: #999999;
  font-size: 11px;
}
.login-search {
  text-align: right;
}

.fw-normal {
  font-weight: normal !important;
}

.line100 {
  width: 100%;
  /* padding: 15px;*/
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.grayBox {
  border: 1px solid #e5e5e5;
}
.agreeList {
  line-height: 30px;
}
.agreeContents {
  width: 100%;
  height: auto;
  /* height: expression(this.scrollHeight > 99 ? "100px": "auto"); */
  max-height: 380px;
  overflow-y: auto;
  line-height: 1.6em;
}
.madalTable {
  width: 100%;
  height: auto;
  /* height: expression(this.scrollHeight > 99 ? "100px": "auto"); */
  max-height: 260px;
  overflow-y: auto;
}
.modalTable-lg {
  width: 100%;
  height: auto;
  /* height: expression(this.scrollHeight > 99 ? "100px": "auto"); */
  max-height: 360px;
  overflow-y: auto;
}
.panelTable {
  width: 100%;
  overflow-y: auto;
}
.topLogout {
  color: #dddddd;
  border-left: 1px solid #dddddd;
}
.topLogout img {
  height: 17px;
}

.topSelect1 {
  border-radius: 20px;
  border: 2px solid #55bbff;
  height: 34px !important;
  line-height: 34px !important;
  background: #f9f9f9;
  color: #000000;
}
.topSelect2 {
  border-radius: 20px;
  height: 34px !important;
  line-height: 34px !important;
}

.posRel {
  position: relative;
  height: 100%;
}

.w100per {
  width: 100% !important;
}
.w50per {
  width: 50% !important;
}

.col2RightTop {
  position: sticky !important;
  width: 100%;
  height: 50px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  z-index: 99;
  margin: 0px;
  padding: 0px;
  float: left;
}
.faqList {
  font-size: 16px;
}

.ck-editor__editable {
  height: 400px;
}
.ck-content {
  font-size: 14px;
  color: #000000;
}

.tbl_list {
  width: 100%;
  font-size: 12px;
  _border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}

.tbl_list td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}
.tbl_list th {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}
.loginBg {
  background-image: url("../img/logoImg.png");
  background-size: 250px;
  background-repeat: no-repeat;
}

ul li.tag-item {
  display: inline-block;
  border: 1px solid #a5d24a;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 8px;
  text-decoration: none;
  background: #cde69c;
  color: #638421;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 14px;
}

.tag-item:hover {
  background-color: #262626;
  color: #fff;
}

.del-btn {
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  margin-left: 8px;
}

#att_zone {
  width: 100%;
  min-height: 150px;
  padding: 10px;
  border: 1px dotted #00f;
}

#att_zone:empty:before {
  content: attr(data-placeholder);
  color: #999;
  font-size: 0.9em;
}

@media (max-width: 1200px) {
  .tabletHiddne {
    display: none;
  }
  .marT150 {
    margin-top: 10px;
  }
  .marT120 {
    margin-top: 10px;
  }
  .marT100 {
    margin-top: 10px;
  }
  .loginBg {
    background-image: none;
  }
}

@media (min-width: 992px) {
  .col2Sc {
    overflow-y: auto;
    height: calc(100vh - 260px);
  }
}

@media (min-width: 1200px) {
  .pcHiddne {
    display: none;
  }
}