.skin-default .topbar {
  background: #4F5467; }
  .skin-default .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-default .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }

.skin-green {
  /*Theme Colors*/ }
  .skin-green .topbar {
    background: #00c292; }
    .skin-green .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
      display: none; }
    .skin-green .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
      display: inline-block;
      color: rgba(255, 255, 255, 0.8); }
  .skin-green .sidebar-nav ul li a.active, .skin-green .sidebar-nav ul li a:hover {
    color: #00c292; }
    .skin-green .sidebar-nav ul li a.active i, .skin-green .sidebar-nav ul li a:hover i {
      color: #00c292; }
  .skin-green .sidebar-nav > ul > li.active > a {
    color: #00c292;
    border-left: 3px solid #00c292; }
    .skin-green .sidebar-nav > ul > li.active > a i {
      color: #00c292; }
  .skin-green .page-titles .breadcrumb .breadcrumb-item.active {
    color: #00c292; }

.skin-megna {
  /*Theme Colors*/ }
  .skin-megna .topbar {
    background: #01c0c8; }
    .skin-megna .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
      display: none; }
    .skin-megna .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
      display: inline-block;
      color: rgba(255, 255, 255, 0.8); }
  .skin-megna .sidebar-nav ul li a.active, .skin-megna .sidebar-nav ul li a:hover {
    color: #01c0c8; }
    .skin-megna .sidebar-nav ul li a.active i, .skin-megna .sidebar-nav ul li a:hover i {
      color: #01c0c8; }
  .skin-megna .sidebar-nav > ul > li.active > a {
    color: #01c0c8;
    border-left: 3px solid #01c0c8; }
    .skin-megna .sidebar-nav > ul > li.active > a i {
      color: #01c0c8; }
  .skin-megna .page-titles .breadcrumb .breadcrumb-item.active {
    color: #01c0c8; }

.skin-purple {
  /*Theme Colors*/ }
  .skin-purple .topbar {
    background: #6f42c1; }
    .skin-purple .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
      display: none; }
    .skin-purple .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
      display: inline-block;
      color: rgba(255, 255, 255, 0.8); }
  .skin-purple .sidebar-nav ul li a.active, .skin-purple .sidebar-nav ul li a:hover {
    color: #6f42c1; }
    .skin-purple .sidebar-nav ul li a.active i, .skin-purple .sidebar-nav ul li a:hover i {
      color: #6f42c1; }
  .skin-purple .sidebar-nav > ul > li.active > a {
    color: #6f42c1;
    border-left: 3px solid #6f42c1; }
    .skin-purple .sidebar-nav > ul > li.active > a i {
      color: #6f42c1; }
  .skin-purple .page-titles .breadcrumb .breadcrumb-item.active {
    color: #6f42c1; }

.skin-red {
  /*Theme Colors*/ }
  .skin-red .topbar {
    background: #e46a76; }
    .skin-red .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
      display: none; }
    .skin-red .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
      display: inline-block;
      color: rgba(255, 255, 255, 0.8); }
  .skin-red .sidebar-nav ul li a.active, .skin-red .sidebar-nav ul li a:hover {
    color: #e46a76; }
    .skin-red .sidebar-nav ul li a.active i, .skin-red .sidebar-nav ul li a:hover i {
      color: #e46a76; }
  .skin-red .sidebar-nav > ul > li.active > a {
    color: #e46a76;
    border-left: 3px solid #e46a76; }
    .skin-red .sidebar-nav > ul > li.active > a i {
      color: #e46a76; }
  .skin-red .page-titles .breadcrumb .breadcrumb-item.active {
    color: #e46a76; }

.skin-blue {
  /*Theme Colors*/ }
  .skin-blue .topbar {
    background: #03a9f3; }
    .skin-blue .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
      display: none; }
    .skin-blue .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
      display: inline-block;
      color: rgba(255, 255, 255, 0.8); }
  .skin-blue .sidebar-nav ul li a.active, .skin-blue .sidebar-nav ul li a:hover {
    color: #03a9f3; }
    .skin-blue .sidebar-nav ul li a.active i, .skin-blue .sidebar-nav ul li a:hover i {
      color: #03a9f3; }
  .skin-blue .sidebar-nav > ul > li.active > a {
    color: #03a9f3;
    border-left: 3px solid #03a9f3; }
    .skin-blue .sidebar-nav > ul > li.active > a i {
      color: #03a9f3; }
  .skin-blue .page-titles .breadcrumb .breadcrumb-item.active {
    color: #03a9f3; }

.skin-blue-dark {
  /*Theme Colors*/ }
  .skin-blue-dark .topbar {
    background: #03a9f3; }
  .skin-blue-dark .sidebar-nav ul li a.active, .skin-blue-dark .sidebar-nav ul li a:hover {
    color: #03a9f3; }
    .skin-blue-dark .sidebar-nav ul li a.active i, .skin-blue-dark .sidebar-nav ul li a:hover i {
      color: #03a9f3; }
  .skin-blue-dark .sidebar-nav > ul > li.active > a {
    color: #03a9f3;
    border-left: 3px solid #03a9f3; }
    .skin-blue-dark .sidebar-nav > ul > li.active > a i {
      color: #03a9f3; }
  .skin-blue-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #03a9f3; }
  .skin-blue-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-blue-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-blue-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-blue-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }

.skin-default-dark {
  /*Theme Colors*/ }
  .skin-default-dark .topbar {
    background: #4F5467; }
  .skin-default-dark .sidebar-nav ul li a.active, .skin-default-dark .sidebar-nav ul li a:hover {
    color: #fb9678; }
    .skin-default-dark .sidebar-nav ul li a.active i, .skin-default-dark .sidebar-nav ul li a:hover i {
      color: #fb9678; }
  .skin-default-dark .sidebar-nav > ul > li.active > a {
    color: #fb9678;
    border-left: 3px solid #fb9678; }
    .skin-default-dark .sidebar-nav > ul > li.active > a i {
      color: #fb9678; }
  .skin-default-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #fb9678; }
  .skin-default-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-default-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-default-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-default-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }

.skin-green-dark {
  /*Theme Colors*/ }
  .skin-green-dark .topbar {
    background: #00c292; }
  .skin-green-dark .sidebar-nav ul li a.active, .skin-green-dark .sidebar-nav ul li a:hover {
    color: #00c292; }
    .skin-green-dark .sidebar-nav ul li a.active i, .skin-green-dark .sidebar-nav ul li a:hover i {
      color: #00c292; }
  .skin-green-dark .sidebar-nav > ul > li.active > a {
    color: #00c292;
    border-left: 3px solid #00c292; }
    .skin-green-dark .sidebar-nav > ul > li.active > a i {
      color: #00c292; }
  .skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #00c292; }
  .skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-green-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-green-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }

.skin-red-dark {
  /*Theme Colors*/ }
  .skin-red-dark .topbar {
    background: #e46a76; }
  .skin-red-dark .sidebar-nav ul li a.active, .skin-red-dark .sidebar-nav ul li a:hover {
    color: #e46a76; }
    .skin-red-dark .sidebar-nav ul li a.active i, .skin-red-dark .sidebar-nav ul li a:hover i {
      color: #e46a76; }
  .skin-red-dark .sidebar-nav > ul > li.active > a {
    color: #e46a76;
    border-left: 3px solid #e46a76; }
    .skin-red-dark .sidebar-nav > ul > li.active > a i {
      color: #e46a76; }
  .skin-red-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #e46a76; }
  .skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-red-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-red-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }

.skin-megna-dark {
  /*Theme Colors*/ }
  .skin-megna-dark .topbar {
    background: #01c0c8; }
  .skin-megna-dark .sidebar-nav ul li a.active, .skin-megna-dark .sidebar-nav ul li a:hover {
    color: #01c0c8; }
    .skin-megna-dark .sidebar-nav ul li a.active i, .skin-megna-dark .sidebar-nav ul li a:hover i {
      color: #01c0c8; }
  .skin-megna-dark .sidebar-nav > ul > li.active > a {
    color: #01c0c8;
    border-left: 3px solid #01c0c8; }
    .skin-megna-dark .sidebar-nav > ul > li.active > a i {
      color: #01c0c8; }
  .skin-megna-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #01c0c8; }
  .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-megna-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-megna-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }

.skin-purple-dark {
  /*Theme Colors*/ }
  .skin-purple-dark .topbar {
    background: #6f42c1; }
  .skin-purple-dark .sidebar-nav ul li a.active, .skin-purple-dark .sidebar-nav ul li a:hover {
    color: #6f42c1; }
    .skin-purple-dark .sidebar-nav ul li a.active i, .skin-purple-dark .sidebar-nav ul li a:hover i {
      color: #6f42c1; }
  .skin-purple-dark .sidebar-nav > ul > li.active > a {
    color: #6f42c1;
    border-left: 3px solid #6f42c1; }
    .skin-purple-dark .sidebar-nav > ul > li.active > a i {
      color: #6f42c1; }
  .skin-purple-dark .page-titles .breadcrumb .breadcrumb-item.active {
    color: #6f42c1; }
  .skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .skin-purple-dark .left-sidebar {
    background: #2b2b2b; }
    .skin-purple-dark .left-sidebar .user-pro-body a.link {
      color: #8d97ad; }
  @media (min-width: 768px) {
    .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
      background: #1f2023; } }


/*******************
 Right side toggle
*******************/
.right-sidebar {
  position: fixed;
  right: -240px;
  width: 240px;
  display: none;
  z-index: 1100;
  background: #fff;
  top: 0px;
  padding-bottom: 20px;
  height: 100%;
  box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease; }
  .right-sidebar .rpanel-title {
    display: block;
    padding: 22px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    background: #fb9678; }
    .right-sidebar .rpanel-title span {
      float: right;
      cursor: pointer;
      font-size: 11px; }
      .right-sidebar .rpanel-title span:hover {
        color: #fff; }
  .right-sidebar .r-panel-body {
    padding: 20px; }
    .right-sidebar .r-panel-body ul {
      margin: 0px;
      padding: 0px; }
      .right-sidebar .r-panel-body ul li {
        list-style: none;
        padding: 5px 0; }

.shw-rside {
  right: 0px;
  width: 240px;
  display: block; }

/*******************
 Right side toggle
*******************/
ul#themecolors {
  display: block; }
  ul#themecolors li {
    display: inline-block; }
    ul#themecolors li:first-child {
      display: block; }
    ul#themecolors li a {
      width: 50px;
      height: 50px;
      display: inline-block;
      margin: 5px;
      color: transparent;
      position: relative; }
      ul#themecolors li a.working:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        font-weight: 900;
        font-size: 18px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        text-align: center; }

.default-theme {
  background: #6c757d; }

.green-theme {
  background: #00c292; }

.yellow-theme {
  background: #fec107; }

.red-theme {
  background: #e46a76; }

.blue-theme {
  background: #03a9f3; }

.purple-theme {
  background: #ab8ce4; }

.megna-theme {
  background: #01c0c8; }

.default-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #6c757d 23%, #6c757d 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #6c757d 23%, #6c757d 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #6c757d 23%, #6c757d 99%); }

.green-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #00c292 23%, #00c292 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #00c292 23%, #00c292 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #00c292 23%, #00c292 99%); }

.yellow-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%); }

.blue-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #03a9f3 23%, #03a9f3 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #03a9f3 23%, #03a9f3 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #03a9f3 23%, #03a9f3 99%); }

.purple-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%); }

.megna-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%); }

.red-dark-theme {
  background: #343a40;
  /* Old browsers */
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #e46a76 23%, #e46a76 99%); }

.chatonline img {
  margin-right: 10px;
  float: left;
  width: 30px; }

.chatonline li a {
  padding: 13px 0;
  float: left;
  width: 100%; }
  .chatonline li a span {
    color: #212529; }
    .chatonline li a span small {
      display: block;
      font-size: 10px; }

/* perfect-scrollbar v0.7.1 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: transparent;
  width: 8px; }

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 6px; }

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px; }

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 6px; }

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 6px; }

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px; }

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 6px; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.9; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: rgba(0, 0, 0, 0.2);
  height: 6px; }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: rgba(0, 0, 0, 0.2);
  width: 6px; }

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6; }

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: rgba(0, 0, 0, 0.2); }

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: rgba(0, 0, 0, 0.2); }

#slimtest3.ps .ps__scrollbar-y-rail {
  left: 3px;
  right: auto; }

#slimtest4.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #01c0c8; }

#slimtest4.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #01c0c8; }

#slimtest4.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #01c0c8; }

/*******************
Custom-select
******************/
.custom-select {
  background: url(../../../assets/images/custom-select.png) right 0.75rem center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-size: none; }