/* Sample sidebar skins */
.isi-dark-theme .sidebar-panel {
  background-color: #0F131E;
}
.isi-dark-theme .sidebar-panel > .brand {
  background-color: #0F131E;
}
.isi-dark-theme .sidebar-panel > .brand a {
  color: #9FA0B5;
}
.isi-dark-theme .sidebar-panel > .brand a:active,
.isi-dark-theme .sidebar-panel > .brand a:focus,
.isi-dark-theme .sidebar-panel > .brand a:hover {
  color: #adaec0;
}
.isi-dark-theme .sidebar-panel > .brand .hamburger-icon span {
  background-color: #9FA0B5;
}
.isi-dark-theme .sidebar-panel > .brand .hamburger-icon:hover span {
  background-color: white;
}
.isi-dark-theme .sidebar-panel > nav > ul > li > ul {
  background-color: #483d8b;
}
.isi-dark-theme .sidebar-panel > nav > ul > li > a:hover,
.isi-dark-theme .sidebar-panel > nav > ul > li.open > a,
.isi-dark-theme .sidebar-panel > nav > ul > li.open > a:hover,
.isi-dark-theme .sidebar-panel > nav > ul > li.open > a:focus {
  background-color: #483d8b;
}
.isi-dark-theme .sidebar-panel > nav li.open > a,
.isi-dark-theme .sidebar-panel > nav li.active > a {
  color: white;
}
.isi-dark-theme .sidebar-panel > nav .open > a,
.isi-dark-theme .sidebar-panel > nav .open > a:hover,
.isi-dark-theme .sidebar-panel > nav .open > a:focus {
  background-color: transparent;
}
.isi-dark-theme .sidebar-panel > nav a {
  color: #9FA0B5;
}
.isi-dark-theme .sidebar-panel > nav a:active,
.isi-dark-theme .sidebar-panel > nav a:focus,
.isi-dark-theme .sidebar-panel > nav a:hover {
  color: white;
}
.isi-dark-theme .quick-launch-panel {
  background: #0F131E;
}
.isi-dark-theme .quick-launch-panel .close {
  background: #000000;
  color: #9FA0B5;
}
.isi-dark-theme .quick-launch-panel a {
  color: #9FA0B5;
}
.isi-dark-theme .quick-launch-panel a:hover {
  color: white;
}
@media screen and (min-width: 768px) {
  .isi-dark-theme .small-menu .sidebar-panel > nav li.open {
    background-color: #0c0f17;
  }
  .isi-dark-theme .small-menu .sidebar-panel nav > ul > li > .sub-menu {
    background-color: #0c0f17;
  }
}
.isi-dark-theme .main-panel > .header {
  background-color: #1A1F2F;
}
.isi-dark-theme .main-panel > .header .navbar-text {
  color: #9FA0B5;
}
.isi-dark-theme .main-panel > .header .nav > li > a {
  color: #9FA0B5;
}
.isi-dark-theme .main-panel > .header .nav > li > a:hover,
.isi-dark-theme .main-panel > .header .nav > li > a:focus {
  background-color: #4E4F6B;
  color: white;
}
.isi-dark-theme .main-panel > .header .nav .open > a,
.isi-dark-theme .main-panel > .header .nav .open > a:hover,
.isi-dark-theme .main-panel > .header .nav .open > a:focus {
  background-color: #4E4F6B;
  color: white;
}
.isi-dark-theme .main-panel > .header .hamburger-icon span {
  background: #9FA0B5;
}
.isi-dark-theme .main-panel > .header .hamburger-icon:hover span {
  background: white;
}
.isi-dark-theme .main {
  background-color: #1D253C;
  color: white;
}
.isi-dark-theme .main-panel {
  background-color: #1D253C;
}
.isi-dark-theme .chat-users {
  background: darkcyan;
}
.isi-dark-theme .configuration,
.isi-dark-theme .configuration-cog,
.isi-dark-theme .configuration-options > .title {
  background-color: cornflowerblue;
  color: white;
}
.isi-white-theme .sidebar-panel {
  background-color: #53586F;
}
.isi-white-theme .sidebar-panel > .brand {
  background-color: #555A72;
}
.isi-white-theme .sidebar-panel > .brand a {
  color: #A1A3BD;
}
.isi-white-theme .sidebar-panel > .brand a:active,
.isi-white-theme .sidebar-panel > .brand a:focus,
.isi-white-theme .sidebar-panel > .brand a:hover {
  color: #b0b2c8;
}
.isi-white-theme .sidebar-panel > .brand .hamburger-icon span {
  background-color: #A1A3BD;
}
.isi-white-theme .sidebar-panel > .brand .hamburger-icon:hover span {
  background-color: white;
}
.isi-white-theme .sidebar-panel > nav > ul > li > ul {
  background-color: #483d8b;
}
.isi-white-theme .sidebar-panel > nav > ul > li > a:hover,
.isi-white-theme .sidebar-panel > nav > ul > li.open > a,
.isi-white-theme .sidebar-panel > nav > ul > li.open > a:hover,
.isi-white-theme .sidebar-panel > nav > ul > li.open > a:focus {
  background-color: #483d8b;
}
.isi-white-theme .sidebar-panel > nav li.open > a,
.isi-white-theme .sidebar-panel > nav li.active > a {
  color: white;
}
.isi-white-theme .sidebar-panel > nav .open > a,
.isi-white-theme .sidebar-panel > nav .open > a:hover,
.isi-white-theme .sidebar-panel > nav .open > a:focus {
  background-color: transparent;
}
.isi-white-theme .sidebar-panel > nav a {
  color: #A1A3BD;
}
.isi-white-theme .sidebar-panel > nav a:active,
.isi-white-theme .sidebar-panel > nav a:focus,
.isi-white-theme .sidebar-panel > nav a:hover {
  color: white;
}
.isi-white-theme .quick-launch-panel {
  background: #53586F;
}
.isi-white-theme .quick-launch-panel .close {
  background: #3d4152;
  color: #A1A3BD;
}
.isi-white-theme .quick-launch-panel a {
  color: #A1A3BD;
}
.isi-white-theme .quick-launch-panel a:hover {
  color: white;
}
@media screen and (min-width: 768px) {
  .isi-white-theme .small-menu .sidebar-panel > nav li.open {
    background-color: #4f5369;
  }
  .isi-white-theme .small-menu .sidebar-panel nav > ul > li > .sub-menu {
    background-color: #4f5369;
  }
}
.isi-white-theme .main-panel > .header {
  background-color: #525371;
}
.isi-white-theme .main-panel > .header .navbar-text {
  color: #9FA0B5;
}
.isi-white-theme .main-panel > .header .nav > li > a {
  color: #9FA0B5;
}
.isi-white-theme .main-panel > .header .nav > li > a:hover,
.isi-white-theme .main-panel > .header .nav > li > a:focus {
  background-color: #4E4F6B;
  color: white;
}
.isi-white-theme .main-panel > .header .nav .open > a,
.isi-white-theme .main-panel > .header .nav .open > a:hover,
.isi-white-theme .main-panel > .header .nav .open > a:focus {
  background-color: #4E4F6B;
  color: white;
}
.isi-white-theme .main-panel > .header .hamburger-icon span {
  background: #9FA0B5;
}
.isi-white-theme .main-panel > .header .hamburger-icon:hover span {
  background: white;
}
.isi-white-theme .main {
  background-color: white;
  color: #616161;
}
.isi-white-theme .main-panel {
  background-color: white;
}
.isi-white-theme .chat-users {
  background: floralwhite;
}
.isi-white-theme .configuration,
.isi-white-theme .configuration-cog,
.isi-white-theme .configuration-options > .title {
  background-color: #525371;
  color: white;
}
