/* line 5, ../../app/styles/scss/layout/_wrapper.scss */

.wrapkit-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  min-height: 1280px;
  height: auto;
}

/* line 13, ../../app/styles/scss/layout/_wrapper.scss */

.wrapkit-wrapper.container {
  box-shadow: -5px 0 60px rgba(0, 0, 0, 0.175);
}

/* line 19, ../../app/styles/scss/layout/_wrapper.scss */

body > #external-iframe-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

/* line 1, ../../app/styles/scss/header/_header.scss */

header.header {
  position: relative;
  z-index: 1000;
}

/* line 5, ../../app/styles/scss/header/_header.scss */

header.header .navbar {
  border-width: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* line 10, ../../app/styles/scss/header/_header.scss */

header.header .navbar .navbar-toggle-alt {
  padding: 5px 10px;
}

/* line 14, ../../app/styles/scss/header/_header.scss */

header.header .navbar .navbar-block {
  display: block;
  width: 100%;
}

/* line 19, ../../app/styles/scss/header/_header.scss */

header.header .navbar .profile-nav {
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 24px;
  border-width: 1px;
}

/* line 29, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-fixed-top {
  padding-top: 50px;
}

/* line 32, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-fixed-top .header .navbar {
  border-width: 0 0 1px 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* line 37, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-fixed-bottom {
  padding-bottom: 50px;
}

/* line 40, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-fixed-bottom .header {
  top: auto;
  bottom: 0;
}

/* line 44, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-fixed-bottom .header .navbar {
  border-width: 1px 0 0;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.02);
}

/* line 51, ../../app/styles/scss/header/_header.scss */

body.wrapkit-sidebar-hidden:not(.wrapkit-header-fixed-bottom)
  header.header
  .navbar {
  padding-left: 57.5px;
}

/* line 58, ../../app/styles/scss/header/_header.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden:not(.wrapkit-header-fixed-bottom)
  header.header
  .navbar {
  padding-left: 0;
  padding-right: 57.5px;
}

@media (max-width: 767px) {
  /* line 71, ../../app/styles/scss/header/_header.scss */

  body.wrapkit-sidebar-coltonav header.header .navbar,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden header.header .navbar {
    padding-left: 0;
  }

  /* line 78, ../../app/styles/scss/header/_header.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-hidden
    header.header
    .navbar {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 86, ../../app/styles/scss/header/_header.scss */

  .header .container-fluid > .navbar-header > .navbar-nav {
    padding: 0 15px;
  }

  /* line 89, ../../app/styles/scss/header/_header.scss */

  header.header .navbar .profile-nav {
    float: none;
  }

  /* line 93, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav {
    margin: 0;
    display: inline-block;
  }

  /* line 97, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav > li {
    display: inline-block;
  }

  /* line 100, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav > li > a {
    padding: 15px;
  }

  /* line 104, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav > li .dropdown-menu {
    position: absolute;
    min-width: 160px;
    background-color: white;
    border: 1px solid #c6d3e0;
  }

  /* line 110, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav > li .dropdown-menu > li > a {
    line-height: initial;
    padding: 3px 20px;
  }
}

@media (max-width: 480px) {
  /* line 121, ../../app/styles/scss/header/_header.scss */

  .header .navbar-header > .navbar-nav {
    display: none;
  }
}

/* line 129, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-rtl .header {
  direction: rtl;
}

/* line 133, ../../app/styles/scss/header/_header.scss */

body.wrapkit-header-rtl .header .navbar-brand {
  float: right;
}

/* line 1, ../../app/styles/scss/content/_content.scss */

.content-wrapper {
  margin: 0;
  padding: 0 0 0 230px;
  min-height: 1280px;
  background: #f6f8fa;
  color: #3e5771;
  z-index: 997;
}

/* line 9, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header {
  position: relative;
  border-top: 1px solid #e7edf2;
  padding: 15px 22.5px;
  background-color: white;
}

/* line 15, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header .content-title-icon {
  position: absolute;
  right: 22.5px;
  top: 50%;
  color: #f6f8fa;
  font-size: 1.6em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* line 24, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header .content-title {
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #32475c;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 32, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header .content-title .content-subtitle {
  display: inline-block;
  margin-top: 8px;
  display: block;
  color: #95a5a6;
  font-size: 65%;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 41, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header .content-title .content-subtitle:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  padding: 0 5px 0 0;
}

/* line 55, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-header .breadcrumb {
  direction: ltr !important;
  display: inline-block;
  margin: 0;
  padding: 5px 15px;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

/* line 66, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions {
  /*border-top: 1px solid #e7edf2;*/
  padding: 5px 15px;
  /*background-color: white;*/
  background-color: transparent;
}

/* line 15, ../../app/styles/scss/bootstrap/mixins/_clearfix.scss */

.content-wrapper .content-actions:before,
.content-wrapper .content-actions:after {
  content: " ";
  display: table;
}

/* line 19, ../../app/styles/scss/bootstrap/mixins/_clearfix.scss */

.content-wrapper .content-actions:after {
  clear: both;
}

/* line 72, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions.affix {
  top: 0;
  border: 1px solid #e7edf2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  z-index: 2;
}

/* line 79, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions .btn-group {
  display: inline-block;
}

/* line 83, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions .breadcrumb {
  direction: ltr !important;
  margin: 0;
  background-color: transparent;
}

/* line 89, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions .nav-tabs {
  position: relative;
  padding: 0;
  border-bottom: none;
  margin-top: -8px;
  bottom: -4px;
}

/* line 98, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content-actions .nav-tabs:not(.nav-tabs-alt) > li.active > a,
.content-wrapper
  .content-actions
  .nav-tabs:not(.nav-tabs-alt)
  > li.active
  > a:hover,
.content-wrapper
  .content-actions
  .nav-tabs:not(.nav-tabs-alt)
  > li.active
  > a:focus {
  border-color: #20638f;
  background-color: #20638f;
  color: white;
}

/* line 106, ../../app/styles/scss/content/_content.scss */

.content-wrapper .content {
  border-top: 1px solid #e7edf2;
  padding: 15px 22.5px;
}

/* line 112, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-md .content-wrapper {
  /*padding: 0 0 0 80px;*/
  padding: 0 0 0 0px;
}

/* line 116, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-sm .content-wrapper {
  padding: 0 0 0 40px;
}

/* line 120, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-hidden .content-wrapper {
  padding: 0;
}

/* line 125, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-right .content-wrapper {
  padding: 0 230px 0 0;
}

/* line 129, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md .content-wrapper {
  padding: 0 80px 0 0;
}

/* line 133, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm .content-wrapper {
  padding: 0 40px 0 0;
}

/* line 137, ../../app/styles/scss/content/_content.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden .content-wrapper {
  padding: 0;
}

@media (max-width: 767px) {
  /* line 148, ../../app/styles/scss/content/_content.scss */

  body.wrapkit-sidebar-coltonav .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-md .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-sm .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden .content-wrapper {
    padding: 0;
  }

  /* line 156, ../../app/styles/scss/content/_content.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-md
    .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-sm
    .content-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-hidden
    .content-wrapper {
    padding: 0;
  }

  /* line 164, ../../app/styles/scss/content/_content.scss */

  .content-wrapper .content-header,
  .content-wrapper .content {
    padding: 10px 15px;
  }

  /* line 167, ../../app/styles/scss/content/_content.scss */

  .content-wrapper .content-actions {
    padding-right: 7px;
    padding-left: 7px;
  }
}

/* line 176, ../../app/styles/scss/content/_content.scss */

body.wrapkit-content-rtl .content-wrapper {
  direction: rtl;
}

/* line 179, ../../app/styles/scss/content/_content.scss */

body.wrapkit-content-rtl .content-wrapper .content-header .content-title-icon {
  right: auto;
  left: 22.5px;
}

/* line 184, ../../app/styles/scss/content/_content.scss */

body.wrapkit-content-rtl
  .content-wrapper
  .content-header
  .content-title
  .content-subtitle:before {
  content: "\f104";
  padding: 0 0 0 5px;
}

/* line 190, ../../app/styles/scss/content/_content.scss */

body.wrapkit-content-rtl pre {
  direction: ltr;
}

/* line 1, ../../app/styles/scss/content/_setup.scss */

.setup-wrapper {
  margin: -15px;
}

/* line 4, ../../app/styles/scss/content/_setup.scss */

.setup-lists {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 9, ../../app/styles/scss/content/_setup.scss */

.setup-lists-item {
  display: block;
  padding: 15px;
  border-top: 1px solid #e7edf2;
}

/* line 14, ../../app/styles/scss/content/_setup.scss */

.setup-lists-item:first-child {
  border-top: none;
}

/* line 18, ../../app/styles/scss/content/_setup.scss */

.setup-lists-item .setup-item-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 22, ../../app/styles/scss/content/_setup.scss */

.setup-lists-item .setup-item-text > small {
  color: #a1aab0;
}

/* line 27, ../../app/styles/scss/content/_setup.scss */

.setup-lists-item .form-control {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 0 4px;
  font-size: 12px;
  border-radius: 0;
}

/* line 38, ../../app/styles/scss/content/_setup.scss */

ul.color-lists {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

/* line 43, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li {
  display: inline-block;
}

/* line 46, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li > a {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  border: 6px solid #e7edf2;
  transition: ease border 0.3s;
  overflow: hidden;
}

/* line 55, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li > a > img {
  width: 100%;
  height: 100%;
}

/* line 60, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li > a:hover {
  text-decoration: none;
  border-width: 4px;
  border-color: #b6c6d7;
}

/* line 66, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li > a.skin-img {
  border-width: 2px;
  border-radius: 0;
}

/* line 73, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li.active a {
  border-width: 4px;
  border-color: #000;
}

/* line 78, ../../app/styles/scss/content/_setup.scss */

ul.color-lists > li.active a.skin-img {
  border-width: 2px;
  border-color: #000;
}

/* line 1, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar {
  position: absolute;
  top: 50px;
  bottom: 0;
  padding-bottom: 10px;
  width: 230px;
  background-color: #202d3b;
  color: #bdc3c7;
  border-right: 1px solid #1b2631;
  z-index: 999;
}

/* line 12, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar.navbar-collapse {
  padding: 0;
  overflow: visible;
  max-height: none;
  z-index: 999;
}

/* line 19, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions {
  position: relative;
  margin: 0 0 0 0;
  padding: 0;
  border-top: 1px solid #1b2631;
  border-bottom: 1px solid #1b2631;
  z-index: 99;
}

/* line 27, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-pane {
  display: none;
}

/* line 30, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-pane.active {
  display: block;
}

/* line 35, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .dropdown-menu li:not(.divider) {
  height: auto;
}

/* line 39, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-bar {
  margin: 0;
  padding: 0 15px;
  list-style: none;
}

/* line 44, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-bar > li {
  position: relative;
  margin-bottom: -1px;
  margin-right: -3px;
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 25%;
}

/* line 53, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-bar > li > a {
  position: static;
  color: #95a5a6;
  padding: 10px 0;
  display: block;
  text-align: center;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 3px 0;
  font-size: 17px;
  line-height: 18px;
}

/* line 65, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-bar > li > a:hover {
  border-color: #20638f;
  color: white;
}

/* line 72, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-actions-bar > li.open > a {
  color: white;
  border-color: #20638f;
  box-shadow: none;
}

/* line 84, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-form-search {
  margin: 0;
  padding: 0 15px;
  background-color: #1b2631;
  border-right: 1px solid #1b2631;
}

/* line 90, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-form-search .form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 40px;
  padding: 10px 10px 10px 0;
  color: #bdc3c7;
}

/* line 98, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-form-search .form-control :focus {
  box-shadow: none;
}

/* line 107, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-actions .sidebar-form-search .btn,
.sidebar .sidebar-actions .sidebar-form-search .btn:visited,
.sidebar .sidebar-actions .sidebar-form-search .btn:active,
.sidebar .sidebar-actions .sidebar-form-search .btn:focus {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  color: #bdc3c7;
  box-shadow: none;
}

/* line 120, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav {
  padding-bottom: 10px;
  overflow: auto;
}

/* line 124, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav {
  border-bottom: 1px solid #293a4b;
}

/* line 127, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #1b2631;
  height: 4px;
  margin: 0 0;
}

/* line 132, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .divider:first-child {
  margin-top: 0;
}

/* line 137, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .nav-header {
  padding: 10px 15px 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #95a5a6;
  border-top: 1px solid #293a4b;
  border-bottom: 1px solid #17212a;
  white-space: nowrap;
}

/* line 146, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .nav-header .nav-header-icon {
  padding: 0;
  color: inherit;
  float: right;
  background-color: transparent;
}

/* line 152, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .nav-header .nav-header-icon:hover {
  color: white;
}

/* line 157, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav .nav-header .nav-header-text {
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 164, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li {
  position: static;
}

/* line 167, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li a {
  /*text-decoration: none !important;*/
  text-decoration: none;
}

/* line 171, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item {
  border-top: 1px solid #293a4b;
  border-bottom: 1px solid #17212a;
  border-right: 1px solid #202d3b;
  white-space: nowrap;
}

/* line 177, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-loader {
  position: absolute;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.15);
  z-index: 2;
}

/* line 184, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-loader > i {
  position: absolute;
  top: 14px;
  right: 15px;
}

/* line 192, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.loader-state > a {
  color: #bdc3c7 !important;
}

/* line 196, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.loader-state > a .caret,
.sidebar .sidebar-nav .nav li.nav-item.loader-state > a .badge {
  visibility: hidden;
}

/* line 200, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.loader-state > a .nav-item-icon {
  color: #95a5a6 !important;
}

/* line 206, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .loader-state > a {
  color: #bdc3c7 !important;
}

/* line 210, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .loader-state > a .caret,
.sidebar .sidebar-nav .nav li.nav-item .loader-state > a .badge {
  visibility: hidden;
}

/* line 214, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .loader-state > a .nav-item-icon {
  color: #95a5a6 !important;
}

/* line 219, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a {
  /*padding: 10px 15px;*/
  /*padding: 5px 15px;*/
  padding: 7px 15px;
  border-style: solid;
  border-width: 0 0 0 4px;
  border-color: transparent;
  background-color: #202d3b;
  color: #bdc3c7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 228, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a .badge,
.sidebar .sidebar-nav .nav li.nav-item a .caret {
  position: relative;
  float: right;
  margin-left: 10px;
  z-index: 3;
}

/* line 235, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a .badge {
  top: 2px;
  right: -4px;
  padding: 3px 6px;
  color: #bdc3c7;
  background-color: #1b2631;
}

/* line 242, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a .caret {
  border-color: transparent;
  color: #bdc3c7;
  width: 14px;
}

/* line 248, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a:hover {
  background-color: #1b2631;
  color: white;
}

/* line 252, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a:hover .caret {
  color: white;
}

/* line 256, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a:hover .badge {
  color: white;
  background-color: #20638f;
}

/* line 261, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a:hover .nav-item-icon {
  color: white;
}

/* line 267, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a .nav-item-icon {
  font-size: 14px;
  color: #95a5a6;
  min-width: 14px;
}

/* line 273, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item a .nav-item-text {
  padding-left: 10px;
  font-size: 14px;
  color: inherit;
}

/* line 289, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.active > a,
.sidebar .sidebar-nav .nav li.nav-item.active > a.active,
.sidebar .sidebar-nav .nav li.nav-item.active > a:active,
.sidebar .sidebar-nav .nav li.nav-item.active > a:hover,
.sidebar .sidebar-nav .nav li.nav-item.active > a:focus,
.sidebar .sidebar-nav .nav li.nav-item.active > a:visited,
.sidebar .sidebar-nav .nav li.nav-item.open > a,
.sidebar .sidebar-nav .nav li.nav-item.open > a.active,
.sidebar .sidebar-nav .nav li.nav-item.open > a:active,
.sidebar .sidebar-nav .nav li.nav-item.open > a:hover,
.sidebar .sidebar-nav .nav li.nav-item.open > a:focus,
.sidebar .sidebar-nav .nav li.nav-item.open > a:visited {
  background-color: #1b2631;
  color: white;
  outline: 0;
}

/* line 294, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.active > a .badge,
.sidebar .sidebar-nav .nav li.nav-item.active > a.active .badge,
.sidebar .sidebar-nav .nav li.nav-item.active > a:active .badge,
.sidebar .sidebar-nav .nav li.nav-item.active > a:hover .badge,
.sidebar .sidebar-nav .nav li.nav-item.active > a:focus .badge,
.sidebar .sidebar-nav .nav li.nav-item.active > a:visited .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a.active .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a:active .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a:hover .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a:focus .badge,
.sidebar .sidebar-nav .nav li.nav-item.open > a:visited .badge {
  color: white;
  background-color: #20638f;
}

/* line 298, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.active > a .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.active > a.active .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.active > a:active .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.active > a:hover .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.active > a:focus .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.active > a:visited .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a.active .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a:active .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a:hover .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a:focus .nav-item-icon,
.sidebar .sidebar-nav .nav li.nav-item.open > a:visited .nav-item-icon {
  color: white;
}

/* line 311, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.open > a,
.sidebar .sidebar-nav .nav li.nav-item.open > a.active,
.sidebar .sidebar-nav .nav li.nav-item.open > a:active,
.sidebar .sidebar-nav .nav li.nav-item.open > a:hover,
.sidebar .sidebar-nav .nav li.nav-item.open > a:focus,
.sidebar .sidebar-nav .nav li.nav-item.open > a:visited {
  border-color: transparent;
}

/* line 315, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.open .nav-item-child {
  display: block;
}

/* line 318, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.open .nav-item-child > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 329, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item.active > a,
.sidebar .sidebar-nav .nav li.nav-item.active > a.active,
.sidebar .sidebar-nav .nav li.nav-item.active > a:active,
.sidebar .sidebar-nav .nav li.nav-item.active > a:hover,
.sidebar .sidebar-nav .nav li.nav-item.active > a:focus,
.sidebar .sidebar-nav .nav li.nav-item.active > a:visited {
  border-color: #20638f;
}

/* line 334, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child {
  list-style: none;
  margin-bottom: 0;
  padding: 10px 0;
  display: none;
}

/* line 340, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child li.divider {
  margin: 10px 15px;
  height: 1px;
}

/* line 345, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li {
  position: relative;
  display: block;
  border-bottom: 1px solid transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s ease;
}

/* line 353, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li > a {
  display: block;
  font-size: 13px;
  background-color: transparent;
  color: #bdc3c7;
  padding: 10px 15px;
  padding-left: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 362, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li > a:hover {
  text-decoration: none;
  color: white;
  background-color: #1b2631;
}

/* line 368, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li > a .caret {
  float: left;
  margin-left: -20px;
}

/* line 373, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li > a .nav-item-text {
  padding-left: 0;
}

/* line 386, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a.active,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a:active,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a:hover,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a:focus,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a:visited,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a.active,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a:active,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a:hover,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a:focus,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a:visited {
  color: white;
  background-color: #1b2631;
}

/* line 390, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.active > a .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li.open > a .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #20638f;
}

/* line 397, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  .nav-item-child,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  .nav-item-child {
  display: block;
}

/* line 400, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  .nav-item-child
  > li,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  .nav-item-child
  > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 407, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li .nav-item-child {
  display: none;
}

/* line 410, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar .sidebar-nav .nav li.nav-item .nav-item-child > li .nav-item-child li {
  position: relative;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s ease;
}

/* line 416, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a {
  padding-left: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 428, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a.active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:hover,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:focus,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:visited {
  color: white;
  background-color: #1b2631;
}

/* line 433, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  .nav-item-child,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  .nav-item-child {
  display: block;
}

/* line 436, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  .nav-item-child
  > li,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  .nav-item-child
  > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 443, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child {
  display: none;
}

/* line 446, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li {
  position: relative;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s ease;
}

/* line 452, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li
  > a {
  padding-left: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 464, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a.active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a:active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a:hover,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a:focus,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  > a:visited,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a.active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a:active,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a:hover,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a:focus,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  > a:visited {
  color: white;
  background-color: #1b2631;
}

/* line 469, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  .nav-item-child,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  .nav-item-child {
  display: block;
}

/* line 472, ../../app/styles/scss/sidebar/_sidebar.scss */

.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.active
  .nav-item-child
  > li,
.sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li.open
  .nav-item-child
  > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 504, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar {
  width: 80px;
}

/* line 507, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-actions {
  margin: 0;
  width: 80px;
  background-color: #202d3b;
  white-space: nowrap;
  border-right: 1px solid #1b2631;
}

/* line 515, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-md .sidebar .sidebar-actions.open {
  width: 320px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 519, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions:hover
  .sidebar-actions-bar
  > li,
body.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions.open
  .sidebar-actions-bar
  > li {
  display: inline-block !important;
}

/* line 524, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-actions .sidebar-actions-bar {
  padding: 0;
}

/* line 527, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-actions .sidebar-actions-bar > li {
  width: 80px;
}

/* line 530, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li:not(:first-child) {
  display: none;
}

/* line 536, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  margin-top: -5px;
  height: 20px;
  width: 100%;
  background-color: transparent;
  z-index: -2;
}

/* line 551, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav {
  overflow: visible;
}

/* line 556, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav .divider {
  display: none;
}

/* line 561, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav .nav-header {
  padding: 0;
  white-space: nowrap;
  border-top: none;
  border-bottom: 1px solid #1b2631;
}

/* line 567, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-icon {
  float: none;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 10px 0;
}

/* line 575, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  position: absolute;
  margin-top: -40px;
  left: 85px;
  display: none;
  padding: 10px 15px;
  background-color: #202d3b;
  border-radius: 4px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
  width: auto;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 589, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #202d3b;
  border-style: solid;
  border-width: 5px 5px 5px 0;
}

/* line 606, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header:hover
  .nav-header-text {
  display: block;
}

/* line 613, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item {
  position: static;
}

/* line 616, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item .badge {
  position: absolute;
  top: 4px;
  right: 10px;
}

/* line 622, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  top: 4px;
  right: 15px;
}

/* line 628, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .badge {
  visibility: hidden;
}

/* line 633, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item > a {
  border: none;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
}

/* line 639, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item > a .caret {
  display: none;
}

/* line 645, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item .nav-item-icon {
  display: block;
  /*font-size: 20px;
  padding: 0 0 4px 0;*/
  font-size: 25px;
  padding: 0 0 3px 0;
}

/* line 651, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md .sidebar .sidebar-nav .nav li.nav-item .nav-item-text {
  display: block;
  padding: 3px 3px 0 3px;
  /*font-size: 0.9rem;*/
  /*font-width: 400;*/
  /*text-transform: uppercase;*/
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 658, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item:hover
  > .nav-item-child {
  display: block !important;
}

/* line 661, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item:hover
  > .nav-item-child
  > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 666, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  position: absolute;
  padding: 0;
  margin-top: -63px;
  min-width: 240px;
  left: 85px;
  white-space: nowrap;
  /* make box available auto width */
  background-clip: padding-box;
  background-color: #202d3b;
  border-radius: 4px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 678, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before {
  position: absolute;
  content: "";
  top: 20px;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #202d3b;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  z-index: 2;
}

/* line 694, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: -7px;
  width: 7px;
  background-color: transparent;
  z-index: 1;
}

/* line 707, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a {
  padding-left: 20px;
}

/* line 710, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .caret {
  margin-left: -20px;
}

/* line 714, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .nav-item-text {
  font-size: 14px;
}

/* line 718, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .badge {
  position: relative;
  float: right;
  top: auto;
  right: auto;
}

/* line 727, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:first-child
  > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 731, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 742, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a {
  padding-left: 30px;
}

/* line 745, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .caret {
  margin-left: -20px;
}

/* line 749, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .nav-item-text {
  font-size: 14px;
}

/* line 753, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .badge {
  position: relative;
  float: right;
  top: auto;
  right: auto;
}

/* line 763, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  a {
  padding-left: 40px;
}

/* line 768, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  .nav-item-child
  a {
  padding-left: 50px;
}

/* line 799, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar {
  width: 40px;
}

/* line 802, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-actions {
  margin: 0;
  width: 40px;
  background-color: #202d3b;
  border-right: 1px solid #1b2631;
  white-space: nowrap;
}

/* line 810, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-sm .sidebar .sidebar-actions.open {
  width: 280px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 814, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions:hover
  .sidebar-actions-bar
  > li,
body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions.open
  .sidebar-actions-bar
  > li {
  display: inline-block !important;
}

/* line 819, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-actions .sidebar-actions-bar {
  padding: 0;
}

/* line 822, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-actions .sidebar-actions-bar > li {
  width: 40px;
}

/* line 825, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li:not(:first-child) {
  display: none;
  width: 80px;
}

/* line 832, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  margin-top: -5px;
  height: 20px;
  width: 100%;
  background-color: transparent;
  z-index: -2;
}

/* line 847, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav {
  overflow: visible;
}

/* line 852, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav .divider {
  display: none;
}

/* line 857, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav .nav-header {
  padding: 0;
  white-space: nowrap;
  border-top: none;
  border-bottom: 1px solid #1b2631;
}

/* line 863, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-icon {
  float: none;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 10px 0;
}

/* line 871, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  position: absolute;
  margin-top: -40px;
  left: 45px;
  display: none;
  padding: 10px 15px;
  background-color: #202d3b;
  border-radius: 4px;
  z-index: 1;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
  width: auto;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 886, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #202d3b;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  z-index: 1;
}

/* line 903, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header:hover
  .nav-header-text {
  display: block;
}

/* line 909, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item {
  position: static;
  white-space: initial;
}

/* line 913, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  top: 10px;
  right: 15px;
}

/* line 920, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .badge,
body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon {
  visibility: hidden;
}

/* line 925, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item > a {
  position: static;
  border: none;
  padding: 10px 0;
  text-align: center;
  white-space: initial;
  overflow: initial;
  text-overflow: initial;
  width: auto;
}

/* line 935, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item > a .badge {
  position: absolute;
  top: auto;
  margin-top: -15px;
  right: -5px;
}

/* line 943, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item > a .caret {
  display: none;
}

/* line 948, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  position: absolute;
  left: 45px;
  margin-top: -28px;
  display: none;
  background-color: inherit;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  z-index: 1;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.175);
}

/* line 964, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #1b2631;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  z-index: 1;
}

/* line 985, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item .nav-item-icon {
  display: block;
  font-size: 18px;
}

/* line 990, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm .sidebar .sidebar-nav .nav li.nav-item .nav-item-text {
  /*display: block;*/
  display: none;
  padding: 0 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 998, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item:hover
  > a
  > .nav-item-text {
  display: block;
}

/* line 1002, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item:hover
  > .nav-item-child {
  display: block !important;
}

/* line 1005, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item:hover
  > .nav-item-child
  > li {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 1013, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  > .nav-item-text,
body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  > .nav-item-text {
  min-width: 240px;
}

/* line 1018, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  position: absolute;
  padding: 0;
  margin-top: -1px;
  min-width: 240px;
  left: 45px;
  white-space: nowrap;
  /* make box available auto width */
  background-clip: padding-box;
  background-color: #202d3b;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 1;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 1032, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:after {
  content: "";
  position: absolute;
  height: 100%;
  top: -35px;
  left: -7px;
  width: 7px;
  background-color: transparent;
  z-index: 1;
}

/* line 1045, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a {
  padding-left: 20px;
}

/* line 1048, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .caret {
  margin-left: -20px;
}

/* line 1052, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .nav-item-text {
  font-size: 14px;
}

/* line 1056, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li
  > a
  .badge {
  position: relative;
  float: right;
  top: auto;
  right: auto;
}

/* line 1065, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 1076, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a {
  padding-left: 30px;
}

/* line 1079, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .caret {
  margin-left: -20px;
}

/* line 1083, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .nav-item-text {
  font-size: 14px;
}

/* line 1087, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .badge {
  position: relative;
  float: right;
  top: auto;
  right: auto;
}

/* line 1097, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  a {
  padding-left: 40px;
}

/* line 1102, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  .nav-item-child
  a {
  padding-left: 50px;
}

/* line 1127, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar {
  top: 0;
  bottom: auto;
  width: 57.5px !important;
  z-index: 1001;
  border-bottom: 1px solid #1b2631;
}

/* line 1134, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .loader-state > a {
  color: #bdc3c7 !important;
}

/* line 1138, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .loader-state > a .caret,
body.wrapkit-sidebar-hidden .sidebar .loader-state > a .badge {
  visibility: hidden;
}

/* line 1142, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .loader-state > a .nav-item-icon {
  color: #95a5a6 !important;
}

/* line 1147, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-actions {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0;
  height: 51px;
  width: 57.5px;
  background-color: #1b2631;
  border-top: none;
  border-right: 1px solid #1b2631;
}

/* line 1159, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-actions > .nav-item-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.15);
  z-index: 2;
}

/* line 1168, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-actions > .nav-item-loader > i {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

/* line 1180, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-actions .sidebar-actions-bar {
  padding: 0;
}

/* line 1183, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li {
  width: 57.5px;
}

/* line 1186, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li:not(:first-child) {
  display: none;
}

/* line 1190, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a {
  border: none;
  padding: 16px 0;
  border-radius: 0;
}

/* line 1197, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li:hover
  > a {
  background-color: #1b2631;
}

/* line 1204, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  margin-top: -5px;
  height: 20px;
  width: 100%;
  background-color: transparent;
  z-index: -2;
}

/* line 1220, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-form-search .form-control {
  padding: 15px 0;
  height: 100%;
}

/* line 1226, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar:hover {
  width: 230px;
}

/* line 1229, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar:hover .sidebar-actions {
  background-color: #202d3b;
  width: 230px;
}

/* line 1235, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar:hover
  .sidebar-actions
  .sidebar-actions-bar
  > li {
  width: 25%;
}

/* line 1238, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden
  .sidebar:hover
  .sidebar-actions
  .sidebar-actions-bar
  > li:not(:first-child) {
  display: inline-block;
}

/* line 1250, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-hidden .sidebar .sidebar-nav {
  display: none;
}

/* line 1262, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed .sidebar {
  position: fixed !important;
}

/* line 1264, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed .sidebar.sidebar-fixer {
  top: 0 !important;
}

/* line 1271, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child,
body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  border-radius: 0;
  left: 79px;
  top: 0;
  bottom: 0;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 1280, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before,
body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before {
  display: none;
}

/* line 1285, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-md.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child,
body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  left: auto;
  right: 79px;
}

/* line 1294, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  top: 0;
  left: 39px;
  margin-top: 0;
  border-radius: 0;
}

/* line 1300, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text:before {
  display: none;
}

/* line 1304, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  margin-top: 0;
  top: 38px;
  left: 39px;
}

/* line 1313, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  left: auto;
  right: 39px;
}

/* line 1317, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-sm.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  left: auto;
  right: 39px;
}

/* line 1328, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-header-fixed-bottom.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child,
body.wrapkit-sidebar-fixed.wrapkit-header-fixed-bottom.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  bottom: 50px;
}

/* line 1336, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-sidebar-hidden.sidebar-fixer
  > .sidebar-actions {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 1344, ../../app/styles/scss/sidebar/_sidebar.scss */

body.wrapkit-sidebar-fixed.wrapkit-header-fixed-top:not(.wrapkit-sidebar-hidden)
  .sidebar.sidebar-fixer {
  top: 50px !important;
}

/* line 3, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right .sidebar {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid #1b2631;
}

/* line 9, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right .sidebar .nicescroll-rails {
  margin-left: -1px;
}

/* line 14, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right .sidebar .sidebar-actions .sidebar-form-search {
  border-right: none;
  border-left: 1px solid #1b2631;
}

/* line 25, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right .sidebar .sidebar-nav .nav li.nav-item {
  border-right: none;
}

/* line 38, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md .sidebar .sidebar-actions {
  margin-left: -1px;
  border-right: none;
  border-left: 1px solid #1b2631;
}

/* line 44, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-right.wrapkit-sidebar-md .sidebar .sidebar-actions.open {
  right: 240px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 50, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions
  .sidebar-form-search {
  padding-right: 35px;
}

/* line 54, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar {
  margin-left: -1px;
}

/* line 64, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav-header
  .nav-header-text {
  left: auto;
  right: 85px;
}

/* line 68, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav-header
  .nav-header-text:before {
  margin-left: auto;
  right: -5px;
  left: auto;
  border-width: 5px 0 5px 5px;
  border-left-color: #202d3b;
}

/* line 82, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child {
  left: auto;
  right: 85px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 87, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child:before {
  margin-left: auto;
  margin-right: -5px;
  left: auto;
  right: 0;
  border-width: 5px 0 5px 5px;
  border-left-color: #202d3b;
}

/* line 96, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child:after {
  left: auto;
  right: -7px;
}

/* line 117, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm .sidebar .sidebar-actions {
  margin-left: -1px;
  border-right: none;
  border-left: 1px solid #1b2631;
}

/* line 123, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-right.wrapkit-sidebar-sm .sidebar .sidebar-actions.open {
  right: 240px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 130, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions:hover
  .sidebar-actions-bar
  > li,
body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions.open
  .sidebar-actions-bar
  > li {
  width: 40px;
}

/* line 133, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions:hover
  .sidebar-actions-bar
  > li:not(:last-child),
body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions.open
  .sidebar-actions-bar
  > li:not(:last-child) {
  display: none;
  width: 80px;
}

/* line 143, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions
  .sidebar-form-search {
  padding-right: 15px;
}

/* line 146, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar {
  margin-left: -1px;
}

/* line 156, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav-header
  .nav-header-text {
  left: auto;
  right: 45px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 161, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav-header
  .nav-header-text:before {
  margin-left: auto;
  left: auto;
  right: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #202d3b;
}

/* line 177, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > a
  .badge {
  right: auto;
  left: -15px;
}

/* line 182, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > a
  > .nav-item-text {
  right: 45px;
  left: auto;
  box-shadow: -3px 0 6px rgba(0, 0, 0, 0.175);
}

/* line 188, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > a
  > .nav-item-text:before {
  margin-left: auto;
  margin-right: -5px;
  left: auto;
  right: 0;
  border-width: 5px 0 5px 5px;
  border-left-color: #1b2631;
}

/* line 201, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child {
  left: auto;
  right: 45px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.175);
}

/* line 206, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child:before {
  margin-left: auto;
  margin-right: -5px;
  left: auto;
  right: 0;
  border-width: 5px 0 5px 5px;
  border-left-color: #202d3b;
}

/* line 215, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  li.nav-item
  > .nav-item-child:after {
  left: auto;
  right: -7px;
}

/* line 236, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden .sidebar .sidebar-actions {
  left: auto;
  right: 1px;
  border-right: none;
  border-left: 1px solid #1b2631;
}

/* line 242, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  > .nav-item-loader
  > i {
  left: 0;
  right: auto;
}

@media (max-width: 767px) {
  /* line 259, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav .sidebar {
    position: relative;
    margin: 0;
    top: auto;
    padding-bottom: 0;
    width: 100% !important;
    height: auto;
    overflow-x: hidden !important;
    border-right: none;
    border-left: none;
  }

  /* line 270, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav .sidebar.navbar-collapse {
    max-height: none !important;
    overflow: auto;
  }

  /* line 274, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav .sidebar.navbar-collapse .sidebar-nav {
    max-height: 340px !important;
    padding-bottom: 0;
  }

  /* line 285, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden .sidebar {
    position: relative;
    top: auto;
    padding-top: 0;
    width: 100% !important;
    height: auto;
  }

  /* line 292, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100% !important;
    height: auto;
    background-color: #202d3b;
  }

  /* line 301, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    > .nav-item-loader
    > i {
    left: auto !important;
    right: 0 !important;
  }

  /* line 306, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar {
    padding: 0 15px;
  }

  /* line 310, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li {
    width: 25%;
  }

  /* line 313, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li:not(:first-child) {
    display: inline-block;
  }

  /* line 317, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li
    > a {
    padding: 10px 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 0 3px 0;
  }

  /* line 323, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li
    > a:hover {
    background-color: #202d3b !important;
    border-color: #20638f;
  }

  /* line 328, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li
    > .dropdown-menu {
    position: absolute;
    display: none;
    width: 100%;
    max-width: 100%;
  }

  /* line 335, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li.open
    > .dropdown-menu {
    position: relative;
    display: block;
  }

  /* line 339, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-actions
    .sidebar-actions-bar
    > li.open
    > a {
    color: white;
    border-color: #20638f;
    box-shadow: none;
  }

  /* line 353, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar
    .sidebar-form-search
    .form-control {
    padding: 10px 0;
    margin-bottom: 1px;
  }

  /* line 359, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden .sidebar .sidebar-nav {
    display: none;
  }
}

/* line 373, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar .ui-resizable-handle {
  cursor: col-resize;
}

/* line 376, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar.resizestart .ui-resizable-handle {
  background-color: #1b2631;
}

/* line 382, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar-helper-lg,
.sidebar-helper-md,
.sidebar-helper-sm {
  position: absolute;
  top: 50px !important;
}

/* line 391, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-header-fixed-top .sidebar-helper-lg,
body.wrapkit-header-fixed-top .sidebar-helper-md,
body.wrapkit-header-fixed-top .sidebar-helper-sm,
body.wrapkit-header-fixed-bottom .sidebar-helper-lg,
body.wrapkit-header-fixed-bottom .sidebar-helper-md,
body.wrapkit-header-fixed-bottom .sidebar-helper-sm {
  top: 0 !important;
}

/* line 396, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar-helper-hidden {
  position: absolute;
  top: 0 !important;
}

/* line 402, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-header-fixed-top .sidebar-helper-hidden,
body.wrapkit-header-fixed-bottom .sidebar-helper-hidden {
  position: fixed;
  top: 0 !important;
}

/* line 407, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar-helper-hidden {
  width: 230px !important;
}

/* line 410, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar-helper-md {
  width: 80px !important;
}

/* line 413, ../../app/styles/scss/sidebar/_sidebar-right.scss */

.sidebar-helper-sm {
  width: 40px !important;
}

/* line 421, ../../app/styles/scss/sidebar/_sidebar-right.scss */

body.wrapkit-sidebar-right .sidebar-helper-lg,
body.wrapkit-sidebar-right .sidebar-helper-md,
body.wrapkit-sidebar-right .sidebar-helper-sm,
body.wrapkit-sidebar-right .sidebar-helper-hidden {
  left: auto !important;
}

@media (max-width: 767px) {
  /* line 433, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav .sidebar-helper-lg,
  body.wrapkit-sidebar-coltonav .sidebar-helper-md,
  body.wrapkit-sidebar-coltonav .sidebar-helper-sm,
  body.wrapkit-sidebar-coltonav .sidebar-helper-hidden {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
  }

  /* line 442, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-header-fixed-top .header,
  body.wrapkit-sidebar-coltonav.wrapkit-header-fixed-bottom .header {
    z-index: 1001;
  }

  /* line 447, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-header-fixed-top .sidebar {
    position: fixed !important;
    top: 50px !important;
    bottom: auto !important;
    z-index: 1000;
  }

  /* line 455, ../../app/styles/scss/sidebar/_sidebar-right.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-header-fixed-bottom .sidebar {
    position: fixed !important;
    top: auto !important;
    bottom: 50px !important;
    z-index: 1000;
  }
}

/* line 3, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar {
  direction: rtl;
}

/* line 11, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar .sidebar-actions .sidebar-actions-bar > li {
  margin-right: 0;
  margin-left: -3px;
}

/* line 20, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-actions
  .sidebar-form-search
  .form-control {
  padding: 10px 0 10px 10px;
}

/* line 30, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar .sidebar-nav .nav {
  padding-right: 0;
}

/* line 36, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-icon {
  float: left;
}

/* line 47, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  right: auto;
  left: 15px;
}

/* line 55, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar .sidebar-nav .nav li.nav-item a {
  border-width: 0 4px 0 0;
}

/* line 59, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar .sidebar-nav .nav li.nav-item a .badge,
body.wrapkit-sidebar-rtl .sidebar .sidebar-nav .nav li.nav-item a .caret {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

/* line 65, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl .sidebar .sidebar-nav .nav li.nav-item a .badge {
  right: auto;
  left: -4px;
}

/* line 70, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  a
  .nav-item-text {
  padding-left: 0;
  padding-right: 10px;
}

/* line 81, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a {
  padding: 10px 15px;
  padding-right: 50px;
}

/* line 85, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a
  .caret {
  float: right;
  margin-left: 0;
  margin-right: -20px;
}

/* line 91, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a
  .nav-item-text {
  padding-right: 0;
}

/* line 101, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a {
  padding-left: 15px;
  padding-right: 70px;
}

/* line 110, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  .nav-item-child
  li
  > a {
  padding-left: 15px;
  padding-right: 80px;
}

/* line 141, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md .sidebar .sidebar-actions {
  margin-right: -1px;
}

/* line 144, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-rtl.wrapkit-sidebar-md .sidebar .sidebar-actions.open {
  -webkit-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

/* line 155, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-icon {
  float: none;
}

/* line 164, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  a
  .badge {
  right: auto;
  left: 10px;
}

/* line 169, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  a
  .nav-item-text {
  padding: 0 5px;
}

/* line 175, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  .nav-item-loader
  > i {
  right: auto;
  left: 15px;
}

/* line 180, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child {
  padding: 0;
}

/* line 185, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a {
  padding-left: 10px;
  padding-right: 20px;
}

/* line 189, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a
  .caret {
  margin-left: 0;
  margin-right: -20px;
}

/* line 194, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a
  .badge {
  float: left;
}

/* line 206, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a {
  padding-left: 10px;
  padding-right: 30px;
}

/* line 210, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .caret {
  margin-left: 0;
  margin-right: -20px;
}

/* line 215, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .badge {
  float: left;
}

/* line 223, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  a {
  padding-left: 10px;
  padding-right: 40px;
}

/* line 229, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  .nav-item-child
  a {
  padding-left: 10px;
  padding-right: 50px;
}

/* line 262, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm .sidebar .sidebar-actions {
  margin-right: -1px;
}

/* line 265, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm .sidebar .sidebar-actions:hover,
body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm .sidebar .sidebar-actions.open {
  -webkit-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

/* line 276, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-icon {
  float: none;
}

/* line 284, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  .badge {
  right: auto;
  left: -5px;
}

/* line 289, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  .nav-item-loader
  > i {
  right: auto;
  left: 15px;
}

/* line 296, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > a
  > .nav-item-text {
  text-align: right;
  padding: 10px 15px;
}

/* line 302, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child {
  padding: 0;
}

/* line 307, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 311, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a
  .caret {
  margin-left: 0;
  margin-right: -20px;
}

/* line 316, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  > li
  > a
  .badge {
  float: left;
}

/* line 328, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a {
  padding-left: 20px;
  padding-right: 30px;
}

/* line 332, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .caret {
  margin-left: 0;
  margin-right: -20px;
}

/* line 337, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  a
  .badge {
  float: left;
}

/* line 345, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  a {
  padding-left: 20px;
  padding-right: 40px;
}

/* line 351, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-item
  > .nav-item-child
  .nav-item-child
  li
  .nav-item-child
  li
  .nav-item-child
  a {
  padding-left: 20px;
  padding-right: 50px;
}

/* line 386, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-hidden
  .sidebar
  .sidebar-actions
  .sidebar-form-search
  .form-control {
  padding: 15px 0;
  height: 100%;
}

/* line 409, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item {
  border-left: 1px solid #202d3b;
}

/* line 422, ../../app/styles/scss/sidebar/_sidebar-rtl.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions,
body.wrapkit-sidebar-rtl.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions {
  margin-right: 0;
  margin-left: -1px;
}

/* line 7, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend .sidebar {
  border-right: none;
}

/* line 14, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend .sidebar .sidebar-nav .nav li.nav-item {
  border-right: none;
}

/* line 19, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #20638f;
}

/* line 23, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #20638f !important;
}

/* line 26, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #20638f !important;
}

/* line 37, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a:visited {
  border-color: transparent;
}

/* line 50, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited {
  /*color: #20638f;*/
  /*background-color: #f6f8fa !important;*/
  /*border-color: #f6f8fa !important;*/
  color: inherit;
  background-color: inherit;
}

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  div,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  div {
  /*background-color: #f8f8f8 !important;*/
  /*background-color: #fff !important;*/
  /*background-color: #FBB95B;*/
  /*background-color: #20638f;*/
  border-radius: 5px;
  /*padding: 5px 0;*/
  padding: 3px 0 0 0;
}

/* line 55, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .caret {
  color: #20638f;
}

/* line 59, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .badge {
  color: white;
  background-color: #20638f;
}

/* line 64, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .nav-item-icon {
  color: #20638f;
}

/* line 82, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions {
  border-right: none;
  border-left: none;
}

/* line 87, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-text {
  color: #3e5771;
  /*font-weight: bold;*/
  font-weight: 500;
}

/* line 90, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a
  .nav-item-text {
  color: white;
}

/* line 94, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  margin-top: -46px;
  left: 80px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 15px 10px;
}

/* line 101, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  display: none;
}

/* line 109, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  left: 80px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 115, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before,
body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:after {
  display: none;
}

/* line 121, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:first-child
  > a {
  border-top-left-radius: 0;
}

/* line 124, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-left-radius: 0;
}

/* line 140, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions {
  border-right: none;
  border-left: none;
}

/* line 145, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-text {
  color: #3e5771;
}

/* line 148, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active.open
  > a
  .nav-item-text {
  color: white;
}

/* line 152, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  margin-top: -46px;
  left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 15px 10px;
}

/* line 159, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  display: none;
}

/* line 167, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #1b2631;
}

/* line 173, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text:before {
  display: none;
}

/* line 178, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  > .nav-item-text {
  color: white;
}

/* line 182, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .badge {
  z-index: 3;
}

/* line 186, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 192, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before,
body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:after {
  display: none;
}

/* line 198, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:first-child
  > a {
  border-top-left-radius: 0;
}

/* line 201, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-left-radius: 0;
}

/* line 217, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right .sidebar {
  border-left: none;
}

/* line 224, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-actions {
  margin-left: 0;
}

/* line 228, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text,
body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  left: auto;
  right: 80px;
}

/* line 232, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 238, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 245, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:first-child
  > a {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
}

/* line 249, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 258, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-actions {
  margin-left: 0;
}

/* line 264, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text,
body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child,
body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  left: auto;
  right: 40px;
}

/* line 269, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 275, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 281, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 287, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  > .nav-item-text {
  border-bottom-left-radius: 0;
}

/* line 291, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:first-child
  > a {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* line 295, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child
  > li:last-child
  > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}

/* line 314, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-extend.wrapkit-sidebar-rtl.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item {
  border-left: none;
}

/* line 335, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #20638f;
}

/* line 343, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .nav-item-icon {
  color: #20638f;
}

/* line 357, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon {
  color: #20638f;
}

/* line 366, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:before {
  position: absolute;
  margin-top: 10px;
  right: -1px;
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #f6f8fa;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  z-index: 2;
}

/* line 385, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-caretal
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: transparent !important;
}

/* line 396, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-caretal.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:before {
  right: auto;
  left: -1px;
  border-color: transparent;
  border-left-color: #f6f8fa;
  border-width: 10px 0 10px 10px;
}

/* line 421, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #20638f !important;
  border-color: #20638f;
}

/* line 438, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: white;
}

/* line 442, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #bdc3c7 !important;
}

/* line 445, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #bdc3c7 !important;
}

/* line 458, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #20638f;
}

/* line 470, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block .sidebar .sidebar-nav .nav li.nav-item > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:visited {
  margin-right: -1px;
}

/* line 484, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:visited {
  background-color: #20638f;
  color: white;
}

/* line 488, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:visited
  .badge {
  color: #20638f;
  background-color: white;
}

/* line 494, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item.active:not(.open)
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active:not(.open)
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active:not(.open)
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 520, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:visited,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-md
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:visited,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:visited,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-sm
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:visited {
  margin-left: 0;
  margin-right: 0;
}

/* line 537, ../../app/styles/scss/sidebar/_sidebar-variants.scss */

body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  > a:visited,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:visited,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a.active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:active,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:hover,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:focus,
body.wrapkit-sidebar-variant-block.wrapkit-sidebar-right
  .sidebar
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li
  > a:visited {
  margin-left: 0;
  margin-right: 0;
}

/* line 15, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line .sidebar.sidebar-whity li.active > a,
body.wrapkit-sidebar-variant-caretal .sidebar.sidebar-whity li.active > a {
  background-color: #f6f8fa !important;
}

/* line 20, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity {
  background-color: white;
  color: #3e5771;
  border-color: #e7edf2;
}

/* line 26, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-actions {
  border-color: #e7edf2 #e7edf2;
}

/* line 32, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-actions .sidebar-actions-bar > li > a {
  color: #95a5a6;
}

/* line 37, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-actions .sidebar-actions-bar > li > a:hover,
.sidebar.sidebar-whity .sidebar-actions .sidebar-actions-bar > li.open > a {
  color: #3e5771;
}

/* line 43, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search {
  background-color: #f6f8fa;
  border-color: #e7edf2;
}

/* line 51, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search .form-control,
.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search .btn,
.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search .btn:visited,
.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search .btn:active,
.sidebar.sidebar-whity .sidebar-actions .sidebar-form-search .btn:focus {
  color: #32475c;
}

/* line 102, ../../app/styles/scss/bootstrap/mixins/_vendor-prefixes.scss */

.sidebar.sidebar-whity
  .sidebar-actions
  .sidebar-form-search
  .form-control::-moz-placeholder {
  color: #32475c;
  opacity: 1;
}

/* line 104, ../../app/styles/scss/bootstrap/mixins/_vendor-prefixes.scss */

.sidebar.sidebar-whity
  .sidebar-actions
  .sidebar-form-search
  .form-control:-ms-input-placeholder {
  color: #32475c;
}

/* line 105, ../../app/styles/scss/bootstrap/mixins/_vendor-prefixes.scss */

.sidebar.sidebar-whity
  .sidebar-actions
  .sidebar-form-search
  .form-control::-webkit-input-placeholder {
  color: #32475c;
}

/* line 66, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav {
  border-bottom: 1px solid white;
}

/* line 69, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e7edf2;
  height: 1px;
}

/* line 74, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav .nav-header {
  color: #95a5a6;
  border-top: 1px solid white;
  border-bottom: 1px solid #e7edf2;
}

/* line 79, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav .nav-header .nav-header-icon:hover {
  color: #3e5771;
}

/* line 84, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item {
  border-top: 1px solid white;
  border-bottom: 1px solid #e7edf2;
  border-right: 1px solid white;
}

/* line 89, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item .nav-item-loader {
  background-color: rgba(236, 240, 241, 0.15);
}

/* line 94, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.loader-state > a {
  color: #32475c !important;
}

/* line 97, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon {
  color: #95a5a6 !important;
}

/* line 103, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item .loader-state > a {
  color: #32475c !important;
}

/* line 106, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #95a5a6 !important;
}

/* line 111, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a {
  background-color: white;
  color: #32475c;
}

/* line 115, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a .badge {
  color: #32475c;
  background-color: #f6f8fa;
}

/* line 119, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a .caret {
  color: #32475c;
}

/* line 123, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a:hover {
  background-color: #f6f8fa;
  color: #3e5771;
}

/* line 127, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a:hover .caret {
  color: #3e5771;
}

/* line 131, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a:hover .badge {
  color: white;
  background-color: #20638f;
}

/* line 136, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a:hover .nav-item-icon {
  color: #3e5771;
}

/* line 142, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a .nav-item-icon {
  color: #95a5a6;
}

/* line 146, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item a .nav-item-text {
  color: inherit;
}

/* line 160, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a.active,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:active,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:hover,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:focus,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:visited,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a.active,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:active,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:hover,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:focus,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:visited {
  background-color: #f6f8fa;
  color: #3e5771;
}

/* line 164, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a.active .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:active .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:hover .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:focus .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a:visited .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a.active .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:active .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:hover .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:focus .badge,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a:visited .badge {
  color: white;
  background-color: #20638f;
}

/* line 168, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.active > a .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item.open > a .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon {
  color: #3e5771;
}

/* line 177, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity .sidebar-nav .nav li.nav-item .nav-item-child > li > a {
  color: #32475c;
}

/* line 180, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover {
  color: #3e5771;
  background-color: #f6f8fa;
}

/* line 193, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited {
  color: #3e5771;
  background-color: #f6f8fa;
}

/* line 197, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #20638f;
}

/* line 217, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a.active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:active,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:hover,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:focus,
.sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open
  > a:visited {
  color: #3e5771;
  background-color: #f6f8fa;
}

/* line 238, ../../app/styles/scss/sidebar/_mixins.scss */

.sidebar.sidebar-whity.resizestart .ui-resizable-handle {
  background-color: #e7edf2;
}

/* line 249, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md .sidebar.sidebar-whity .sidebar-actions {
  border-color: #e7edf2 #e7edf2;
  background-color: white;
}

/* line 258, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md .sidebar.sidebar-whity .sidebar-nav .nav .nav-header {
  border-color: #e7edf2;
}

/* line 261, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  background-color: white;
}

/* line 264, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  border-right-color: white;
}

/* line 274, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  background-color: white;
}

/* line 277, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child:before {
  border-right-color: white;
}

/* line 298, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm .sidebar.sidebar-whity .sidebar-actions {
  border-color: #e7edf2 #e7edf2;
  background-color: white;
}

/* line 307, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm .sidebar.sidebar-whity .sidebar-nav .nav .nav-header {
  border-color: #e7edf2;
}

/* line 310, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text {
  background-color: white;
}

/* line 313, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  .nav-header
  .nav-header-text:before {
  border-right-color: white;
}

/* line 325, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text {
  background-color: #f6f8fa;
}

/* line 328, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  > a
  > .nav-item-text:before {
  border-right-color: #f6f8fa;
}

/* line 335, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  > .nav-item-text {
  color: #3e5771;
}

/* line 339, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item
  > .nav-item-child {
  background-color: white;
}

/* line 359, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-hidden .sidebar.sidebar-whity .sidebar-actions {
  background-color: #f6f8fa;
  border-color: #e7edf2;
}

/* line 363, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-hidden
  .sidebar.sidebar-whity
  .sidebar-actions
  > .nav-item-loader {
  background-color: rgba(236, 240, 241, 0.15);
}

/* line 370, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-hidden
  .sidebar.sidebar-whity
  .sidebar-actions
  .sidebar-actions-bar
  > li:hover
  > a {
  background-color: #f6f8fa;
}

/* line 380, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-hidden .sidebar.sidebar-whity:hover .sidebar-actions {
  background-color: white;
}

/* line 396, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right .sidebar.sidebar-whity {
  border-color: #e7edf2;
}

/* line 401, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right
  .sidebar.sidebar-whity
  .sidebar-actions
  .sidebar-form-search {
  border-color: #e7edf2;
}

/* line 418, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav-header
  .nav-header-text:before {
  border-left-color: white;
}

/* line 426, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md
  .sidebar.sidebar-whity
  .sidebar-nav
  li.nav-item
  > .nav-item-child:before {
  border-left-color: white;
}

/* line 448, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav-header
  .nav-header-text:before {
  border-left-color: white;
}

/* line 458, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  li.nav-item
  > a
  .nav-item-text:before {
  border-left-color: #f6f8fa;
}

/* line 465, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm
  .sidebar.sidebar-whity
  .sidebar-nav
  li.nav-item
  > .nav-item-child:before {
  border-left-color: white;
}

/* line 483, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden
  .sidebar.sidebar-whity
  .sidebar-actions {
  border-color: #e7edf2;
}

/* line 502, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-rtl.wrapkit-sidebar-right
  .sidebar.sidebar-whity
  .sidebar-nav
  .nav
  li.nav-item {
  border-left: 1px solid white;
}

@media (max-width: 767px) {
  /* line 524, ../../app/styles/scss/sidebar/_mixins.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar.sidebar-whity
    .sidebar-actions {
    background-color: white;
  }

  /* line 531, ../../app/styles/scss/sidebar/_mixins.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar.sidebar-whity
    .sidebar-actions
    .sidebar-actions-bar
    > li
    > a:hover,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden
    .sidebar.sidebar-whity
    .sidebar-actions
    .sidebar-actions-bar
    > li.open
    > a {
    background-color: white !important;
    border-color: #20638f;
  }
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: white;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: white !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #cbd0d3;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #cbd0d3 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #8c9899;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #8c9899 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #233140;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #233140;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #233140 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #138a72;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #138a72 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #25a65b;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #25a65b !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #55a5d9;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #55a5d9 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #9749b7;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #9749b7 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #f4a221;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #f4a221 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #e25a00;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #e25a00 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 562, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #d14233;
}

/* line 567, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 580, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 593, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited {
  border-color: #d14233 !important;
}

/* line 608, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-line
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: white;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: white;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: white !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: white !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: white !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: white;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #cbd0d3;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #cbd0d3;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #cbd0d3 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #cbd0d3 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #cbd0d3 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #cbd0d3;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #cbd0d3;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #8c9899;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #8c9899;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #8c9899 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #8c9899 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #8c9899 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #8c9899;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #8c9899;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #233140;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #233140;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #233140;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #233140 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #233140 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #233140 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #233140;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #233140;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #138a72;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #138a72;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #138a72 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #138a72 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #138a72 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #138a72;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #138a72;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #25a65b;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #25a65b;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #25a65b !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #25a65b !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #25a65b !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #25a65b;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #25a65b;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #55a5d9;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #55a5d9;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #55a5d9 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #55a5d9 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #55a5d9 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #55a5d9;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #55a5d9;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #9749b7;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #9749b7;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #9749b7 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #9749b7 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #9749b7 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #9749b7;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #9749b7;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #f4a221;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #f4a221;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #f4a221 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #f4a221 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #f4a221 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #f4a221;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #f4a221;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #e25a00;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #e25a00;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #e25a00 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #e25a00 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #e25a00 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #e25a00;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #e25a00;
}

/* line 632, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  border-color: #d14233;
}

/* line 643, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 650, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-loader
  > i {
  color: #d14233;
}

/* line 654, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a {
  color: #d14233 !important;
}

/* line 657, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.loader-state
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .loader-state
  > a
  .nav-item-icon {
  color: #d14233 !important;
}

/* line 671, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited {
  color: #d14233 !important;
}

/* line 674, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret {
  color: #d14233;
}

/* line 678, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 683, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-extend
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon {
  color: #d14233;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  border-color: white;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: white;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #cbd0d3;
  border-color: #cbd0d3;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #cbd0d3;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #cbd0d3;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #cbd0d3;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #8c9899;
  border-color: #8c9899;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #8c9899;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #8c9899;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #8c9899;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #233140;
  border-color: #233140;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #233140;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #233140;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #233140;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #233140;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #138a72;
  border-color: #138a72;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #138a72;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #138a72;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #138a72;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #25a65b;
  border-color: #25a65b;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #25a65b;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #25a65b;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #25a65b;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #55a5d9;
  border-color: #55a5d9;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #55a5d9;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #55a5d9;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #55a5d9;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #9749b7;
  border-color: #9749b7;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #9749b7;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #9749b7;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #9749b7;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #f4a221;
  border-color: #f4a221;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #f4a221;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #f4a221;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #f4a221;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #e25a00;
  border-color: #e25a00;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #e25a00;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #e25a00;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #e25a00;
}

/* line 705, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #d14233;
  border-color: #d14233;
}

/* line 711, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 716, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .nav-item-icon {
  color: #d14233;
}

/* line 729, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 734, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon {
  color: #d14233;
}

/* line 749, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 754, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-caretal
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open
  > a:visited
  .nav-item-icon {
  color: #d14233;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #1a242f;
  background-color: white !important;
  border-color: white;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: white;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: white;
  color: #1a242f;
  border-color: white;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: white;
  background-color: #1a242f;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: #1a242f;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-white
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: #1a242f;
  background-color: white;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: #1a242f;
  background-color: #cbd0d3 !important;
  border-color: #cbd0d3;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #cbd0d3;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #cbd0d3;
  color: #1a242f;
  border-color: #cbd0d3;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #cbd0d3;
  background-color: #1a242f;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: #1a242f;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-cloud
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: #1a242f;
  background-color: #cbd0d3;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #8c9899 !important;
  border-color: #8c9899;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #8c9899;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #8c9899;
  color: white;
  border-color: #8c9899;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #8c9899;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-gray
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #8c9899;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #233140 !important;
  border-color: #233140;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #233140;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #233140;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #233140;
  color: white;
  border-color: #233140;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #233140;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-dark
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #233140;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #138a72 !important;
  border-color: #138a72;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #138a72;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #138a72;
  color: white;
  border-color: #138a72;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #138a72;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-teal
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #138a72;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #25a65b !important;
  border-color: #25a65b;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #25a65b;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #25a65b;
  color: white;
  border-color: #25a65b;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #25a65b;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-green
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #25a65b;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #55a5d9 !important;
  border-color: #55a5d9;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #55a5d9;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #55a5d9;
  color: white;
  border-color: #55a5d9;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #55a5d9;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-sky
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #55a5d9;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #9749b7 !important;
  border-color: #9749b7;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #9749b7;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #9749b7;
  color: white;
  border-color: #9749b7;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #9749b7;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-purple
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #9749b7;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #f4a221 !important;
  border-color: #f4a221;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #f4a221;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #f4a221;
  color: white;
  border-color: #f4a221;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #f4a221;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-yellow
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #f4a221;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #e25a00 !important;
  border-color: #e25a00;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #e25a00;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #e25a00;
  color: white;
  border-color: #e25a00;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #e25a00;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-orange
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #e25a00;
}

/* line 778, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-actions
  .sidebar-actions-bar
  > li.open
  > a {
  color: white;
  background-color: #d14233 !important;
  border-color: #d14233;
}

/* line 787, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  a:hover
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 798, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open
  > a:visited {
  border-color: #d14233;
}

/* line 813, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited {
  background-color: #d14233;
  color: white;
  border-color: #d14233;
}

/* line 818, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .badge {
  color: #d14233;
  background-color: white;
}

/* line 824, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.active
  > a:visited
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a.active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:active
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:hover
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:focus
  .nav-item-icon,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .caret,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.active
  > a:visited
  .nav-item-icon {
  color: white;
}

/* line 839, ../../app/styles/scss/sidebar/_mixins.scss */

body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li.open:not(.active)
  > a:visited
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a.active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:active
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:hover
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:focus
  .badge,
body.wrapkit-sidebar-variant-block
  .sidebar.sidebar-context-red
  .sidebar-nav
  .nav
  li.nav-item
  .nav-item-child
  > li
  .nav-item-child
  li.open:not(.active)
  > a:visited
  .badge {
  color: white;
  background-color: #d14233;
}

/* line 1, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper {
  position: relative;
  padding-left: 230px;
  background: #202d3b;
  color: #bdc3c7;
  z-index: 998;
}

/* line 8, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper .footer {
  padding: 10px 15px;
  border-top: 1px solid #1b2631;
}

/* line 12, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper .footer i {
  color: inherit;
}

/* line 15, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper .footer p {
  margin: 0;
}

/* line 21, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-md footer.footer-wrapper {
  padding-left: 80px;
}

/* line 25, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-sm footer.footer-wrapper {
  padding-left: 40px;
}

/* line 29, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-hidden footer.footer-wrapper {
  padding-left: 0;
}

/* line 34, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-right footer.footer-wrapper {
  padding-left: 0;
  padding-right: 230px;
}

/* line 39, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-md footer.footer-wrapper {
  padding-left: 0;
  padding-right: 80px;
}

/* line 44, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-sm footer.footer-wrapper {
  padding-left: 0;
  padding-right: 40px;
}

/* line 49, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-sidebar-right.wrapkit-sidebar-hidden footer.footer-wrapper {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  /* line 62, ../../app/styles/scss/footer/_footer.scss */

  body.wrapkit-sidebar-coltonav footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-md footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-sm footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-hidden footer.footer-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 71, ../../app/styles/scss/footer/_footer.scss */

  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-md
    footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-sm
    footer.footer-wrapper,
  body.wrapkit-sidebar-coltonav.wrapkit-sidebar-right.wrapkit-sidebar-hidden
    footer.footer-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 82, ../../app/styles/scss/footer/_footer.scss */

body.wrapkit-footer-rtl .footer-wrapper {
  direction: rtl;
}

/* line 89, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper.footer-whity {
  background: white;
  color: #32475c;
}

/* line 93, ../../app/styles/scss/footer/_footer.scss */

footer.footer-wrapper.footer-whity .footer {
  border-color: #e7edf2;
}

/* line 31, ../../app/styles/scss/_uikits.scss */

.kit-avatar {
  position: relative;
  display: inline-block;
  padding: 2px;
  text-align: center;
  transition: border-color ease 0.3s;
}

/* line 38, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-fw {
  margin-right: 10px;
}

/* line 42, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-128 {
  border: 4px solid #e7edf2;
  border-radius: 128px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-128 > img {
  width: 128px;
  height: auto;
  border-radius: 64px;
}

/* line 45, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-96 {
  border: 3px solid #e7edf2;
  border-radius: 96px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-96 > img {
  width: 96px;
  height: auto;
  border-radius: 48px;
}

/* line 48, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-64 {
  border: 2px solid #e7edf2;
  border-radius: 64px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-64 > img {
  width: 64px;
  height: auto;
  border-radius: 32px;
}

/* line 51, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-36 {
  border: 1px solid #e7edf2;
  border-radius: 36px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-36 > img {
  width: 36px;
  height: auto;
  border-radius: 18px;
}

/* line 54, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-32 {
  border: 1px solid #e7edf2;
  border-radius: 32px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-32 > img {
  width: 32px;
  height: auto;
  border-radius: 16px;
}

/* line 57, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-28 {
  border: 1px solid #e7edf2;
  border-radius: 28px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-28 > img {
  width: 28px;
  height: auto;
  border-radius: 14px;
}

/* line 60, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-24 {
  border: 1px solid #e7edf2;
  border-radius: 24px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-24 > img {
  width: 24px;
  height: auto;
  border-radius: 12px;
}

/* line 63, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-16 {
  border: 1px solid #e7edf2;
  border-radius: 16px;
}

/* line 22, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-16 > img {
  width: 16px;
  height: auto;
  border-radius: 8px;
}

/* line 69, ../../app/styles/scss/_uikits.scss */

.kit-avatar.kit-avatar-square,
.kit-avatar.kit-avatar-square > img {
  border-radius: 0;
}

/* line 75, ../../app/styles/scss/_uikits.scss */

a.kit-avatar {
  color: #3e5771;
}

/* line 82, ../../app/styles/scss/_uikits.scss */

a.kit-avatar:hover,
a.kit-avatar:focus,
a.kit-avatar:active,
a.kit-avatar.open,
a.kit-avatar.active {
  border-color: #b6c6d7;
}

/* line 88, ../../app/styles/scss/_uikits.scss */

.kit-cover {
  position: relative;
  height: 200px;
  overflow: hidden;
}

/* line 93, ../../app/styles/scss/_uikits.scss */

.kit-cover.kit-cover-xs {
  height: 100px;
}

/* line 94, ../../app/styles/scss/_uikits.scss */

.kit-cover.kit-cover-sm {
  height: 160px;
}

/* line 95, ../../app/styles/scss/_uikits.scss */

.kit-cover.kit-cover-lg {
  height: 300px;
}

/* line 96, ../../app/styles/scss/_uikits.scss */

.kit-cover.kit-cover-xl {
  height: 500px;
}

/* line 98, ../../app/styles/scss/_uikits.scss */

.kit-cover .well {
  position: relative;
  background-color: transparent;
  border: none;
  margin-bottom: 0;
}

/* line 104, ../../app/styles/scss/_uikits.scss */

.kit-cover a {
  color: #ecf0f1;
}

/* line 109, ../../app/styles/scss/_uikits.scss */

.kit-cover a:hover,
.kit-cover a:focus,
.kit-cover a:active {
  text-decoration: none;
  color: #fff;
}

/* line 115, ../../app/styles/scss/_uikits.scss */

.kit-cover > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
}

/* line 124, ../../app/styles/scss/_uikits.scss */

.kit-cover > .kit-cover-bar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}

/* line 134, ../../app/styles/scss/_uikits.scss */

.kit-cover > .kit-cover-bar a {
  padding: 0 3px;
}

/* line 136, ../../app/styles/scss/_uikits.scss */

.kit-cover > .kit-cover-bar.kit-cover-bar-bottom {
  top: auto;
  bottom: 0;
}

/* line 145, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline {
  position: relative;
  padding: 0 15px 5px;
}

/* line 149, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline .headline-label {
  display: block;
  margin-bottom: 0;
  font-size: 16px;
}

/* line 154, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline .headline-label > a,
.kit-cover-headline .headline-label > a:hover {
  color: inherit;
  text-decoration: none;
}

/* line 158, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline .headline-label > small {
  display: block;
  color: #a1aab0;
}

/* line 164, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar {
  position: relative;
  padding: 0;
}

/* line 168, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.pull-left {
  margin-right: 10px;
}

/* line 171, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.pull-right {
  margin-left: 10px;
}

/* line 175, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-128 {
  margin-top: -64px;
}

/* line 178, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-96 {
  margin-top: -48px;
}

/* line 181, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-64 {
  margin-top: -32px;
}

/* line 184, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-36 {
  margin-top: -18px;
}

/* line 187, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-32 {
  margin-top: -16px;
}

/* line 190, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-28 {
  margin-top: -14px;
}

/* line 193, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-24 {
  margin-top: -12px;
}

/* line 196, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.kit-avatar-16 {
  margin-top: -8px;
}

/* line 200, ../../app/styles/scss/_uikits.scss */

.kit-cover-headline > .kit-avatar.center {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* line 209, ../../app/styles/scss/_uikits.scss */

.kit-badge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  color: #ecf0f1;
  text-align: left;
  overflow: hidden;
  width: 86px;
  height: 86px;
}

/* line 221, ../../app/styles/scss/_uikits.scss */

.kit-badge:hover,
.kit-badge a,
.kit-badge a:hover {
  color: white;
  text-decoration: none;
}

/* line 226, ../../app/styles/scss/_uikits.scss */

.kit-badge > .kit-badge-content {
  position: relative;
  display: inline-block;
  padding: 8px 12px;
}

/* line 231, ../../app/styles/scss/_uikits.scss */

.kit-badge > .kit-badge-bg {
  position: absolute;
  display: inline-block;
  top: -50%;
  left: -50%;
  width: 86px;
  height: 86px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 240, ../../app/styles/scss/_uikits.scss */

.kit-badge.kit-badge-right {
  left: auto;
  right: 0;
  text-align: right;
}

/* line 245, ../../app/styles/scss/_uikits.scss */

.kit-badge.kit-badge-right > .kit-badge-bg {
  left: auto;
  right: -50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 251, ../../app/styles/scss/_uikits.scss */

.kit-badge.kit-badge-bottom {
  top: auto;
  bottom: 0;
}

/* line 255, ../../app/styles/scss/_uikits.scss */

.kit-badge.kit-badge-bottom > .kit-badge-content {
  top: 86px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

/* line 260, ../../app/styles/scss/_uikits.scss */

.kit-badge.kit-badge-bottom > .kit-badge-bg {
  top: auto;
  bottom: -50%;
}

/* line 269, ../../app/styles/scss/_uikits.scss */

.kit-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* line 280, ../../app/styles/scss/_uikits.scss */

.kit-social {
  color: #3e5771;
}

/* line 285, ../../app/styles/scss/_uikits.scss */

.kit-social:hover,
.kit-social:focus,
.kit-social:active {
  text-decoration: none;
}

/* line 292, ../../app/styles/scss/_uikits.scss */

.kit-todo-placeholder {
  height: 41px;
}

/* line 295, ../../app/styles/scss/_uikits.scss */

.kit-todo-placeholder:last-child {
  height: 40px;
}

/* line 299, ../../app/styles/scss/_uikits.scss */

.kit-todo {
  padding: 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #e7edf2;
  border-left: 3px solid transparent;
}

/* line 305, ../../app/styles/scss/_uikits.scss */

.kit-todo + .kit-todo:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 311, ../../app/styles/scss/_uikits.scss */

.kit-todo > .kit-todo-hover,
.kit-todo > .kit-todo-actions {
  position: relative;
}

/* line 314, ../../app/styles/scss/_uikits.scss */

.kit-todo > .kit-todo-hover a,
.kit-todo > .kit-todo-actions a {
  color: #a1aab0;
  padding: 2px 6px;
}

/* line 320, ../../app/styles/scss/_uikits.scss */

.kit-todo > .kit-todo-hover a:hover,
.kit-todo > .kit-todo-hover a:focus,
.kit-todo > .kit-todo-hover a:active,
.kit-todo > .kit-todo-actions a:hover,
.kit-todo > .kit-todo-actions a:focus,
.kit-todo > .kit-todo-actions a:active {
  text-decoration: none;
  color: #2980b9;
}

/* line 327, ../../app/styles/scss/_uikits.scss */

.kit-todo > .kit-todo-hover {
  display: none;
}

/* line 331, ../../app/styles/scss/_uikits.scss */

.kit-todo .nice-checkbox {
  margin-left: -3px;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 337, ../../app/styles/scss/_uikits.scss */

.kit-todo .nice-checkbox input[type="checkbox"]:checked + label {
  color: #2980b9;
}

/* line 340, ../../app/styles/scss/_uikits.scss */

.kit-todo:hover:not(.disabled) {
  border-left-color: #2980b9;
}

/* line 344, ../../app/styles/scss/_uikits.scss */

.kit-todo:hover .nice-checkbox label {
  color: #2980b9;
}

/* line 348, ../../app/styles/scss/_uikits.scss */

.kit-todo:hover > .kit-todo-hover {
  display: inline-block;
}

/* line 354, ../../app/styles/scss/_uikits.scss */

.kit-todo.disabled .nice-checkbox label {
  text-decoration: line-through;
  color: #a1aab0 !important;
}

/* line 363, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 368, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists .droplists-text {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 373, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists .progress {
  margin-bottom: 0;
}

/* line 377, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists p {
  margin-bottom: 5px;
}

/* line 381, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists .kit-avatar.pull-left {
  margin-right: 10px;
  margin-left: 0px;
}

/* line 385, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists .kit-avatar.pull-right {
  margin-right: 0px;
  margin-left: 10px;
}

/* line 390, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists > li.droplists-content {
  padding: 10px 15px;
  background-color: #fff;
  color: #3e5771;
  border-bottom: 1px solid #e7edf2;
}

/* line 398, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists > li.droplists-content.unread,
ul.kit-droplists > li.unread > a {
  background-color: #fbfcfc;
}

/* line 402, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists > li > a {
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  color: #3e5771;
  border-bottom: 1px solid #e7edf2;
}

/* line 411, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists > li > a:hover,
ul.kit-droplists > li > a:focus,
ul.kit-droplists > li > a:active {
  text-decoration: none;
  background-color: #f5f7f7;
}

/* line 416, ../../app/styles/scss/_uikits.scss */

ul.kit-droplists > li > a small {
  color: #a1aab0;
}

/* line 424, ../../app/styles/scss/_uikits.scss */

.kit-dropapps {
  display: block;
  text-align: center;
  padding: 40px;
}

/* line 15, ../../app/styles/scss/bootstrap/mixins/_clearfix.scss */

.kit-dropapps:before,
.kit-dropapps:after {
  content: " ";
  display: table;
}

/* line 19, ../../app/styles/scss/bootstrap/mixins/_clearfix.scss */

.kit-dropapps:after {
  clear: both;
}

/* line 430, ../../app/styles/scss/_uikits.scss */

.kit-dropapps .dropapps-item {
  position: relative;
  display: block;
  float: left;
  width: 33.33333%;
  color: #3e5771;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* line 440, ../../app/styles/scss/_uikits.scss */

.kit-dropapps .dropapps-item:hover {
  text-decoration: none;
  border-color: #e7edf2;
}

/* line 446, ../../app/styles/scss/_uikits.scss */

.kit-dropapps .dropapps-name {
  margin: 0;
  display: block;
  line-height: 1.33;
}

/* line 453, ../../app/styles/scss/_uikits.scss */

.dropdown-menu-md .kit-dropapps .dropapps-item {
  padding: 10px 0;
}

/* line 458, ../../app/styles/scss/_uikits.scss */

.dropdown-menu-lg .kit-dropapps .dropapps-item {
  padding: 15px;
}

@media (max-width: 767px) {
  /* line 458, ../../app/styles/scss/_uikits.scss */

  .dropdown-menu-lg .kit-dropapps .dropapps-item {
    padding: 10px 0;
  }
}

/* line 34, ../../app/styles/wrapkit.scss */

#epiceditor-preview {
  margin: 15px;
}