.navigation {
  margin-bottom: 0;
  position: relative;
  min-height: 50px;
  z-index: 100; }
  .navigation .navbar {
    position: absolute;
    right: 0;
    width: 100%;
    border-width: 0 0 1px 0;
    margin-bottom: 0; }
  .navigation .sidebar {
    left: 0;
    margin-top: 51px;
    width: 250px;
    position: absolute; }

body.sidebar-full-height .navigation .navbar .container-fluid {
  padding-left: 0; }

body.rtl .navigation .navbar {
  right: auto;
  left: 0; }

body.rtl .navigation .sidebar {
  right: 0;
  left: auto; }

.content {
  margin-left: 250px;
  background-color: #212121;
  border-left: 1px solid #212121;
  min-height: 100vh; }
  @media (min-width: 480px) {
    .content {
      padding: 0 1rem; }
      .content > .sub-navbar {
        margin: 0 -1rem;
        padding-left: 1rem;
        padding-right: 1rem; } }

@media screen and (max-width: 1420px) {
  body:not(.sidebar-disabled):not(.sidebar-big-icons):not(.sidebar-slim) .content > .sub-navbar > .container,
  body:not(.sidebar-disabled):not(.sidebar-big-icons):not(.sidebar-slim) .content > .container {
    width: 100%; } }

@media screen and (max-width: 1307px) {
  body:not(.sidebar-disabled):not(.sidebar-slim).sidebar-big-icons .content > .sub-navbar > .container,
  body:not(.sidebar-disabled):not(.sidebar-slim).sidebar-big-icons .content > .container {
    width: 100%; } }

@media screen and (max-width: 1220px) {
  body:not(.sidebar-disabled):not(.sidebar-big-icons).sidebar-slim .content > .sub-navbar > .container,
  body:not(.sidebar-disabled):not(.sidebar-big-icons).sidebar-slim .content > .container {
    width: 100%; } }

body.rtl .content {
  border-left: none;
  border-right: 1px solid #212121;
  margin-left: 0;
  margin-right: 250px; }

/****************************************************************
*						Position control 						*
*****************************************************************/
html {
  position: relative;
  min-height: 100%; }

body {
  min-height: 100%;
  background-color: #404043;
  position: static;
  /*.navigation .sidebar .spin-sidebar-section{
    &:first-child{
      height: $navbar-height;
    }
  }
  */
  /*
	&.sidebar-fixed.sidebar-full-height{
		.navigation .sidebar{
			position: fixed;
			top: 0;
			margin-top: 0;
		}
	}
*/ }
  body .main-wrap {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #1A1A1A; }
  body .navigation .sidebar .spin-avatar {
    max-width: 60%; }
  body.sidebar-slim .sidebar .avatar-container {
    height: 50px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none; }
    body.sidebar-slim .sidebar .avatar-container .spin-avatar {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  body .sidebar .avatar-container {
    border-right: 1px solid #212121;
    border-bottom: 1px solid #212121; }
    body .sidebar .avatar-container .spin-avatar {
      display: block;
      margin: 0 auto; }
  @media only screen and (min-width: 1200px) {
    body.boxed-layout .main-wrap {
      max-width: 1200px;
      margin: 0 auto;
      border-left: 1px solid #212121;
      border-right: 1px solid #212121; }
    body.boxed-layout.sidebar-fixed:not(.navbar-fixed) .sidebar.affix-top {
      left: 0 !important;
      right: auto !important; }
    body.boxed-layout.sidebar-fixed .sidebar.affix,
    body.boxed-layout.sidebar-fixed.navbar-fixed .sidebar {
      right: auto;
      left: 50% !important;
      -webkit-transform: translateX(-600px);
              transform: translateX(-600px); }
    body.boxed-layout.navbar-fixed .navbar {
      max-width: 1200px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-left: 1px solid #212121; }
    body.boxed-layout.navbar-fixed.sidebar-full-height .navbar {
      max-width: 950px;
      -webkit-transform: translateX(-50%) translateX(-125px);
              transform: translateX(-50%) translateX(-125px); }
    body.boxed-layout.navbar-fixed.sidebar-full-height.sidebar-big-icons .navbar {
      max-width: 1063px;
      -webkit-transform: translateX(-50%) translateX(-68.5px);
              transform: translateX(-50%) translateX(-68.5px); }
    body.boxed-layout.navbar-fixed.sidebar-full-height.sidebar-slim .navbar {
      max-width: 1150px;
      -webkit-transform: translateX(-50%) translateX(-25px);
              transform: translateX(-50%) translateX(-25px); } }
  body.sidebar-fixed:not(.navbar-fixed):not(.sidebar-full-height) .navigation .sidebar.affix {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 100%; }
  body.sidebar-fixed .navigation .sidebar.affix {
    position: fixed;
    height: 100%;
    /*> ul{
			height: 100%;
		}*/ }
  body.rtl.sidebar-fixed .navigation .sidebar {
    left: auto !important;
    right: 0; }
  body.navbar-fixed .navigation .navbar {
    position: fixed;
    top: 0;
    z-index: 105; }
  body.navbar-fixed.sidebar-fixed .navigation .sidebar {
    position: fixed;
    top: 0;
    z-index: 2; }
  body.navbar-fixed.sidebar-fixed.rtl .navigation .sidebar {
    left: auto !important;
    right: 0; }
  body.navbar-disabled .navigation {
    min-height: 0; }
    body.navbar-disabled .navigation .navbar {
      display: none; }
    body.navbar-disabled .navigation .sidebar {
      margin-top: 0; }
  body:not(.sidebar-disabled) #sidebar-switch {
    display: block; }
  body:not(.sidebar-disabled) #top-menu-switch {
    display: none; }
  body.sidebar-disabled #sidebar-switch {
    display: none; }
  body.sidebar-disabled #top-menu-switch {
    display: block; }
  body.sidebar-disabled .navigation .sidebar {
    display: none; }
  body.sidebar-disabled .content {
    margin-left: 0;
    border-left: none; }
  body.sidebar-disabled .main-wrap > footer {
    margin-left: 0;
    width: 100%;
    border-left: none; }
  body.sidebar-full-height .navigation .navbar {
    margin-left: 250px;
    top: 0;
    width: calc(100% - 250px); }
  body.sidebar-full-height .navigation .sidebar {
    margin-top: 0; }
  body.sidebar-full-height.rtl .navigation .navbar {
    margin-left: 0;
    margin-right: 250px; }
  body.sidebar-full-height.sidebar-big-icons .navigation .navbar {
    margin-left: 137px;
    width: calc(100% - 137px); }
  body.sidebar-full-height.sidebar-big-icons.rtl .navigation .navbar {
    margin-left: 0;
    margin-right: 137px; }
  body.sidebar-full-height.sidebar-slim .navigation .navbar {
    margin-left: 50px;
    width: calc(100% - 50px); }
  body.sidebar-full-height.sidebar-slim.rtl .navigation .navbar {
    margin-left: 0;
    margin-right: 50px; }
  body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons) .sidebar {
    max-height: 100vh;
    overflow-y: auto; }
  body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons):not(.sidebar-full-height):not(.navbar-disabled) .sidebar:not(.affix),
  body.sidebar-fixed:not(.sidebar-slim):not(.sidebar-big-icons):not(.sidebar-full-height):not(.navbar-disabled).navbar-fixed .sidebar {
    max-height: calc(100vh - 50px); }
  body.sidebar-big-icons .sidebar {
    width: 137px; }
  body.sidebar-big-icons .content {
    margin-left: 137px; }
  body.sidebar-big-icons.rtl .content {
    margin-left: 0;
    margin-right: 137px; }
  body.sidebar-slim .sidebar {
    width: 50px; }
  body.sidebar-slim .content {
    margin-left: 50px; }
  body.sidebar-slim.rtl .content {
    margin-left: 0;
    margin-right: 50px; }
  body.sidebar-hidden .sidebar {
    display: none; }
  body.sidebar-hidden .content {
    margin-left: 0; }
  body.sidebar-overlay .navbar {
    position: fixed; }
    body.sidebar-overlay .navbar .action-sidebar-open > *,
    body.sidebar-overlay .navbar .action-right-sidebar-toggle > * {
      pointer-events: none; }
  body.sidebar-overlay .sidebar {
    position: fixed;
    margin-top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1A1A1A;
    z-index: 1050;
    display: none; }
  body.sidebar-overlay .content {
    margin-left: 0; }
  body.sidebar-overlay.sidebar-overlay__open {
    overflow: hidden; }
    body.sidebar-overlay.sidebar-overlay__open:after {
      content: " ";
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    body.sidebar-overlay.sidebar-overlay__open .sidebar {
      display: block; }
  body .sub-navbar.sub-navbar__header-breadcrumbs {
    background-color: #262626;
    margin-bottom: 19px; }
    body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      @media (max-width: 767px) {
        body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column {
          display: block; }
          body .sub-navbar.sub-navbar__header-breadcrumbs .sub-navbar-column .breadcrumb {
            padding-left: 0; } }
    @media (min-width: 768px) {
      body .sub-navbar.sub-navbar__header-breadcrumbs .container-fluid .sub-navbar-header {
        margin-left: 1.5rem; } }
  body .sub-navbar.sub-navbar__header {
    display: none; }
  body.sub-navbar-header-only .sub-navbar__header {
    display: initial; }
  body.sub-navbar-header-only .sub-navbar__header-breadcrumbs {
    display: none; }
  body.sub-navbar-disabled .sub-navbar {
    display: none !important; }
  body .main-wrap > footer {
    height: 60px;
    border-left: 1px solid #212121;
    background-color: #1A1A1A;
    width: calc(100% - 250px);
    margin-left: 250px; }
    body .main-wrap > footer > * > * {
      margin: 20px 0; }
  body.rtl .main-wrap > footer {
    margin-left: 0;
    margin-right: 250px; }
  body.sidebar-big-icons .main-wrap > footer {
    width: calc(100% - 137px);
    margin-left: 137px; }
  body.rtl.sidebar-big-icons .main-wrap > footer {
    margin-left: 0;
    margin-right: 137px; }
  body.sidebar-slim .main-wrap > footer {
    width: calc(100% - 50px);
    margin-left: 50px; }
  body.rtl.sidebar-slim .main-wrap > footer {
    margin-left: 0;
    margin-right: 50px; }
  body.sidebar-hidden .main-wrap > footer,
  body.sidebar-overlay .main-wrap > footer {
    width: 100%;
    margin-left: 0; }
  body.footer-fixed:not(.footer-disabled) .main-wrap > footer {
    position: fixed;
    bottom: 0; }
  @media only screen and (min-width: 1200px) {
    body.footer-fixed:not(.footer-disabled).boxed-layout .main-wrap > footer {
      width: 950px; }
    body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-big-icons .main-wrap > footer {
      width: 1063px; }
    body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-slim .main-wrap > footer {
      width: 1150px; }
    body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-hidden .main-wrap > footer {
      width: 1200px; } }
  body.footer-fixed:not(.footer-disabled).boxed-layout.sidebar-disabled .main-wrap > footer {
    width: 1200px; }
  body.footer-disabled .main-wrap > footer {
    display: none; }

.sidebar-big-icons .sidebar-default-visible,
.sidebar-slim .sidebar-default-visible {
  display: none; }

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-a-0 {
  margin: 0 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-a-1 {
  margin: 1rem 1rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-r-1 {
  margin-right: 1rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-2 {
  margin: 1.5rem 1.5rem !important; }

.m-t-2 {
  margin-top: 1.5rem !important; }

.m-r-2 {
  margin-right: 1.5rem !important; }

.m-b-2 {
  margin-bottom: 1.5rem !important; }

.m-l-2 {
  margin-left: 1.5rem !important; }

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-3 {
  margin: 3rem 3rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-a-0 {
  padding: 0 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-a-1 {
  padding: 1rem 1rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-2 {
  padding: 1.5rem 1.5rem !important; }

.p-t-2 {
  padding-top: 1.5rem !important; }

.p-r-2 {
  padding-right: 1.5rem !important; }

.p-b-2 {
  padding-bottom: 1.5rem !important; }

.p-l-2 {
  padding-left: 1.5rem !important; }

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-3 {
  padding: 3rem 3rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.p-10 {
  padding: 10px; }

.b-a-0 {
  border: 0 !important; }

.b-a-1 {
  border: 1px solid #262626 !important; }

.b-a-2 {
  border: 2px solid #262626 !important; }

.b-a-3 {
  border: 3px solid #262626 !important; }

.b-a-4 {
  border: 4px solid #262626 !important; }

.b-t-0 {
  border-top: 0 !important; }

.b-t-1 {
  border-top: 1px solid #262626 !important; }

.b-t-2 {
  border-top: 2px solid #262626 !important; }

.b-t-3 {
  border-top: 3px solid #262626 !important; }

.b-t-4 {
  border-top: 4px solid #262626 !important; }

.b-r-0 {
  border-right: 0 !important; }

.b-r-1 {
  border-right: 1px solid #262626 !important; }

.b-r-2 {
  border-right: 2px solid #262626 !important; }

.b-r-3 {
  border-right: 3px solid #262626 !important; }

.b-r-4 {
  border-right: 4px solid #262626 !important; }

.b-b-0 {
  border-bottom: 0 !important; }

.b-b-1 {
  border-bottom: 1px solid #262626 !important; }

.b-b-2 {
  border-bottom: 2px solid #262626 !important; }

.b-b-3 {
  border-bottom: 3px solid #262626 !important; }

.b-b-4 {
  border-bottom: 4px solid #262626 !important; }

.b-l-0 {
  border-left: 0 solid #262626 !important; }

.b-l-1 {
  border-left: 1px solid #262626 !important; }

.b-l-2 {
  border-left: 2px solid #262626 !important; }

.b-l-3 {
  border-left: 3px solid #262626 !important; }

.b-l-4 {
  border-left: 4px solid #262626 !important; }

.b-dotted {
  border-style: dotted !important; }

.b-t-dotted {
  border-top-style: dotted !important; }

.b-r-dotted {
  border-right-style: dotted !important; }

.b-b-dotted {
  border-bottom-style: dotted !important; }

.b-l-dotted {
  border-left-style: dotted !important; }

.b-dashed {
  border-style: dotted !important; }

.b-t-dashed {
  border-top-style: dashed !important; }

.b-r-dashed {
  border-right-style: dashed !important; }

.b-b-dashed {
  border-bottom-style: dashed !important; }

.b-l-dashed {
  border-left-style: dashed !important; }

.b-solid {
  border-style: solid !important; }

.b-t-solid {
  border-top-style: solid !important; }

.b-r-solid {
  border-right-style: solid !important; }

.b-b-solid {
  border-bottom-style: solid !important; }

.b-l-solid {
  border-left-style: solid !important; }

.b-cerulean {
  border-color: #00A3E3 !important; }

.b-t-cerulean {
  border-top-color: #00A3E3 !important; }

.b-r-cerulean {
  border-right-color: #00A3E3 !important; }

.b-b-cerulean {
  border-bottom-color: #00A3E3 !important; }

.b-l-cerulean {
  border-left-color: #00A3E3 !important; }

.b-body-bg {
  border-color: #212121 !important; }

.b-t-body-bg {
  border-top-color: #212121 !important; }

.b-r-body-bg {
  border-right-color: #212121 !important; }

.b-b-body-bg {
  border-bottom-color: #212121 !important; }

.b-l-body-bg {
  border-left-color: #212121 !important; }

.b-gray-darker {
  border-color: #262626 !important; }

.b-t-gray-darker {
  border-top-color: #262626 !important; }

.b-r-gray-darker {
  border-right-color: #262626 !important; }

.b-b-gray-darker {
  border-bottom-color: #262626 !important; }

.b-l-gray-darker {
  border-left-color: #262626 !important; }

.b-gray-dark {
  border-color: #2d2d2d !important; }

.b-t-gray-dark {
  border-top-color: #2d2d2d !important; }

.b-r-gray-dark {
  border-right-color: #2d2d2d !important; }

.b-b-gray-dark {
  border-bottom-color: #2d2d2d !important; }

.b-l-gray-dark {
  border-left-color: #2d2d2d !important; }

.b-gray {
  border-color: #383838 !important; }

.b-t-gray {
  border-top-color: #383838 !important; }

.b-r-gray {
  border-right-color: #383838 !important; }

.b-b-gray {
  border-bottom-color: #383838 !important; }

.b-l-gray {
  border-left-color: #383838 !important; }

.b-gray-light {
  border-color: #444444 !important; }

.b-t-gray-light {
  border-top-color: #444444 !important; }

.b-r-gray-light {
  border-right-color: #444444 !important; }

.b-b-gray-light {
  border-bottom-color: #444444 !important; }

.b-l-gray-light {
  border-left-color: #444444 !important; }

.b-gray-lighter {
  border-color: #5c5c5c !important; }

.b-t-gray-lighter {
  border-top-color: #5c5c5c !important; }

.b-r-gray-lighter {
  border-right-color: #5c5c5c !important; }

.b-b-gray-lighter {
  border-bottom-color: #5c5c5c !important; }

.b-l-gray-lighter {
  border-left-color: #5c5c5c !important; }

.b-primary {
  border-color: #2c97de !important; }

.b-t-primary {
  border-top-color: #2c97de !important; }

.b-r-primary {
  border-right-color: #2c97de !important; }

.b-b-primary {
  border-bottom-color: #2c97de !important; }

.b-l-primary {
  border-left-color: #2c97de !important; }

.b-success {
  border-color: #84b547 !important; }

.b-t-success {
  border-top-color: #84b547 !important; }

.b-r-success {
  border-right-color: #84b547 !important; }

.b-b-success {
  border-bottom-color: #84b547 !important; }

.b-l-success {
  border-left-color: #84b547 !important; }

.b-info {
  border-color: #2dbda8 !important; }

.b-t-info {
  border-top-color: #2dbda8 !important; }

.b-r-info {
  border-right-color: #2dbda8 !important; }

.b-b-info {
  border-bottom-color: #2dbda8 !important; }

.b-l-info {
  border-left-color: #2dbda8 !important; }

.b-warning {
  border-color: #e76d3b !important; }

.b-t-warning {
  border-top-color: #e76d3b !important; }

.b-r-warning {
  border-right-color: #e76d3b !important; }

.b-b-warning {
  border-bottom-color: #e76d3b !important; }

.b-l-warning {
  border-left-color: #e76d3b !important; }

.b-danger {
  border-color: #cc3e4a !important; }

.b-t-danger {
  border-top-color: #cc3e4a !important; }

.b-r-danger {
  border-right-color: #cc3e4a !important; }

.b-b-danger {
  border-bottom-color: #cc3e4a !important; }

.b-l-danger {
  border-left-color: #cc3e4a !important; }

.b-cerulean {
  border-color: #00A3E3 !important; }

.b-t-cerulean {
  border-top-color: #00A3E3 !important; }

.b-r-cerulean {
  border-right-color: #00A3E3 !important; }

.b-b-cerulean {
  border-bottom-color: #00A3E3 !important; }

.b-l-cerulean {
  border-left-color: #00A3E3 !important; }

.b-curious-blue {
  border-color: #2986c7 !important; }

.b-t-curious-blue {
  border-top-color: #2986c7 !important; }

.b-r-curious-blue {
  border-right-color: #2986c7 !important; }

.b-b-curious-blue {
  border-bottom-color: #2986c7 !important; }

.b-l-curious-blue {
  border-left-color: #2986c7 !important; }

.b-endaveour {
  border-color: #0055a3 !important; }

.b-t-endaveour {
  border-top-color: #0055a3 !important; }

.b-r-endaveour {
  border-right-color: #0055a3 !important; }

.b-b-endaveour {
  border-bottom-color: #0055a3 !important; }

.b-l-endaveour {
  border-left-color: #0055a3 !important; }

.b-minsk {
  border-color: #362d88 !important; }

.b-t-minsk {
  border-top-color: #362d88 !important; }

.b-r-minsk {
  border-right-color: #362d88 !important; }

.b-b-minsk {
  border-bottom-color: #362d88 !important; }

.b-l-minsk {
  border-left-color: #362d88 !important; }

.b-eminence {
  border-color: #742787 !important; }

.b-t-eminence {
  border-top-color: #742787 !important; }

.b-r-eminence {
  border-right-color: #742787 !important; }

.b-b-eminence {
  border-bottom-color: #742787 !important; }

.b-l-eminence {
  border-left-color: #742787 !important; }

.b-violet-eggplant {
  border-color: #aa1985 !important; }

.b-t-violet-eggplant {
  border-top-color: #aa1985 !important; }

.b-r-violet-eggplant {
  border-right-color: #aa1985 !important; }

.b-b-violet-eggplant {
  border-bottom-color: #aa1985 !important; }

.b-l-violet-eggplant {
  border-left-color: #aa1985 !important; }

.b-mint-green {
  border-color: #72ff96 !important; }

.b-t-mint-green {
  border-top-color: #72ff96 !important; }

.b-r-mint-green {
  border-right-color: #72ff96 !important; }

.b-b-mint-green {
  border-bottom-color: #72ff96 !important; }

.b-l-mint-green {
  border-left-color: #72ff96 !important; }

.b-aquamarine {
  border-color: #62ffe0 !important; }

.b-t-aquamarine {
  border-top-color: #62ffe0 !important; }

.b-r-aquamarine {
  border-right-color: #62ffe0 !important; }

.b-b-aquamarine {
  border-bottom-color: #62ffe0 !important; }

.b-l-aquamarine {
  border-left-color: #62ffe0 !important; }

.b-malibu {
  border-color: #6abfff !important; }

.b-t-malibu {
  border-top-color: #6abfff !important; }

.b-r-malibu {
  border-right-color: #6abfff !important; }

.b-b-malibu {
  border-bottom-color: #6abfff !important; }

.b-l-malibu {
  border-left-color: #6abfff !important; }

.b-dodger-blue {
  border-color: #5e6cff !important; }

.b-t-dodger-blue {
  border-top-color: #5e6cff !important; }

.b-r-dodger-blue {
  border-right-color: #5e6cff !important; }

.b-b-dodger-blue {
  border-bottom-color: #5e6cff !important; }

.b-l-dodger-blue {
  border-left-color: #5e6cff !important; }

.b-heliotrope {
  border-color: #a26bff !important; }

.b-t-heliotrope {
  border-top-color: #a26bff !important; }

.b-r-heliotrope {
  border-right-color: #a26bff !important; }

.b-b-heliotrope {
  border-bottom-color: #a26bff !important; }

.b-l-heliotrope {
  border-left-color: #a26bff !important; }

.b-perfume {
  border-color: #f57ffe !important; }

.b-t-perfume {
  border-top-color: #f57ffe !important; }

.b-r-perfume {
  border-right-color: #f57ffe !important; }

.b-b-perfume {
  border-bottom-color: #f57ffe !important; }

.b-l-perfume {
  border-left-color: #f57ffe !important; }

.b-white {
  border-color: white !important; }

.b-r-a-0 {
  border-radius: 0 !important; }

.b-r-a-1 {
  border-radius: 1px !important; }

.b-r-a-2 {
  border-radius: 2px !important; }

.b-r-a-3 {
  border-radius: 3px !important; }

.b-r-a-4 {
  border-radius: 4px !important; }

.b-t-r-0 {
  border-top-right-radius: 0 !important; }

.b-t-r-1 {
  border-top-right-radius: 1px !important; }

.b-t-r-2 {
  border-top-right-radius: 2px !important; }

.b-t-r-3 {
  border-top-right-radius: 3px !important; }

.b-t-r-4 {
  border-top-right-radius: 4px !important; }

.b-b-r-0 {
  border-bottom-right-radius: 0 !important; }

.b-b-r-1 {
  border-bottom-right-radius: 1px !important; }

.b-b-r-2 {
  border-bottom-right-radius: 2px !important; }

.b-b-r-3 {
  border-bottom-right-radius: 3px !important; }

.b-b-r-4 {
  border-bottom-right-radius: 4px !important; }

.b-b-l-0 {
  border-bottom-left-radius: 0 !important; }

.b-b-l-1 {
  border-bottom-left-radius: 1px !important; }

.b-b-l-2 {
  border-bottom-left-radius: 2px !important; }

.b-b-l-3 {
  border-bottom-left-radius: 3px !important; }

.b-b-l-4 {
  border-bottom-left-radius: 4px !important; }

.b-t-l-0 {
  border-top-left-radius: 0 !important; }

.b-t-l-1 {
  border-top-left-radius: 1px !important; }

.b-t-l-2 {
  border-top-left-radius: 2px !important; }

.b-t-l-3 {
  border-top-left-radius: 3px !important; }

.b-t-l-4 {
  border-top-left-radius: 4px !important; }

.flex-space-between, .bar-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.color-swatch-preview {
  height: 5em;
  width: 103%;
  display: table-cell;
  margin-bottom: 0.5em;
  border-radius: 3px 3px 0 0;
  padding: 0;
  font-size: 2em;
  text-align: center;
  line-height: 1.1;
  vertical-align: middle;
  overflow: hidden;
  float: none;
  position: absolute;
  top: -0.25em;
  left: -1.5%;
  right: -1.5%;
  background-color: none;
  color: black; }

.color-swatch-details {
  padding: 0 5% 9px;
  margin-bottom: 0.5em;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: black;
  width: 100%; }

.color-swatch {
  float: left;
  width: 15em;
  margin-right: 1em;
  list-style-type: none;
  font-size: 11px;
  line-height: 1.2em;
  margin-bottom: 1em;
  background-color: black;
  height: 13em;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.color-swatches {
  padding: 0;
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 2em; }

.thumbnail, .gallery-thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 19px;
  line-height: 1.52857;
  background-color: #000;
  border: 1px solid #262626;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img, .gallery-thumbnail > img,
  .thumbnail a > img, .gallery-thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption, .gallery-thumbnail .caption {
    padding: 9px;
    color: #5c5c5c; }

a.thumbnail:hover, a.gallery-thumbnail:hover,
a.thumbnail:focus,
a.gallery-thumbnail:focus,
a.thumbnail.active,
a.active.gallery-thumbnail {
  border-color: #2c97de; }

.text-white {
  color: white; }

a.text-white:hover,
a.text-white:focus {
  color: #e6e6e6; }

.text-cerulean {
  color: #00A3E3; }

a.text-cerulean:hover,
a.text-cerulean:focus {
  color: #007eb0; }

.text-curious-blue {
  color: #2986c7; }

a.text-curious-blue:hover,
a.text-curious-blue:focus {
  color: #206a9d; }

.text-endaveour {
  color: #0055a3; }

a.text-endaveour:hover,
a.text-endaveour:focus {
  color: #003a70; }

.text-minsk {
  color: #362d88; }

a.text-minsk:hover,
a.text-minsk:focus {
  color: #272062; }

.text-eminence {
  color: #742787; }

a.text-eminence:hover,
a.text-eminence:focus {
  color: #521c5f; }

.text-violet-eggplant {
  color: #aa1985; }

a.text-violet-eggplant:hover,
a.text-violet-eggplant:focus {
  color: #7e1262; }

.text-mint-green {
  color: #72ff96; }

a.text-mint-green:hover,
a.text-mint-green:focus {
  color: #3fff70; }

.text-aquamarine {
  color: #62ffe0; }

a.text-aquamarine:hover,
a.text-aquamarine:focus {
  color: #2fffd6; }

.text-dodger-blue {
  color: #5e6cff; }

a.text-dodger-blue:hover,
a.text-dodger-blue:focus {
  color: #2b3dff; }

.text-heliotrope {
  color: #a26bff; }

a.text-heliotrope:hover,
a.text-heliotrope:focus {
  color: #8238ff; }

.text-perfume {
  color: #f57ffe; }

a.text-perfume:hover,
a.text-perfume:focus {
  color: #f14cfe; }

.text-gray-darker {
  color: #262626; }

a.text-gray-darker:hover,
a.text-gray-darker:focus {
  color: #0d0d0d; }

.text-gray-dark {
  color: #2d2d2d; }

a.text-gray-dark:hover,
a.text-gray-dark:focus {
  color: #141414; }

.text-gray {
  color: #383838; }

a.text-gray:hover,
a.text-gray:focus {
  color: #1f1f1f; }

.text-gray-light {
  color: #444444; }

a.text-gray-light:hover,
a.text-gray-light:focus {
  color: #2b2b2b; }

.text-gray-lighter {
  color: #5c5c5c; }

a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
  color: #434343; }

.text-swamp {
  color: #222D33; }

a.text-swamp:hover,
a.text-swamp:focus {
  color: #0e1214; }

.text-caper {
  color: #AECA89; }

a.text-caper:hover,
a.text-caper:focus {
  color: #96ba66; }

.text-chelsea-cucumber {
  color: #88B152; }

a.text-chelsea-cucumber:hover,
a.text-chelsea-cucumber:focus {
  color: #6d8f41; }

.text-green-darker {
  color: #2b2f26; }

a.text-green-darker:hover,
a.text-green-darker:focus {
  color: #11130f; }

.text-facebook {
  color: #3A5C96; }

a.text-facebook:hover,
a.text-facebook:focus {
  color: #2c4571; }

.text-twitter {
  color: #5FABDC; }

a.text-twitter:hover,
a.text-twitter:focus {
  color: #3595d3; }

.text-lastfm {
  color: #E2132F; }

a.text-lastfm:hover,
a.text-lastfm:focus {
  color: #b30f25; }

.text-linkedin {
  color: #027AB4; }

a.text-linkedin:hover,
a.text-linkedin:focus {
  color: #015882; }

.text-foursquare {
  color: #F84978; }

a.text-foursquare:hover,
a.text-foursquare:focus {
  color: #f61854; }

.text-medium {
  color: #18AA6E; }

a.text-medium:hover,
a.text-medium:focus {
  color: #127d51; }

.text-windows {
  color: #10BFF2; }

a.text-windows:hover,
a.text-windows:focus {
  color: #0b9ac4; }

.text-amazon {
  color: orange; }

a.text-amazon:hover,
a.text-amazon:focus {
  color: #cc8400; }

.text-default {
  color: #5c5c5c; }

a.text-default:hover,
a.text-default:focus {
  color: #434343; }

a:hover .text-default {
  color: white; }

.bg-body-bg {
  background-color: #212121; }

a.bg-body-bg:hover,
a.bg-body-bg:focus {
  background-color: #080808; }

.bg-white {
  background-color: white; }

a.bg-white:hover,
a.bg-white:focus {
  background-color: #e6e6e6; }

.bg-rangoon {
  background-color: #1A1A1A; }

a.bg-rangoon:hover,
a.bg-rangoon:focus {
  background-color: #010101; }

.bg-success-light {
  background-color: #deebcd; }

a.bg-success-light:hover,
a.bg-success-light:focus {
  background-color: #c6dca9; }

.bg-info-light {
  background-color: #bddef5; }

a.bg-info-light:hover,
a.bg-info-light:focus {
  background-color: #91c8ee; }

.bg-warning-light {
  background-color: #f9d7bb; }

a.bg-warning-light:hover,
a.bg-warning-light:focus {
  background-color: #f5bb8c; }

.bg-danger-light {
  background-color: #f1c3c6; }

a.bg-danger-light:hover,
a.bg-danger-light:focus {
  background-color: #e79a9f; }

.bg-primary {
  background-color: #2c97de; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #1d7bba; }

.bg-success {
  background-color: #84b547; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #699039; }

.bg-info {
  background-color: #2dbda8; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #239483; }

.bg-warning {
  background-color: #e76d3b; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #d5501a; }

.bg-danger {
  background-color: #cc3e4a; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #aa2d38; }

.bg-cerulean {
  background-color: #00A3E3; }

a.bg-cerulean:hover,
a.bg-cerulean:focus {
  background-color: #007eb0; }

.bg-curious-blue {
  background-color: #2986c7; }

a.bg-curious-blue:hover,
a.bg-curious-blue:focus {
  background-color: #206a9d; }

.bg-endaveour {
  background-color: #0055a3; }

a.bg-endaveour:hover,
a.bg-endaveour:focus {
  background-color: #003a70; }

.bg-minsk {
  background-color: #362d88; }

a.bg-minsk:hover,
a.bg-minsk:focus {
  background-color: #272062; }

.bg-eminence {
  background-color: #742787; }

a.bg-eminence:hover,
a.bg-eminence:focus {
  background-color: #521c5f; }

.bg-violet-eggplant {
  background-color: #aa1985; }

a.bg-violet-eggplant:hover,
a.bg-violet-eggplant:focus {
  background-color: #7e1262; }

.bg-mint-green {
  background-color: #72ff96; }

a.bg-mint-green:hover,
a.bg-mint-green:focus {
  background-color: #3fff70; }

.bg-aquamarine {
  background-color: #62ffe0; }

a.bg-aquamarine:hover,
a.bg-aquamarine:focus {
  background-color: #2fffd6; }

.bg-malibu {
  background-color: #6abfff; }

a.bg-malibu:hover,
a.bg-malibu:focus {
  background-color: #37a9ff; }

.bg-dodger-blue {
  background-color: #5e6cff; }

a.bg-dodger-blue:hover,
a.bg-dodger-blue:focus {
  background-color: #2b3dff; }

.bg-heliotrope {
  background-color: #a26bff; }

a.bg-heliotrope:hover,
a.bg-heliotrope:focus {
  background-color: #8238ff; }

.bg-perfume {
  background-color: #f57ffe; }

a.bg-perfume:hover,
a.bg-perfume:focus {
  background-color: #f14cfe; }

.bg-brand-cerulean {
  background-color: #00A3E3; }

a.bg-brand-cerulean:hover,
a.bg-brand-cerulean:focus {
  background-color: #007eb0; }

.bg-gray-darker {
  background-color: #262626; }

a.bg-gray-darker:hover,
a.bg-gray-darker:focus {
  background-color: #0d0d0d; }

.bg-gray-dark {
  background-color: #2d2d2d; }

a.bg-gray-dark:hover,
a.bg-gray-dark:focus {
  background-color: #141414; }

.bg-gray {
  background-color: #383838; }

a.bg-gray:hover,
a.bg-gray:focus {
  background-color: #1f1f1f; }

.bg-gray-light {
  background-color: #444444; }

a.bg-gray-light:hover,
a.bg-gray-light:focus {
  background-color: #2b2b2b; }

.bg-gray-lighter {
  background-color: #5c5c5c; }

a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus {
  background-color: #434343; }

.bg-body-bg-i {
  background-color: #212121 !important; }

a.bg-body-bg-i:hover,
a.bg-body-bg-i:focus {
  background-color: #080808; }

.bg-success-light-i {
  background-color: #deebcd !important; }

a.bg-success-light-i:hover,
a.bg-success-light-i:focus {
  background-color: #c6dca9; }

.bg-info-light-i {
  background-color: #bddef5 !important; }

a.bg-info-light-i:hover,
a.bg-info-light-i:focus {
  background-color: #91c8ee; }

.bg-warning-light-i {
  background-color: #f9d7bb !important; }

a.bg-warning-light-i:hover,
a.bg-warning-light-i:focus {
  background-color: #f5bb8c; }

.bg-danger-light-i {
  background-color: #f1c3c6 !important; }

a.bg-danger-light-i:hover,
a.bg-danger-light-i:focus {
  background-color: #e79a9f; }

.bg-primary-i {
  background-color: #2c97de !important; }

a.bg-primary-i:hover,
a.bg-primary-i:focus {
  background-color: #1d7bba; }

.bg-success-i {
  background-color: #84b547 !important; }

a.bg-success-i:hover,
a.bg-success-i:focus {
  background-color: #699039; }

.bg-info-i {
  background-color: #2dbda8 !important; }

a.bg-info-i:hover,
a.bg-info-i:focus {
  background-color: #239483; }

.bg-warning-i {
  background-color: #e76d3b !important; }

a.bg-warning-i:hover,
a.bg-warning-i:focus {
  background-color: #d5501a; }

.bg-danger-i {
  background-color: #cc3e4a !important; }

a.bg-danger-i:hover,
a.bg-danger-i:focus {
  background-color: #aa2d38; }

.bg-cerulean-i {
  background-color: #00A3E3 !important; }

a.bg-cerulean-i:hover,
a.bg-cerulean-i:focus {
  background-color: #007eb0; }

.bg-curious-blue-i {
  background-color: #2986c7 !important; }

a.bg-curious-blue-i:hover,
a.bg-curious-blue-i:focus {
  background-color: #206a9d; }

.bg-endaveour-i {
  background-color: #0055a3 !important; }

a.bg-endaveour-i:hover,
a.bg-endaveour-i:focus {
  background-color: #003a70; }

.bg-minsk-i {
  background-color: #362d88 !important; }

a.bg-minsk-i:hover,
a.bg-minsk-i:focus {
  background-color: #272062; }

.bg-eminence-i {
  background-color: #742787 !important; }

a.bg-eminence-i:hover,
a.bg-eminence-i:focus {
  background-color: #521c5f; }

.bg-violet-eggplant-i {
  background-color: #aa1985 !important; }

a.bg-violet-eggplant-i:hover,
a.bg-violet-eggplant-i:focus {
  background-color: #7e1262; }

.bg-mint-green-i {
  background-color: #72ff96 !important; }

a.bg-mint-green-i:hover,
a.bg-mint-green-i:focus {
  background-color: #3fff70; }

.bg-aquamarine-i {
  background-color: #62ffe0 !important; }

a.bg-aquamarine-i:hover,
a.bg-aquamarine-i:focus {
  background-color: #2fffd6; }

.bg-malibu-i {
  background-color: #6abfff !important; }

a.bg-malibu-i:hover,
a.bg-malibu-i:focus {
  background-color: #37a9ff; }

.bg-dodger-blue-i {
  background-color: #5e6cff !important; }

a.bg-dodger-blue-i:hover,
a.bg-dodger-blue-i:focus {
  background-color: #2b3dff; }

.bg-heliotrope-i {
  background-color: #a26bff !important; }

a.bg-heliotrope-i:hover,
a.bg-heliotrope-i:focus {
  background-color: #8238ff; }

.bg-perfume-i {
  background-color: #f57ffe !important; }

a.bg-perfume-i:hover,
a.bg-perfume-i:focus {
  background-color: #f14cfe; }

.bg-brand-cerulean-i {
  background-color: #00A3E3 !important; }

a.bg-brand-cerulean-i:hover,
a.bg-brand-cerulean-i:focus {
  background-color: #007eb0; }

.bg-gray-darker-i {
  background-color: #262626 !important; }

a.bg-gray-darker-i:hover,
a.bg-gray-darker-i:focus {
  background-color: #0d0d0d; }

.bg-gray-dark-i {
  background-color: #2d2d2d !important; }

a.bg-gray-dark-i:hover,
a.bg-gray-dark-i:focus {
  background-color: #141414; }

.bg-gray-i {
  background-color: #383838 !important; }

a.bg-gray-i:hover,
a.bg-gray-i:focus {
  background-color: #1f1f1f; }

.bg-gray-light-i {
  background-color: #444444 !important; }

a.bg-gray-light-i:hover,
a.bg-gray-light-i:focus {
  background-color: #2b2b2b; }

.bg-gray-lighter-i {
  background-color: #5c5c5c !important; }

a.bg-gray-lighter-i:hover,
a.bg-gray-lighter-i:focus {
  background-color: #434343; }

.bg-rangoon-i {
  background-color: #1A1A1A !important; }

a.bg-rangoon-i:hover,
a.bg-rangoon-i:focus {
  background-color: #010101; }

ul.tab-color-white > li.active > a, ul.tab-color-white > li.active > a:hover, ul.tab-color-white > li.active > a:focus {
  background-color: white; }

ul.tab-color-body-bg > li.active > a, ul.tab-color-body-bg > li.active > a:hover, ul.tab-color-body-bg > li.active > a:focus {
  background-color: #212121; }

ul.tab-color-panel-bg > li.active > a, ul.tab-color-panel-bg > li.active > a:hover, ul.tab-color-panel-bg > li.active > a:focus {
  background-color: #1A1A1A; }

ul.tab-color-primary > li.active > a, ul.tab-color-primary > li.active > a:hover, ul.tab-color-primary > li.active > a:focus {
  background-color: #2c97de; }

ul.tab-color-success > li.active > a, ul.tab-color-success > li.active > a:hover, ul.tab-color-success > li.active > a:focus {
  background-color: #84b547; }

ul.tab-color-info > li.active > a, ul.tab-color-info > li.active > a:hover, ul.tab-color-info > li.active > a:focus {
  background-color: #2dbda8; }

ul.tab-color-warning > li.active > a, ul.tab-color-warning > li.active > a:hover, ul.tab-color-warning > li.active > a:focus {
  background-color: #e76d3b; }

ul.tab-color-danger > li.active > a, ul.tab-color-danger > li.active > a:hover, ul.tab-color-danger > li.active > a:focus {
  background-color: #cc3e4a; }

ul.tab-color-cerulean > li.active > a, ul.tab-color-cerulean > li.active > a:hover, ul.tab-color-cerulean > li.active > a:focus {
  background-color: #00A3E3; }

ul.tab-color-curious-blue > li.active > a, ul.tab-color-curious-blue > li.active > a:hover, ul.tab-color-curious-blue > li.active > a:focus {
  background-color: #2986c7; }

ul.tab-color-endaveour > li.active > a, ul.tab-color-endaveour > li.active > a:hover, ul.tab-color-endaveour > li.active > a:focus {
  background-color: #0055a3; }

ul.tab-color-minsk > li.active > a, ul.tab-color-minsk > li.active > a:hover, ul.tab-color-minsk > li.active > a:focus {
  background-color: #362d88; }

ul.tab-color-eminence > li.active > a, ul.tab-color-eminence > li.active > a:hover, ul.tab-color-eminence > li.active > a:focus {
  background-color: #742787; }

ul.tab-color-violet-eggplant > li.active > a, ul.tab-color-violet-eggplant > li.active > a:hover, ul.tab-color-violet-eggplant > li.active > a:focus {
  background-color: #aa1985; }

ul.tab-color-mint-green > li.active > a, ul.tab-color-mint-green > li.active > a:hover, ul.tab-color-mint-green > li.active > a:focus {
  background-color: #72ff96; }

ul.tab-color-aquamarine > li.active > a, ul.tab-color-aquamarine > li.active > a:hover, ul.tab-color-aquamarine > li.active > a:focus {
  background-color: #62ffe0; }

ul.tab-color-malibu > li.active > a, ul.tab-color-malibu > li.active > a:hover, ul.tab-color-malibu > li.active > a:focus {
  background-color: #6abfff; }

ul.tab-color-dodger-blue > li.active > a, ul.tab-color-dodger-blue > li.active > a:hover, ul.tab-color-dodger-blue > li.active > a:focus {
  background-color: #5e6cff; }

ul.tab-color-heliotrope > li.active > a, ul.tab-color-heliotrope > li.active > a:hover, ul.tab-color-heliotrope > li.active > a:focus {
  background-color: #a26bff; }

ul.tab-color-perfume > li.active > a, ul.tab-color-perfume > li.active > a:hover, ul.tab-color-perfume > li.active > a:focus {
  background-color: #f57ffe; }

ul.tab-color-brand-cerulean > li.active > a, ul.tab-color-brand-cerulean > li.active > a:hover, ul.tab-color-brand-cerulean > li.active > a:focus {
  background-color: #00A3E3; }

ul.tab-color-gray-darker > li.active > a, ul.tab-color-gray-darker > li.active > a:hover, ul.tab-color-gray-darker > li.active > a:focus {
  background-color: #262626; }

ul.tab-color-gray-dark > li.active > a, ul.tab-color-gray-dark > li.active > a:hover, ul.tab-color-gray-dark > li.active > a:focus {
  background-color: #2d2d2d; }

ul.tab-color-gray > li.active > a, ul.tab-color-gray > li.active > a:hover, ul.tab-color-gray > li.active > a:focus {
  background-color: #383838; }

ul.tab-color-gray-light > li.active > a, ul.tab-color-gray-light > li.active > a:hover, ul.tab-color-gray-light > li.active > a:focus {
  background-color: #444444; }

ul.tab-color-gray-lighter > li.active > a, ul.tab-color-gray-lighter > li.active > a:hover, ul.tab-color-gray-lighter > li.active > a:focus {
  background-color: #5c5c5c; }

ul.tab-color-gray-lighter > li.active > a, ul.tab-color-gray-lighter > li.active > a:hover, ul.tab-color-gray-lighter > li.active > a:focus {
  background-color: #5c5c5c; }

ul.tab-color-rangoon > li.active > a, ul.tab-color-rangoon > li.active > a:hover, ul.tab-color-rangoon > li.active > a:focus {
  background-color: #1A1A1A; }

.btn-cerulean {
  color: white;
  background-color: #00A3E3;
  border-color: #00A3E3; }
  .btn-cerulean:focus, .btn-cerulean.focus {
    color: white;
    background-color: #007eb0;
    border-color: #004764; }
  .btn-cerulean:hover {
    color: white;
    background-color: #007eb0;
    border-color: #0077a6; }
  .btn-cerulean:active, .btn-cerulean.active,
  .open > .btn-cerulean.dropdown-toggle {
    color: white;
    background-color: #007eb0;
    border-color: #0077a6; }
    .btn-cerulean:active:hover, .btn-cerulean:active:focus, .btn-cerulean:active.focus, .btn-cerulean.active:hover, .btn-cerulean.active:focus, .btn-cerulean.active.focus,
    .open > .btn-cerulean.dropdown-toggle:hover,
    .open > .btn-cerulean.dropdown-toggle:focus,
    .open > .btn-cerulean.dropdown-toggle.focus {
      color: white;
      background-color: #00658c;
      border-color: #004764; }
  .btn-cerulean:active, .btn-cerulean.active,
  .open > .btn-cerulean.dropdown-toggle {
    background-image: none; }
  .btn-cerulean.disabled:hover, .btn-cerulean.disabled:focus, .btn-cerulean.disabled.focus, .btn-cerulean[disabled]:hover, .btn-cerulean[disabled]:focus, .btn-cerulean[disabled].focus,
  fieldset[disabled] .btn-cerulean:hover,
  fieldset[disabled] .btn-cerulean:focus,
  fieldset[disabled] .btn-cerulean.focus {
    background-color: #00A3E3;
    border-color: #00A3E3; }
  .btn-cerulean .badge {
    color: #00A3E3;
    background-color: white; }

.btn-curious-blue {
  color: white;
  background-color: #2986c7;
  border-color: #2986c7; }
  .btn-curious-blue:focus, .btn-curious-blue.focus {
    color: white;
    background-color: #206a9d;
    border-color: #133f5d; }
  .btn-curious-blue:hover {
    color: white;
    background-color: #206a9d;
    border-color: #1f6494; }
  .btn-curious-blue:active, .btn-curious-blue.active,
  .open > .btn-curious-blue.dropdown-toggle {
    color: white;
    background-color: #206a9d;
    border-color: #1f6494; }
    .btn-curious-blue:active:hover, .btn-curious-blue:active:focus, .btn-curious-blue:active.focus, .btn-curious-blue.active:hover, .btn-curious-blue.active:focus, .btn-curious-blue.active.focus,
    .open > .btn-curious-blue.dropdown-toggle:hover,
    .open > .btn-curious-blue.dropdown-toggle:focus,
    .open > .btn-curious-blue.dropdown-toggle.focus {
      color: white;
      background-color: #1a567f;
      border-color: #133f5d; }
  .btn-curious-blue:active, .btn-curious-blue.active,
  .open > .btn-curious-blue.dropdown-toggle {
    background-image: none; }
  .btn-curious-blue.disabled:hover, .btn-curious-blue.disabled:focus, .btn-curious-blue.disabled.focus, .btn-curious-blue[disabled]:hover, .btn-curious-blue[disabled]:focus, .btn-curious-blue[disabled].focus,
  fieldset[disabled] .btn-curious-blue:hover,
  fieldset[disabled] .btn-curious-blue:focus,
  fieldset[disabled] .btn-curious-blue.focus {
    background-color: #2986c7;
    border-color: #2986c7; }
  .btn-curious-blue .badge {
    color: #2986c7;
    background-color: white; }

.btn-endaveour {
  color: white;
  background-color: #0055a3;
  border-color: #0055a3; }
  .btn-endaveour:focus, .btn-endaveour.focus {
    color: white;
    background-color: #003a70;
    border-color: #001324; }
  .btn-endaveour:hover {
    color: white;
    background-color: #003a70;
    border-color: #003566; }
  .btn-endaveour:active, .btn-endaveour.active,
  .open > .btn-endaveour.dropdown-toggle {
    color: white;
    background-color: #003a70;
    border-color: #003566; }
    .btn-endaveour:active:hover, .btn-endaveour:active:focus, .btn-endaveour:active.focus, .btn-endaveour.active:hover, .btn-endaveour.active:focus, .btn-endaveour.active.focus,
    .open > .btn-endaveour.dropdown-toggle:hover,
    .open > .btn-endaveour.dropdown-toggle:focus,
    .open > .btn-endaveour.dropdown-toggle.focus {
      color: white;
      background-color: #00284c;
      border-color: #001324; }
  .btn-endaveour:active, .btn-endaveour.active,
  .open > .btn-endaveour.dropdown-toggle {
    background-image: none; }
  .btn-endaveour.disabled:hover, .btn-endaveour.disabled:focus, .btn-endaveour.disabled.focus, .btn-endaveour[disabled]:hover, .btn-endaveour[disabled]:focus, .btn-endaveour[disabled].focus,
  fieldset[disabled] .btn-endaveour:hover,
  fieldset[disabled] .btn-endaveour:focus,
  fieldset[disabled] .btn-endaveour.focus {
    background-color: #0055a3;
    border-color: #0055a3; }
  .btn-endaveour .badge {
    color: #0055a3;
    background-color: white; }

.btn-minsk {
  color: white;
  background-color: #362d88;
  border-color: #362d88; }
  .btn-minsk:focus, .btn-minsk.focus {
    color: white;
    background-color: #272062;
    border-color: #100d28; }
  .btn-minsk:hover {
    color: white;
    background-color: #272062;
    border-color: #241e5a; }
  .btn-minsk:active, .btn-minsk.active,
  .open > .btn-minsk.dropdown-toggle {
    color: white;
    background-color: #272062;
    border-color: #241e5a; }
    .btn-minsk:active:hover, .btn-minsk:active:focus, .btn-minsk:active.focus, .btn-minsk.active:hover, .btn-minsk.active:focus, .btn-minsk.active.focus,
    .open > .btn-minsk.dropdown-toggle:hover,
    .open > .btn-minsk.dropdown-toggle:focus,
    .open > .btn-minsk.dropdown-toggle.focus {
      color: white;
      background-color: #1c1747;
      border-color: #100d28; }
  .btn-minsk:active, .btn-minsk.active,
  .open > .btn-minsk.dropdown-toggle {
    background-image: none; }
  .btn-minsk.disabled:hover, .btn-minsk.disabled:focus, .btn-minsk.disabled.focus, .btn-minsk[disabled]:hover, .btn-minsk[disabled]:focus, .btn-minsk[disabled].focus,
  fieldset[disabled] .btn-minsk:hover,
  fieldset[disabled] .btn-minsk:focus,
  fieldset[disabled] .btn-minsk.focus {
    background-color: #362d88;
    border-color: #362d88; }
  .btn-minsk .badge {
    color: #362d88;
    background-color: white; }

.btn-eminence {
  color: white;
  background-color: #742787;
  border-color: #742787; }
  .btn-eminence:focus, .btn-eminence.focus {
    color: white;
    background-color: #521c5f;
    border-color: #1f0a24; }
  .btn-eminence:hover {
    color: white;
    background-color: #521c5f;
    border-color: #4b1958; }
  .btn-eminence:active, .btn-eminence.active,
  .open > .btn-eminence.dropdown-toggle {
    color: white;
    background-color: #521c5f;
    border-color: #4b1958; }
    .btn-eminence:active:hover, .btn-eminence:active:focus, .btn-eminence:active.focus, .btn-eminence.active:hover, .btn-eminence.active:focus, .btn-eminence.active.focus,
    .open > .btn-eminence.dropdown-toggle:hover,
    .open > .btn-eminence.dropdown-toggle:focus,
    .open > .btn-eminence.dropdown-toggle.focus {
      color: white;
      background-color: #3a1444;
      border-color: #1f0a24; }
  .btn-eminence:active, .btn-eminence.active,
  .open > .btn-eminence.dropdown-toggle {
    background-image: none; }
  .btn-eminence.disabled:hover, .btn-eminence.disabled:focus, .btn-eminence.disabled.focus, .btn-eminence[disabled]:hover, .btn-eminence[disabled]:focus, .btn-eminence[disabled].focus,
  fieldset[disabled] .btn-eminence:hover,
  fieldset[disabled] .btn-eminence:focus,
  fieldset[disabled] .btn-eminence.focus {
    background-color: #742787;
    border-color: #742787; }
  .btn-eminence .badge {
    color: #742787;
    background-color: white; }

.btn-violet-eggplant {
  color: white;
  background-color: #aa1985;
  border-color: #aa1985; }
  .btn-violet-eggplant:focus, .btn-violet-eggplant.focus {
    color: white;
    background-color: #7e1262;
    border-color: #3b092e; }
  .btn-violet-eggplant:hover {
    color: white;
    background-color: #7e1262;
    border-color: #75115b; }
  .btn-violet-eggplant:active, .btn-violet-eggplant.active,
  .open > .btn-violet-eggplant.dropdown-toggle {
    color: white;
    background-color: #7e1262;
    border-color: #75115b; }
    .btn-violet-eggplant:active:hover, .btn-violet-eggplant:active:focus, .btn-violet-eggplant:active.focus, .btn-violet-eggplant.active:hover, .btn-violet-eggplant.active:focus, .btn-violet-eggplant.active.focus,
    .open > .btn-violet-eggplant.dropdown-toggle:hover,
    .open > .btn-violet-eggplant.dropdown-toggle:focus,
    .open > .btn-violet-eggplant.dropdown-toggle.focus {
      color: white;
      background-color: #5e0e4a;
      border-color: #3b092e; }
  .btn-violet-eggplant:active, .btn-violet-eggplant.active,
  .open > .btn-violet-eggplant.dropdown-toggle {
    background-image: none; }
  .btn-violet-eggplant.disabled:hover, .btn-violet-eggplant.disabled:focus, .btn-violet-eggplant.disabled.focus, .btn-violet-eggplant[disabled]:hover, .btn-violet-eggplant[disabled]:focus, .btn-violet-eggplant[disabled].focus,
  fieldset[disabled] .btn-violet-eggplant:hover,
  fieldset[disabled] .btn-violet-eggplant:focus,
  fieldset[disabled] .btn-violet-eggplant.focus {
    background-color: #aa1985;
    border-color: #aa1985; }
  .btn-violet-eggplant .badge {
    color: #aa1985;
    background-color: white; }

.btn-mint-green {
  color: white;
  background-color: #72ff96;
  border-color: #72ff96; }
  .btn-mint-green:focus, .btn-mint-green.focus {
    color: white;
    background-color: #3fff70;
    border-color: #00f23e; }
  .btn-mint-green:hover {
    color: white;
    background-color: #3fff70;
    border-color: #35ff68; }
  .btn-mint-green:active, .btn-mint-green.active,
  .open > .btn-mint-green.dropdown-toggle {
    color: white;
    background-color: #3fff70;
    border-color: #35ff68; }
    .btn-mint-green:active:hover, .btn-mint-green:active:focus, .btn-mint-green:active.focus, .btn-mint-green.active:hover, .btn-mint-green.active:focus, .btn-mint-green.active.focus,
    .open > .btn-mint-green.dropdown-toggle:hover,
    .open > .btn-mint-green.dropdown-toggle:focus,
    .open > .btn-mint-green.dropdown-toggle.focus {
      color: white;
      background-color: #1bff55;
      border-color: #00f23e; }
  .btn-mint-green:active, .btn-mint-green.active,
  .open > .btn-mint-green.dropdown-toggle {
    background-image: none; }
  .btn-mint-green.disabled:hover, .btn-mint-green.disabled:focus, .btn-mint-green.disabled.focus, .btn-mint-green[disabled]:hover, .btn-mint-green[disabled]:focus, .btn-mint-green[disabled].focus,
  fieldset[disabled] .btn-mint-green:hover,
  fieldset[disabled] .btn-mint-green:focus,
  fieldset[disabled] .btn-mint-green.focus {
    background-color: #72ff96;
    border-color: #72ff96; }
  .btn-mint-green .badge {
    color: #72ff96;
    background-color: white; }

.btn-aquamarine {
  color: white;
  background-color: #62ffe0;
  border-color: #62ffe0; }
  .btn-aquamarine:focus, .btn-aquamarine.focus {
    color: white;
    background-color: #2fffd6;
    border-color: #00e2b5; }
  .btn-aquamarine:hover {
    color: white;
    background-color: #2fffd6;
    border-color: #25ffd4; }
  .btn-aquamarine:active, .btn-aquamarine.active,
  .open > .btn-aquamarine.dropdown-toggle {
    color: white;
    background-color: #2fffd6;
    border-color: #25ffd4; }
    .btn-aquamarine:active:hover, .btn-aquamarine:active:focus, .btn-aquamarine:active.focus, .btn-aquamarine.active:hover, .btn-aquamarine.active:focus, .btn-aquamarine.active.focus,
    .open > .btn-aquamarine.dropdown-toggle:hover,
    .open > .btn-aquamarine.dropdown-toggle:focus,
    .open > .btn-aquamarine.dropdown-toggle.focus {
      color: white;
      background-color: #0bffcf;
      border-color: #00e2b5; }
  .btn-aquamarine:active, .btn-aquamarine.active,
  .open > .btn-aquamarine.dropdown-toggle {
    background-image: none; }
  .btn-aquamarine.disabled:hover, .btn-aquamarine.disabled:focus, .btn-aquamarine.disabled.focus, .btn-aquamarine[disabled]:hover, .btn-aquamarine[disabled]:focus, .btn-aquamarine[disabled].focus,
  fieldset[disabled] .btn-aquamarine:hover,
  fieldset[disabled] .btn-aquamarine:focus,
  fieldset[disabled] .btn-aquamarine.focus {
    background-color: #62ffe0;
    border-color: #62ffe0; }
  .btn-aquamarine .badge {
    color: #62ffe0;
    background-color: white; }

.btn-malibu {
  color: white;
  background-color: #6abfff;
  border-color: #6abfff; }
  .btn-malibu:focus, .btn-malibu.focus {
    color: white;
    background-color: #37a9ff;
    border-color: #0085ea; }
  .btn-malibu:hover {
    color: white;
    background-color: #37a9ff;
    border-color: #2da5ff; }
  .btn-malibu:active, .btn-malibu.active,
  .open > .btn-malibu.dropdown-toggle {
    color: white;
    background-color: #37a9ff;
    border-color: #2da5ff; }
    .btn-malibu:active:hover, .btn-malibu:active:focus, .btn-malibu:active.focus, .btn-malibu.active:hover, .btn-malibu.active:focus, .btn-malibu.active.focus,
    .open > .btn-malibu.dropdown-toggle:hover,
    .open > .btn-malibu.dropdown-toggle:focus,
    .open > .btn-malibu.dropdown-toggle.focus {
      color: white;
      background-color: #139aff;
      border-color: #0085ea; }
  .btn-malibu:active, .btn-malibu.active,
  .open > .btn-malibu.dropdown-toggle {
    background-image: none; }
  .btn-malibu.disabled:hover, .btn-malibu.disabled:focus, .btn-malibu.disabled.focus, .btn-malibu[disabled]:hover, .btn-malibu[disabled]:focus, .btn-malibu[disabled].focus,
  fieldset[disabled] .btn-malibu:hover,
  fieldset[disabled] .btn-malibu:focus,
  fieldset[disabled] .btn-malibu.focus {
    background-color: #6abfff;
    border-color: #6abfff; }
  .btn-malibu .badge {
    color: #6abfff;
    background-color: white; }

.btn-dodger-blue {
  color: white;
  background-color: #5e6cff;
  border-color: #5e6cff; }
  .btn-dodger-blue:focus, .btn-dodger-blue.focus {
    color: white;
    background-color: #2b3dff;
    border-color: #0013de; }
  .btn-dodger-blue:hover {
    color: white;
    background-color: #2b3dff;
    border-color: #2134ff; }
  .btn-dodger-blue:active, .btn-dodger-blue.active,
  .open > .btn-dodger-blue.dropdown-toggle {
    color: white;
    background-color: #2b3dff;
    border-color: #2134ff; }
    .btn-dodger-blue:active:hover, .btn-dodger-blue:active:focus, .btn-dodger-blue:active.focus, .btn-dodger-blue.active:hover, .btn-dodger-blue.active:focus, .btn-dodger-blue.active.focus,
    .open > .btn-dodger-blue.dropdown-toggle:hover,
    .open > .btn-dodger-blue.dropdown-toggle:focus,
    .open > .btn-dodger-blue.dropdown-toggle.focus {
      color: white;
      background-color: #071dff;
      border-color: #0013de; }
  .btn-dodger-blue:active, .btn-dodger-blue.active,
  .open > .btn-dodger-blue.dropdown-toggle {
    background-image: none; }
  .btn-dodger-blue.disabled:hover, .btn-dodger-blue.disabled:focus, .btn-dodger-blue.disabled.focus, .btn-dodger-blue[disabled]:hover, .btn-dodger-blue[disabled]:focus, .btn-dodger-blue[disabled].focus,
  fieldset[disabled] .btn-dodger-blue:hover,
  fieldset[disabled] .btn-dodger-blue:focus,
  fieldset[disabled] .btn-dodger-blue.focus {
    background-color: #5e6cff;
    border-color: #5e6cff; }
  .btn-dodger-blue .badge {
    color: #5e6cff;
    background-color: white; }

.btn-heliotrope {
  color: white;
  background-color: #a26bff;
  border-color: #a26bff; }
  .btn-heliotrope:focus, .btn-heliotrope.focus {
    color: white;
    background-color: #8238ff;
    border-color: #5700eb; }
  .btn-heliotrope:hover {
    color: white;
    background-color: #8238ff;
    border-color: #7c2eff; }
  .btn-heliotrope:active, .btn-heliotrope.active,
  .open > .btn-heliotrope.dropdown-toggle {
    color: white;
    background-color: #8238ff;
    border-color: #7c2eff; }
    .btn-heliotrope:active:hover, .btn-heliotrope:active:focus, .btn-heliotrope:active.focus, .btn-heliotrope.active:hover, .btn-heliotrope.active:focus, .btn-heliotrope.active.focus,
    .open > .btn-heliotrope.dropdown-toggle:hover,
    .open > .btn-heliotrope.dropdown-toggle:focus,
    .open > .btn-heliotrope.dropdown-toggle.focus {
      color: white;
      background-color: #6c14ff;
      border-color: #5700eb; }
  .btn-heliotrope:active, .btn-heliotrope.active,
  .open > .btn-heliotrope.dropdown-toggle {
    background-image: none; }
  .btn-heliotrope.disabled:hover, .btn-heliotrope.disabled:focus, .btn-heliotrope.disabled.focus, .btn-heliotrope[disabled]:hover, .btn-heliotrope[disabled]:focus, .btn-heliotrope[disabled].focus,
  fieldset[disabled] .btn-heliotrope:hover,
  fieldset[disabled] .btn-heliotrope:focus,
  fieldset[disabled] .btn-heliotrope.focus {
    background-color: #a26bff;
    border-color: #a26bff; }
  .btn-heliotrope .badge {
    color: #a26bff;
    background-color: white; }

.btn-perfume {
  color: white;
  background-color: #f57ffe;
  border-color: #f57ffe; }
  .btn-perfume:focus, .btn-perfume.focus {
    color: white;
    background-color: #f14cfe;
    border-color: #ea02fc; }
  .btn-perfume:hover {
    color: white;
    background-color: #f14cfe;
    border-color: #f042fe; }
  .btn-perfume:active, .btn-perfume.active,
  .open > .btn-perfume.dropdown-toggle {
    color: white;
    background-color: #f14cfe;
    border-color: #f042fe; }
    .btn-perfume:active:hover, .btn-perfume:active:focus, .btn-perfume:active.focus, .btn-perfume.active:hover, .btn-perfume.active:focus, .btn-perfume.active.focus,
    .open > .btn-perfume.dropdown-toggle:hover,
    .open > .btn-perfume.dropdown-toggle:focus,
    .open > .btn-perfume.dropdown-toggle.focus {
      color: white;
      background-color: #ee29fd;
      border-color: #ea02fc; }
  .btn-perfume:active, .btn-perfume.active,
  .open > .btn-perfume.dropdown-toggle {
    background-image: none; }
  .btn-perfume.disabled:hover, .btn-perfume.disabled:focus, .btn-perfume.disabled.focus, .btn-perfume[disabled]:hover, .btn-perfume[disabled]:focus, .btn-perfume[disabled].focus,
  fieldset[disabled] .btn-perfume:hover,
  fieldset[disabled] .btn-perfume:focus,
  fieldset[disabled] .btn-perfume.focus {
    background-color: #f57ffe;
    border-color: #f57ffe; }
  .btn-perfume .badge {
    color: #f57ffe;
    background-color: white; }

.btn-brand-cerulean {
  color: white;
  background-color: #00A3E3;
  border-color: #00A3E3; }
  .btn-brand-cerulean:focus, .btn-brand-cerulean.focus {
    color: white;
    background-color: #007eb0;
    border-color: #004764; }
  .btn-brand-cerulean:hover {
    color: white;
    background-color: #007eb0;
    border-color: #0077a6; }
  .btn-brand-cerulean:active, .btn-brand-cerulean.active,
  .open > .btn-brand-cerulean.dropdown-toggle {
    color: white;
    background-color: #007eb0;
    border-color: #0077a6; }
    .btn-brand-cerulean:active:hover, .btn-brand-cerulean:active:focus, .btn-brand-cerulean:active.focus, .btn-brand-cerulean.active:hover, .btn-brand-cerulean.active:focus, .btn-brand-cerulean.active.focus,
    .open > .btn-brand-cerulean.dropdown-toggle:hover,
    .open > .btn-brand-cerulean.dropdown-toggle:focus,
    .open > .btn-brand-cerulean.dropdown-toggle.focus {
      color: white;
      background-color: #00658c;
      border-color: #004764; }
  .btn-brand-cerulean:active, .btn-brand-cerulean.active,
  .open > .btn-brand-cerulean.dropdown-toggle {
    background-image: none; }
  .btn-brand-cerulean.disabled:hover, .btn-brand-cerulean.disabled:focus, .btn-brand-cerulean.disabled.focus, .btn-brand-cerulean[disabled]:hover, .btn-brand-cerulean[disabled]:focus, .btn-brand-cerulean[disabled].focus,
  fieldset[disabled] .btn-brand-cerulean:hover,
  fieldset[disabled] .btn-brand-cerulean:focus,
  fieldset[disabled] .btn-brand-cerulean.focus {
    background-color: #00A3E3;
    border-color: #00A3E3; }
  .btn-brand-cerulean .badge {
    color: #00A3E3;
    background-color: white; }

.btn-gray-darker {
  color: white;
  background-color: #262626;
  border-color: #262626; }
  .btn-gray-darker:focus, .btn-gray-darker.focus {
    color: white;
    background-color: #0d0d0d;
    border-color: black; }
  .btn-gray-darker:hover {
    color: white;
    background-color: #0d0d0d;
    border-color: #070707; }
  .btn-gray-darker:active, .btn-gray-darker.active,
  .open > .btn-gray-darker.dropdown-toggle {
    color: white;
    background-color: #0d0d0d;
    border-color: #070707; }
    .btn-gray-darker:active:hover, .btn-gray-darker:active:focus, .btn-gray-darker:active.focus, .btn-gray-darker.active:hover, .btn-gray-darker.active:focus, .btn-gray-darker.active.focus,
    .open > .btn-gray-darker.dropdown-toggle:hover,
    .open > .btn-gray-darker.dropdown-toggle:focus,
    .open > .btn-gray-darker.dropdown-toggle.focus {
      color: white;
      background-color: black;
      border-color: black; }
  .btn-gray-darker:active, .btn-gray-darker.active,
  .open > .btn-gray-darker.dropdown-toggle {
    background-image: none; }
  .btn-gray-darker.disabled:hover, .btn-gray-darker.disabled:focus, .btn-gray-darker.disabled.focus, .btn-gray-darker[disabled]:hover, .btn-gray-darker[disabled]:focus, .btn-gray-darker[disabled].focus,
  fieldset[disabled] .btn-gray-darker:hover,
  fieldset[disabled] .btn-gray-darker:focus,
  fieldset[disabled] .btn-gray-darker.focus {
    background-color: #262626;
    border-color: #262626; }
  .btn-gray-darker .badge {
    color: #262626;
    background-color: white; }

.btn-gray-dark {
  color: white;
  background-color: #2d2d2d;
  border-color: #2d2d2d; }
  .btn-gray-dark:focus, .btn-gray-dark.focus {
    color: white;
    background-color: #141414;
    border-color: black; }
  .btn-gray-dark:hover {
    color: white;
    background-color: #141414;
    border-color: #0e0e0e; }
  .btn-gray-dark:active, .btn-gray-dark.active,
  .open > .btn-gray-dark.dropdown-toggle {
    color: white;
    background-color: #141414;
    border-color: #0e0e0e; }
    .btn-gray-dark:active:hover, .btn-gray-dark:active:focus, .btn-gray-dark:active.focus, .btn-gray-dark.active:hover, .btn-gray-dark.active:focus, .btn-gray-dark.active.focus,
    .open > .btn-gray-dark.dropdown-toggle:hover,
    .open > .btn-gray-dark.dropdown-toggle:focus,
    .open > .btn-gray-dark.dropdown-toggle.focus {
      color: white;
      background-color: #020202;
      border-color: black; }
  .btn-gray-dark:active, .btn-gray-dark.active,
  .open > .btn-gray-dark.dropdown-toggle {
    background-image: none; }
  .btn-gray-dark.disabled:hover, .btn-gray-dark.disabled:focus, .btn-gray-dark.disabled.focus, .btn-gray-dark[disabled]:hover, .btn-gray-dark[disabled]:focus, .btn-gray-dark[disabled].focus,
  fieldset[disabled] .btn-gray-dark:hover,
  fieldset[disabled] .btn-gray-dark:focus,
  fieldset[disabled] .btn-gray-dark.focus {
    background-color: #2d2d2d;
    border-color: #2d2d2d; }
  .btn-gray-dark .badge {
    color: #2d2d2d;
    background-color: white; }

.btn-gray {
  color: white;
  background-color: #383838;
  border-color: #383838; }
  .btn-gray:focus, .btn-gray.focus {
    color: white;
    background-color: #1f1f1f;
    border-color: black; }
  .btn-gray:hover {
    color: white;
    background-color: #1f1f1f;
    border-color: #191919; }
  .btn-gray:active, .btn-gray.active,
  .open > .btn-gray.dropdown-toggle {
    color: white;
    background-color: #1f1f1f;
    border-color: #191919; }
    .btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
    .open > .btn-gray.dropdown-toggle:hover,
    .open > .btn-gray.dropdown-toggle:focus,
    .open > .btn-gray.dropdown-toggle.focus {
      color: white;
      background-color: #0d0d0d;
      border-color: black; }
  .btn-gray:active, .btn-gray.active,
  .open > .btn-gray.dropdown-toggle {
    background-image: none; }
  .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus,
  fieldset[disabled] .btn-gray:hover,
  fieldset[disabled] .btn-gray:focus,
  fieldset[disabled] .btn-gray.focus {
    background-color: #383838;
    border-color: #383838; }
  .btn-gray .badge {
    color: #383838;
    background-color: white; }

.btn-gray-light {
  color: white;
  background-color: #444444;
  border-color: #444444; }
  .btn-gray-light:focus, .btn-gray-light.focus {
    color: white;
    background-color: #2b2b2b;
    border-color: #040404; }
  .btn-gray-light:hover {
    color: white;
    background-color: #2b2b2b;
    border-color: #252525; }
  .btn-gray-light:active, .btn-gray-light.active,
  .open > .btn-gray-light.dropdown-toggle {
    color: white;
    background-color: #2b2b2b;
    border-color: #252525; }
    .btn-gray-light:active:hover, .btn-gray-light:active:focus, .btn-gray-light:active.focus, .btn-gray-light.active:hover, .btn-gray-light.active:focus, .btn-gray-light.active.focus,
    .open > .btn-gray-light.dropdown-toggle:hover,
    .open > .btn-gray-light.dropdown-toggle:focus,
    .open > .btn-gray-light.dropdown-toggle.focus {
      color: white;
      background-color: #191919;
      border-color: #040404; }
  .btn-gray-light:active, .btn-gray-light.active,
  .open > .btn-gray-light.dropdown-toggle {
    background-image: none; }
  .btn-gray-light.disabled:hover, .btn-gray-light.disabled:focus, .btn-gray-light.disabled.focus, .btn-gray-light[disabled]:hover, .btn-gray-light[disabled]:focus, .btn-gray-light[disabled].focus,
  fieldset[disabled] .btn-gray-light:hover,
  fieldset[disabled] .btn-gray-light:focus,
  fieldset[disabled] .btn-gray-light.focus {
    background-color: #444444;
    border-color: #444444; }
  .btn-gray-light .badge {
    color: #444444;
    background-color: white; }

.btn-gray-lighter {
  color: white;
  background-color: #5c5c5c;
  border-color: #5c5c5c; }
  .btn-gray-lighter:focus, .btn-gray-lighter.focus {
    color: white;
    background-color: #434343;
    border-color: #1c1c1c; }
  .btn-gray-lighter:hover {
    color: white;
    background-color: #434343;
    border-color: #3d3d3d; }
  .btn-gray-lighter:active, .btn-gray-lighter.active,
  .open > .btn-gray-lighter.dropdown-toggle {
    color: white;
    background-color: #434343;
    border-color: #3d3d3d; }
    .btn-gray-lighter:active:hover, .btn-gray-lighter:active:focus, .btn-gray-lighter:active.focus, .btn-gray-lighter.active:hover, .btn-gray-lighter.active:focus, .btn-gray-lighter.active.focus,
    .open > .btn-gray-lighter.dropdown-toggle:hover,
    .open > .btn-gray-lighter.dropdown-toggle:focus,
    .open > .btn-gray-lighter.dropdown-toggle.focus {
      color: white;
      background-color: #313131;
      border-color: #1c1c1c; }
  .btn-gray-lighter:active, .btn-gray-lighter.active,
  .open > .btn-gray-lighter.dropdown-toggle {
    background-image: none; }
  .btn-gray-lighter.disabled:hover, .btn-gray-lighter.disabled:focus, .btn-gray-lighter.disabled.focus, .btn-gray-lighter[disabled]:hover, .btn-gray-lighter[disabled]:focus, .btn-gray-lighter[disabled].focus,
  fieldset[disabled] .btn-gray-lighter:hover,
  fieldset[disabled] .btn-gray-lighter:focus,
  fieldset[disabled] .btn-gray-lighter.focus {
    background-color: #5c5c5c;
    border-color: #5c5c5c; }
  .btn-gray-lighter .badge {
    color: #5c5c5c;
    background-color: white; }

.btn-outline {
  color: inherit; }
  .btn-outline.btn-primary {
    color: #2c97de; }
  .btn-outline.btn-success {
    color: #84b547; }
  .btn-outline.btn-info {
    color: #2dbda8; }
  .btn-outline.btn-warning {
    color: #e76d3b; }
  .btn-outline.btn-danger {
    color: #cc3e4a; }
  .btn-outline.btn-cerulean {
    color: #00A3E3; }
  .btn-outline.btn-curious-blue {
    color: #2986c7; }
  .btn-outline.btn-endaveour {
    color: #0055a3; }
  .btn-outline.btn-minsk {
    color: #362d88; }
  .btn-outline.btn-eminence {
    color: #742787; }
  .btn-outline.btn-violet-eggplant {
    color: #aa1985; }
  .btn-outline.btn-mint-green {
    color: #72ff96; }
  .btn-outline.btn-aquamarine {
    color: #62ffe0; }
  .btn-outline.btn-malibu {
    color: #6abfff; }
  .btn-outline.btn-dodger-blue {
    color: #5e6cff; }
  .btn-outline.btn-heliotrope {
    color: #a26bff; }
  .btn-outline.btn-perfume {
    color: #f57ffe; }
  .btn-outline.btn-brand-cerulean {
    color: #00A3E3; }
  .btn-outline.btn-gray-darker {
    color: #262626; }
  .btn-outline.btn-gray-dark {
    color: #2d2d2d; }
  .btn-outline.btn-gray {
    color: #383838; }
  .btn-outline.btn-gray-light {
    color: #444444; }
  .btn-outline.btn-gray-lighter {
    color: #5c5c5c; }
  .btn-outline:not(:hover) {
    background-color: transparent; }
  .btn-outline.active, .btn-outline:hover {
    color: white; }

.timeline .timeline-date {
  display: block;
  max-width: 210px;
  position: relative;
  padding-top: 8px; }
  .timeline .timeline-date:before {
    background: #262626;
    border-radius: 2px;
    bottom: -30px;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    width: 1px; }

.timeline.timeline-datetime .timeline-item {
  margin-left: 117px; }

.timeline.timeline-datetime .timeline-date {
  text-align: center; }
  .timeline.timeline-datetime .timeline-date:before {
    left: calc(50% - 1px); }

.timeline .timeline-item {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  position: relative; }
  .timeline .timeline-item:first-child {
    margin-top: 0; }
  .timeline .timeline-item .timeline-item-time {
    position: absolute;
    top: 10px;
    right: calc(100% + 35px);
    text-align: right; }
  .timeline .timeline-item .timeline-item-inner {
    padding: 10px;
    position: relative; }
  .timeline .timeline-item .timeline-item-head {
    border-bottom: 1px solid #262626;
    margin-bottom: 8px;
    padding-bottom: 8px; }
    .timeline .timeline-item .timeline-item-head .user-detail h5 {
      margin: 0 0 2px 0; }
    .timeline .timeline-item .timeline-item-head .post-type > p {
      font-weight: bold;
      text-transform: uppercase;
      font-size: .7em;
      margin: 0;
      line-height: 17px; }
    .timeline .timeline-item .timeline-item-head .post-time > p {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: .6em;
      line-height: 15px;
      margin: 0; }
  .timeline .timeline-item .timeline-item-content p {
    color: #585b5e;
    font-size: .9em;
    margin: 0; }
  .timeline .timeline-item .timeline-icon:before {
    background: #262626;
    border-radius: 2px;
    bottom: -28px;
    content: "";
    height: 100%;
    left: -14px;
    position: absolute;
    width: 1px; }
  .timeline .timeline-item .timeline-icon i {
    left: -19px;
    position: absolute;
    top: 10px; }

.collapsible-panel:not(.collapsed) .panel-collapsed-visible {
  display: none; }

.collapsible-panel.collapsed .panel-collapsed-hidden {
  display: none; }

.collapsible-panel .action-panel-collapse:focus, .collapsible-panel .action-panel-collapse:hover,
.collapsible-panel .action-panel-close:focus,
.collapsible-panel .action-panel-close:hover {
  text-decoration: none; }

.collapsible-panel > *:not(.panel-heading) {
  -webkit-transition: max-height 0.2s ease-in-out;
          transition: max-height 0.2s ease-in-out; }

.collapsible-panel .panel-body {
  overflow: hidden; }

.collapsible-panel.collapsed > *:not(.panel-heading) {
  max-height: 0 !important; }

.collapsible-panel.collapsed .panel-heading {
  border-bottom: 0;
  margin-bottom: 1px; }

.collapsible-panel.collapsed > .panel-footer {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden; }

.collapsible-panel.collapsed > .panel-body {
  padding-top: 0;
  padding-bottom: 0; }

.chat-messages {
  position: relative;
  list-style: none;
  padding: 0px 0px 0 10px;
  margin: 0; }
  .chat-messages .message {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s linear;
            transition: all 0.5s linear;
    opacity: 0; }
    .chat-messages .message.appeared {
      opacity: 1; }
    .chat-messages .message .avatar {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: inline-block; }
    .chat-messages .message .text_wrapper {
      display: inline-block;
      padding: 10px;
      border-radius: 6px;
      width: calc(100% - 75px);
      min-width: 202px;
      position: relative; }
      .chat-messages .message .text_wrapper:before, .chat-messages .message .text_wrapper:after {
        top: 8px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .chat-messages .message .text_wrapper::after {
        border-width: 8px;
        margin-top: 0px; }
      .chat-messages .message .text_wrapper::before {
        border-width: 10px;
        margin-top: -2px; }
      .chat-messages .message .text_wrapper .text {
        font-size: 12px; }
    .chat-messages .message.left .text_wrapper {
      background-color: #262626;
      margin-left: 10px; }
    .chat-messages .message.right {
      padding-right: 15px; }
      .chat-messages .message.right .text_wrapper {
        background-color: #262626;
        margin-right: 10px;
        float: right; }
    .chat-messages .message.right .text_wrapper:after {
      left: 100%;
      border-left-color: #262626; }
    .chat-messages .message.left .text_wrapper:after {
      right: 100%;
      border-right-color: #262626; }

.chat-message-input {
  border-top: 1px solid #262626; }

.jqstooltip {
  width: auto !important;
  height: auto !important; }

.layout-options {
  width: 200px;
  position: fixed;
  right: -200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  z-index: 150; }
  .layout-options.active {
    right: 0; }
  .layout-options > .action-toggle-layout-options {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 54px));
            transform: translateY(calc(-50% - 54px));
    left: -35px;
    width: 35px; }
  @media (max-width: 767px) {
    .layout-options {
      display: none; } }
  .layout-options > .panel {
    margin-bottom: 0; }

body.layout-options-disabled .layout-options > .action-toggle-layout-options.disabled {
  display: initial; }

body.layout-options-disabled .layout-options > .action-toggle-layout-options:not(.disabled) {
  display: none; }

body:not(.layout-options-disabled) .layout-options > .action-toggle-layout-options.disabled {
  display: none; }

body:not(.layout-options-disabled) .layout-options > .action-toggle-layout-options:not(.disabled) {
  display: initial; }

body:not(.rtl) .layout-options > .action-toggle-layout-options {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

body:not(.rtl) .layout-options .panel {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none; }

body.rtl .spin-layout-options {
  right: auto;
  left: -200px; }
  body.rtl .spin-layout-options.active {
    left: 0; }
  body.rtl .spin-layout-options > .action-toggle-layout-options {
    left: auto;
    right: -35px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  body.rtl .spin-layout-options .panel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.label.label-with-icon {
  font-size: 10px;
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 5px;
  top: 8px; }

.badge-with-icon {
  position: relative;
  top: -10px;
  margin-left: -16px;
  border-radius: 15px; }

.thumbnail-small {
  width: 20px; }

.avatar-with-icon {
  position: relative; }
  .avatar-with-icon i {
    font-size: 9px;
    line-height: 1px;
    padding: 1px 20px;
    position: absolute; }

.spin-search-box {
  max-width: 300px; }
  .spin-search-box > a .icon-active {
    display: none; }
  .spin-search-box > a .icon-inactive {
    display: initial; }
  .spin-search-box > .input-group {
    padding: 10px;
    max-width: 80%;
    width: 100%;
    display: none; }
  .spin-search-box.active > a .icon-active {
    display: initial; }
  .spin-search-box.active > a .icon-inactive {
    display: none; }
  .spin-search-box.active > .input-group {
    display: table; }

.yamm-content .list-unstyled {
  min-width: 150px; }

.profile .profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .profile .profile-name .profile-name-avatar {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    margin-top: -75px; }
    .profile .profile-name .profile-name-avatar img {
      border: 3px solid #1A1A1A;
      border-radius: 50%;
      max-height: 150px;
      margin-bottom: 5px; }
  .profile .profile-name .profile-name-body {
    padding-left: 9px;
    padding-right: 9px;
    width: 100%;
    text-align: center; }
  .profile .profile-name.profile-name-avatar-left, .profile .profile-name.profile-name-avatar-right {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .profile .profile-name.profile-name-avatar-left .profile-name-avatar, .profile .profile-name.profile-name-avatar-right .profile-name-avatar {
      width: 150px; }
    .profile .profile-name.profile-name-avatar-left .profile-name-body, .profile .profile-name.profile-name-avatar-right .profile-name-body {
      width: auto; }
  .profile .profile-name.profile-name-avatar-left .profile-name-body {
    text-align: left; }
  .profile .profile-name.profile-name-avatar-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .profile .profile-name.profile-name-avatar-right .profile-name-body {
      text-align: right; }

@media screen and (max-width: 480px) {
  .profile .profile-name {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .profile .profile-name > * {
      -ms-flex-preferred-size: 100% !important;
          flex-basis: 100% !important; }
    .profile .profile-name .profile-name-body {
      text-align: center !important; } }

.panel.panel-loading {
  position: relative; }
  .panel.panel-loading:before {
    content: " ";
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 2; }
  .panel.panel-loading:after {
    top: 0;
    left: 0;
    content: " ";
    display: block;
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

[data-plugin="peityLine"] + .peity {
  width: 100%; }

.avatar {
  position: relative;
  width: 35px;
  height: 35px; }
  .avatar.avatar-image:not(.loaded) img {
    display: none; }
  .avatar.avatar-image:not(.loaded)::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #2d2d2d;
    border-radius: 50%;
    z-index: 10; }
  .avatar.avatar-image:not(.loaded)::after {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 21px;
    line-height: 16px;
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 50%;
    top: 50%;
    color: #444444;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .avatar.avatar-image:not(.loaded).avatar-sm::after, .sidebar-slim .avatar.avatar-image.sidebar-avatar:not(.loaded)::after {
    font-size: 13px;
    line-height: 10px; }
  .avatar.avatar-image:not(.loaded).avatar-lg::after {
    font-size: 65px;
    line-height: 40px; }
  .avatar.avatar-inline {
    display: inline-block;
    vertical-align: bottom; }
  .avatar img {
    border-radius: 50%;
    width: 100%;
    display: block; }
  .avatar .badge,
  .avatar .label {
    position: absolute;
    top: 3px;
    right: 2px;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    z-index: 12; }
  .avatar .avatar-status {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #212121;
    border-radius: 100%;
    top: -2px;
    right: 0;
    z-index: 12; }
    .avatar .avatar-status.avatar-status-bottom {
      top: auto;
      bottom: 0; }
  .avatar.avatar-sm, .sidebar-slim .avatar.sidebar-avatar {
    width: 20px;
    height: 20px; }
    .avatar.avatar-sm .avatar-status, .sidebar-slim .avatar.sidebar-avatar .avatar-status {
      width: 8px;
      height: 8px;
      border-width: 1px;
      right: -2px;
      top: 0; }
      .avatar.avatar-sm .avatar-status.avatar-status-bottom, .sidebar-slim .avatar.sidebar-avatar .avatar-status.avatar-status-bottom {
        top: auto;
        bottom: -2px; }
    .avatar.avatar-sm .badge, .sidebar-slim .avatar.sidebar-avatar .badge,
    .avatar.avatar-sm .label, .sidebar-slim .avatar.sidebar-avatar .label {
      font-size: 8px;
      right: 0;
      top: 0; }
  .avatar.avatar-lg {
    width: 84px;
    height: 84px; }
    .avatar.avatar-lg .avatar-status {
      width: 16px;
      height: 16px;
      top: 3px;
      right: 6px; }
      .avatar.avatar-lg .avatar-status.avatar-status-bottom {
        top: auto;
        bottom: 3px; }
    .avatar.avatar-lg .badge,
    .avatar.avatar-lg .label {
      top: 10px;
      right: 10px; }
  .avatar.avatar-text, .avatar.avatar-icon {
    text-align: center;
    height: 35px;
    border-radius: 50%; }
    .avatar.avatar-text .avatar-content, .avatar.avatar-icon .avatar-content {
      color: white;
      font-size: 13px;
      font-weight: 500;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .avatar.avatar-text.avatar-sm, .avatar.avatar-sm.avatar-icon, .sidebar-slim .avatar.avatar-icon.sidebar-avatar, .sidebar-slim .avatar.avatar-text.sidebar-avatar {
      height: 20px; }
      .avatar.avatar-text.avatar-sm .avatar-content, .avatar.avatar-sm.avatar-icon .avatar-content, .sidebar-slim .avatar.avatar-icon.sidebar-avatar .avatar-content, .sidebar-slim .avatar.avatar-text.sidebar-avatar .avatar-content {
        font-size: 8px; }
    .avatar.avatar-text.avatar-lg, .avatar.avatar-lg.avatar-icon {
      height: 84px; }
      .avatar.avatar-text.avatar-lg .avatar-content, .avatar.avatar-lg.avatar-icon .avatar-content {
        font-size: 33px; }
  .avatar.avatar-icon .avatar-content {
    font-size: 20px; }
  .avatar.avatar-icon.avatar-sm .avatar-content, .sidebar-slim .avatar.avatar-icon.sidebar-avatar .avatar-content {
    font-size: 11px; }
  .avatar.avatar-icon.avatar-lg .avatar-content {
    font-size: 48px; }

.sidebar-slim.sidebar-aside .sidebar-avatar {
  display: none; }

.sidebar-big-icons .sidebar-avatar {
  width: 35px; }
  .sidebar-big-icons .sidebar-avatar .badge,
  .sidebar-big-icons .sidebar-avatar .label {
    top: 3px;
    right: 2px; }
  .sidebar-big-icons .sidebar-avatar .avatar-status {
    width: 12px;
    height: 12px;
    top: -2px;
    right: 0; }
    .sidebar-big-icons .sidebar-avatar .avatar-status.avatar-status-bottom {
      top: auto;
      bottom: 0; }

.navigation .navbar .avatar {
  max-width: 18px;
  max-height: 18px; }

.custom-scrollbar {
  position: relative; }

.hr-text {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase; }
  .hr-text.hr-text-center {
    text-align: center; }
    .hr-text.hr-text-center > *:first-child {
      padding-left: 1em; }
  .hr-text.hr-text-right {
    text-align: right; }
    .hr-text.hr-text-right > *:first-child {
      padding-left: 1em;
      padding-right: 0; }
  .hr-text:before {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #383838; }
  .hr-text > *:first-child {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-right: 1em;
    color: #5c5c5c;
    vertical-align: middle;
    background-color: #212121; }

.modal.modal-primary .modal-content {
  border-color: #2c97de; }

.modal.modal-success .modal-content {
  border-color: #84b547; }

.modal.modal-info .modal-content {
  border-color: #2dbda8; }

.modal.modal-warning .modal-content {
  border-color: #e76d3b; }

.modal.modal-danger .modal-content {
  border-color: #cc3e4a; }

.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #262626;
  border-left-width: 5px;
  border-radius: 3px; }
  .callout.callout-primary {
    border-left-color: #2c97de; }
  .callout.callout-success {
    border-left-color: #84b547; }
  .callout.callout-warning {
    border-left-color: #e76d3b; }
  .callout.callout-danger {
    border-left-color: #cc3e4a; }
  .callout.callout-gray-light {
    border-left-color: #444444; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

.f-w-300 {
  font-weight: 300; }

.f-25 {
  font-size: 25%; }

.no-bg {
  background: none; }

.v-a-m {
  vertical-align: middle !important; }

.media-body.media-auto,
.media-auto .media-body {
  width: auto; }

/* Tabs panel */
.tabbable-panel {
  border: none;
  padding: none; }

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px; }

.tabbable-line > .nav-tabs > li {
  margin-right: 2px; }

.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #5c5c5c; }

/* Custom Setting for Active (Maciek ) */
.tabbable-line .nav-tabs > li.active > a, .tabbable-line .nav-tabs > li.active > a:hover, .tabbable-line .nav-tabs > li.active > a:focus {
  background: transparent; }

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6; }

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #176192; }

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #176192; }

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
  background: transparent; }

.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px; }

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #2c97de;
  position: relative; }

.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: white; }

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040; }

.tabbable-line > .tab-content {
  background-color: none;
  border: 0;
  border-top: 1px solid #383838;
  padding: 15px 0; }

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0; }

/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent; }

.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0; }

.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid black; }

.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d; }

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px; }

/* Tooltips */
.bs-example-tooltips {
  text-align: center; }

.bs-example-tooltips > .btn {
  margin-top: 5px;
  margin-bottom: 5px; }

.bs-example-tooltip .tooltip {
  position: relative;
  display: inline-block;
  margin: 10px 20px;
  opacity: 1; }

/* Popovers */
.bs-example-popover {
  padding-bottom: 24px; }

.bs-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px; }

/* Example modals */
.bs-example-modal {
  background-color: none; }

.bs-example-modal .modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block; }

.bs-example-modal .modal-dialog {
  left: auto;
  margin-right: auto;
  margin-left: auto; }

/*
 * Grid examples
 *
 * Highlight the grid columns within the docs so folks can see their padding,
 * alignment, sizing, etc.
 */
.show-grid {
  margin-bottom: 15px;
  color: white; }

.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #444444;
  border: 1px solid #575757; }

.h-3 {
  height: 3px !important; }

.h-6 {
  height: 6px !important; }

.h-9 {
  height: 9px !important; }

.h-20 {
  height: 20px !important; }

.h-100 {
  height: 100px !important; }

.w-0 {
  width: 0px !important; }

.w-5 {
  width: 5px !important; }

.w-10 {
  width: 10px !important; }

.w-17 {
  width: 17px !important; }

.w-100 {
  width: 100px !important; }

.w-210 {
  width: 201px !important; }

.w-350 {
  width: 350px !important; }

.scroll-640 {
  max-height: 640px;
  overflow-y: scroll; }

.scroll-600 {
  max-height: 600px;
  overflow-y: scroll; }

.scroll-300 {
  max-height: 300px;
  overflow-y: scroll; }

.scroll-200 {
  max-height: 200px;
  overflow-y: scroll; }

.scroll-1000 {
  max-height: 1000px;
  overflow-y: scroll; }

.scroll-1300 {
  max-height: 1300px;
  overflow-y: scroll; }

#events-list .event.ui-draggable-dragging {
  color: white !important;
  font-size: .85em;
  padding: 0 2px;
  max-width: 150px; }
  #events-list .event.ui-draggable-dragging i {
    display: none; }
  #events-list .event.ui-draggable-dragging.event-primary {
    background: #2c97de; }
  #events-list .event.ui-draggable-dragging.event-info {
    background: #2dbda8; }
  #events-list .event.ui-draggable-dragging.event-success {
    background: #84b547; }
  #events-list .event.ui-draggable-dragging.event-warning {
    background: #e76d3b; }
  #events-list .event.ui-draggable-dragging.event-danger {
    background: #cc3e4a; }

ol {
  counter-reset: item; }

ol > li {
  counter-increment: item; }

ol ol > li {
  display: block; }

ol ol > li:before {
  content: counters(item, ".") ". ";
  margin-left: -40px; }

.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden; }

.bs-glyphicons-list {
  padding-left: 0;
  list-style: none; }

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #262626;
  border: 1px solid #212121; }

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px; }

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word;
  /* Help out IE10+ with class names */ }

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #383838; }

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0; }
  .bs-glyphicons li {
    width: 12.5%;
    font-size: 11px; } }

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */
/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
  position: static; }

@media (min-width: 768px) {
  .bs-docs-sidebar {
    padding-left: 20px; } }

/* First level of nav */
.bs-docs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px; }

/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: normal;
  color: #525252; }

.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: white;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid white; }

.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #2c97de;
  background-color: transparent;
  border-left: 2px solid #2c97de; }

/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  padding-bottom: 10px; }

.bs-docs-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal; }

.bs-docs-sidebar .nav .nav > li > a:hover,
.bs-docs-sidebar .nav .nav > li > a:focus {
  padding-left: 29px; }

.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500; }

/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999; }

.back-to-top:hover,
.bs-docs-theme-toggle:hover {
  color: #563d7c;
  text-decoration: none; }

.bs-docs-theme-toggle {
  margin-top: 0; }

@media (min-width: 768px) {
  .back-to-top,
  .bs-docs-theme-toggle {
    display: block; } }

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar .nav > .active > ul {
    display: block; }
  /* Widen the fixed sidebar */
  .bs-docs-sidebar.affix,
  .bs-docs-sidebar.affix-bottom {
    width: 213px; }
  .bs-docs-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 20px; }
  .bs-docs-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */ }
  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
  .bs-docs-sidebar.affix .bs-docs-sidenav {
    margin-top: 0;
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-docs-sidebar.affix-bottom,
  .bs-docs-sidebar.affix {
    width: 263px; } }

/* Gallery Layouts for section "Layouts" */
.gallery-thumbnail {
  border: 2px solid #262626;
  background: #262626;
  -webkit-transition: none;
          transition: none; }

.gallery-thumbnail.active {
  border: 2px solid #2c97de; }

.gallery-thumbnail:hover {
  border: 2px solid #383838; }

.gallery-thumbnail.active:hover {
  border: 2px solid #1b71aa; }

/* Scroll Vertical for <pre> */
.scroll-vertical {
  overflow: auto;
  word-wrap: normal;
  white-space: pre; }

/*
.navigation .sidebar.sidebar-primary {
	background-color: $brand-primary;
	color: white;

	// ========= TEXT-MUTED ===============
	.text-muted {
		color: brown;
	}

	hr {
		border-top-color: red;
	}

	// ============ MENU ==================
	.sidebar-content .side-menu {
		// ========== All Menus ===========
		// Default Link
		a {
			color: white;

			// Hover Link
			&:hover {
				color: yellow;
				background: purple;

				// Hover Icon Color
				> i:first-child {
					color: yellow;
				}

				box-shadow:	0 -1px 0 0 hotpink inset;	//Bottom Border Hover
			}

			// Default Icon Color
			> i:first-child {
				color: hotpink;
			}
		}

		// Active Link
		.nested-active:not(.expanded) > a,
		.active > a {
			background: purple;
			color: green;
			box-shadow: 0 -1px 0 0 hotpink inset;			//Bottom Border Active
		}

		// =========== Main Menus =========
		> li {
			// Active Main Menu Link
			&.nested-active:not(.expanded) > a,
			&.active > a {
				box-shadow: 3px 0 0 0 brown inset,			//Accent Main Menu Active
							0 -1px 0 0 hotpink inset;		//Bottom Border Main Menu Active

				// Active Icon Color
				> i:first-child {
					color: yellow;
				}
			}
		}
	}
}
*/
/********************************************************
					Sidebar visual
********************************************************/
body .sidebar-logo {
  border-bottom: 1px solid #212121;
  border-right: 1px solid #212121;
  height: 150px; }
  body .sidebar-logo > img {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 auto; }
  body .sidebar-logo .logo-slim {
    display: none; }

body.sidebar-slim .sidebar-logo {
  height: 50px; }
  body.sidebar-slim .sidebar-logo .logo-default {
    display: none; }
  body.sidebar-slim .sidebar-logo .logo-slim {
    display: block; }

body.sidebar-full-height .sidebar .sidebar-logo {
  display: block; }

body.sidebar-full-height .navbar .navbar-brand {
  display: none; }

body:not(.sidebar-full-height) .sidebar .sidebar-logo {
  display: none; }

body:not(.sidebar-full-height) .navbar .navbar-brand {
  display: initial; }

.avatar-container {
  display: none; }

body.sidebar-big-icons.sidebar-with-avatar .sidebar-logo {
  display: none; }

body.sidebar-big-icons.sidebar-with-avatar .avatar-container {
  display: block; }

.sidebar .sidebar-overlay-head {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 51px;
  border: 1px solid #212121;
  border-width: 0 1px 1px 0;
  padding: 0 25px 0 20px; }
  .sidebar .sidebar-overlay-head .sidebar-switch {
    color: #5C5C5C;
    font-size: 18px; }

body.sidebar-overlay .sidebar .sidebar-overlay-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

body.sidebar-overlay .sidebar .sidebar-content {
  max-height: calc(100% - 50px);
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.navigation .sidebar {
  background: none;
  direction: ltr; }
  .navigation .sidebar ul.side-menu {
    list-style-type: none;
    background: none;
    padding-left: 0;
    margin-bottom: 0; }
    .navigation .sidebar ul.side-menu > li {
      border-bottom: none;
      box-sizing: border-box;
      /*border-bottom: $sidebar-border;*/
      border-right: 1px solid #212121; }
      .navigation .sidebar ul.side-menu > li > a {
        display: block;
        width: 100%;
        padding: 15px 25px 15px 20px;
        color: #5C5C5C;
        position: relative; }
        .navigation .sidebar ul.side-menu > li > a > i:first-child {
          color: #383838; }
        .navigation .sidebar ul.side-menu > li > a .nav-label {
          font-size: 10px;
          text-transform: uppercase;
          font-weight: bolder;
          letter-spacing: 1px; }
        .navigation .sidebar ul.side-menu > li > a i:first-child {
          margin-right: 10px;
          width: 30px;
          text-align: center; }
        .navigation .sidebar ul.side-menu > li > a:hover {
          color: white;
          background-color: #232323;
          text-decoration: none;
          box-shadow: 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
          .navigation .sidebar ul.side-menu > li > a:hover > i:first-child {
            color: white; }
        .navigation .sidebar ul.side-menu > li > a:focus, .navigation .sidebar ul.side-menu > li > a:active {
          text-decoration: none; }
      .navigation .sidebar ul.side-menu > li.active > a {
        color: white;
        background-color: #232323;
        text-decoration: none;
        box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
        box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
        .navigation .sidebar ul.side-menu > li.active > a > i:first-child {
          color: white; }
      .navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a {
        color: white;
        background-color: #232323;
        text-decoration: none;
        box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
        box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
        .navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a > i:first-child {
          color: white; }

.rtl .navigation .sidebar ul.side-menu > li {
  border-right: none;
  border-left: 1px solid #212121; }
  .rtl .navigation .sidebar ul.side-menu > li > a {
    direction: rtl;
    text-align: right;
    padding: 15px 20px 15px 25px; }
    .rtl .navigation .sidebar ul.side-menu > li > a i:first-child {
      margin-right: 0;
      margin-left: 4px; }
  .rtl .navigation .sidebar ul.side-menu > li.active > a {
    color: white;
    background-color: #232323;
    text-decoration: none;
    box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
    box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }
  .rtl .navigation .sidebar ul.side-menu > li.nested-active:not(.expanded) > a {
    color: white;
    background-color: #232323;
    text-decoration: none;
    box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
    box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }

.rtl .navigation .sidebar .pull-right {
  float: left !important; }

.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  .sidebar-big-icons .navigation .sidebar ul.side-menu > li > a > *:not(:first-child):not(.nav-label) {
    display: none; }
  .sidebar-big-icons .navigation .sidebar ul.side-menu > li > a > i:first-child {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    margin-bottom: 10px;
    margin-right: 0; }

.sidebar-slim .navigation .sidebar ul.side-menu > li > a {
  text-align: center;
  padding: 15px 10px; }
  .sidebar-slim .navigation .sidebar ul.side-menu > li > a > *:not(:first-child) {
    display: none; }
  .sidebar-slim .navigation .sidebar ul.side-menu > li > a .nav-label {
    display: none; }
  .sidebar-slim .navigation .sidebar ul.side-menu > li > a i:first-child {
    margin-right: 0; }

/********************************************************
					Sub menus definition
********************************************************/
.navigation .sidebar ul.side-menu li {
  position: relative; }
  .navigation .sidebar ul.side-menu li ul {
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    display: block;
    list-style-type: none;
    padding-left: 0;
    display: none;
    height: 0;
    overflow: hidden;
    transition: max-height 1s;
    -webkit-transition: max-height 1s; }
    .navigation .sidebar ul.side-menu li ul li.active > a:hover,
    .navigation .sidebar ul.side-menu li ul li.active > a {
      color: white;
      background-color: #232323;
      text-decoration: none;
      box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
      box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
    .navigation .sidebar ul.side-menu li ul li a {
      position: relative;
      display: block;
      color: #5C5C5C;
      padding: 15px 25px 15px 0; }
      .navigation .sidebar ul.side-menu li ul li a .nav-label {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bolder;
        letter-spacing: 1px; }
      .navigation .sidebar ul.side-menu li ul li a:hover {
        color: white;
        background-color: #232323;
        text-decoration: none;
        box-shadow: 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
      .navigation .sidebar ul.side-menu li ul li a:focus, .navigation .sidebar ul.side-menu li ul li a:active {
        text-decoration: none; }
    .navigation .sidebar ul.side-menu li ul li.nested-active:not(.expanded) > a {
      color: white;
      background-color: #232323;
      text-decoration: none;
      box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
      box-shadow: 3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #1A1A1A inset, 0px 1px 0px 0px transparent inset; }
    .navigation .sidebar ul.side-menu li ul.velocity-animating {
      display: block; }
  .navigation .sidebar ul.side-menu li.expanded > ul {
    display: block;
    height: auto; }
  .navigation .sidebar ul.side-menu li > a > .arrow {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .navigation .sidebar ul.side-menu li > a > .arrow:before {
      content: "\f104"; }
  .navigation .sidebar ul.side-menu li.expanded > a > .arrow:before {
    content: "\f107"; }

.rtl .navigation .sidebar ul.side-menu li > a > .arrow {
  right: auto;
  left: 13px; }

.rtl .navigation .sidebar ul.side-menu li ul li a {
  padding: 15px 0 15px 25px;
  text-align: right; }

.rtl .navigation .sidebar ul.side-menu li ul li.active > a:hover,
.rtl .navigation .sidebar ul.side-menu li ul li.active > a {
  color: white;
  background-color: #232323;
  text-decoration: none;
  box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
  box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }

.rtl .navigation .sidebar ul.side-menu li ul li.nested-active:not(.expanded) > a {
  color: white;
  background-color: #232323;
  text-decoration: none;
  box-shadow: 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset;
  box-shadow: -3px 0 0 0 #2c97de inset, 0px -1px 0px 0px #212121 inset, 0px 1px 0px 0px #212121 inset; }

body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
  padding-left: 59px; }

body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
  padding-left: 70px; }

body:not(.rtl) .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
  padding-left: 70px; }

body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
  padding-right: 50px; }

body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
  padding-right: 60px; }

body.rtl .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
  padding-right: 70px; }

body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
  padding-left: 0; }

body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
  padding-left: 15px; }

body.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
  padding-left: 30px; }

body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-1 > li > a {
  padding-right: 0; }

body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-2 > li > a {
  padding-right: 15px; }

body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul.submenu-level-3 > li > a {
  padding-right: 30px; }

body.sidebar-big-icons .navigation .sidebar ul.side-menu > li, body.sidebar-slim .navigation .sidebar ul.side-menu > li {
  position: static; }
  body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > a {
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word; }
  body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul {
    padding: 15px;
    min-width: 250px;
    position: absolute;
    left: 100%;
    top: 0;
    background: #232323;
    min-height: 100%;
    z-index: 100;
    border-right: 1px solid #212121;
    border-bottom: 1px solid #212121; }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul > li:first-child > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul > li:first-child > a {
      padding-top: 15px; }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a {
      padding: 0 20px 0px 0;
      margin-bottom: 15px;
      /*padding-left: 0px;
							padding-right: 20px;
							padding-bottom: 15px;
							*/ }
      body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a:hover, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a:hover {
        box-shadow: none;
        background: none; }
      body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a .arrow, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a .arrow {
        right: 3px; }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li.active > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li.active > a {
      box-shadow: none;
      background: none; }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li.nested-active:not(.expanded) > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li.nested-active:not(.expanded) > a {
      box-shadow: none;
      background: none; }
  body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover {
    /*&.has-submenu{
						border-right-color:  $sidebar-active-background;
					}*/ }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover > ul, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover > ul {
      display: block; }
    body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a {
      color: white;
      background-color: #232323;
      text-decoration: none; }
      body.sidebar-big-icons .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child, body.sidebar-slim .navigation .sidebar ul.side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child {
        color: white; }

body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li {
  position: static; }
  body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul {
    left: auto;
    right: 100%;
    border-right: none;
    border-left: 1px solid #212121; }
    body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a {
      padding: 0 0 0 20px; }
      body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul li > a .arrow, body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li > ul li > a .arrow {
        right: auto;
        left: 3px; }

body.sidebar-big-icons .submenu-level-1 {
  box-shadow: 5px 0px 21px -5px rgba(0, 0, 0, 0.08);
  z-index: 2; }

body.sidebar-big-icons.sidebar-full-height:not(.navbar-disabled) .navigation .sidebar ul.side-menu > li > .submenu-level-1 {
  top: 50px;
  min-height: calc(100% - 50px); }

body.sidebar-big-icons.sidebar-full-height.sidebar-fixed:not(.navbar-fixed):not(.navbar-disabled) .affix .submenu-level-1 {
  top: 0 !important;
  min-height: 100% !important; }

body.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul:before {
  content: attr(data-submenu-title);
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #2d2d2d;
  font-size: 18px;
  color: white; }

body.rtl.sidebar-big-icons .navigation .sidebar ul.side-menu > li > ul:before {
  text-align: right; }

body.sidebar-slim .navigation .sidebar ul.side-menu > li {
  position: relative; }
  body.sidebar-slim .navigation .sidebar ul.side-menu > li .badge {
    display: none; }
  body.sidebar-slim .navigation .sidebar ul.side-menu > li ul {
    position: absolute;
    left: 100%;
    height: auto;
    min-width: 200px;
    overflow: visible;
    background: #232323;
    padding: 0;
    top: -1px;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
    border-right: none; }
    body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li {
      border-right: 1px solid #212121; }
      body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a {
        margin: 0;
        padding: 10px 24px 10px 13px !important; }
        body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a > .arrow {
          right: 10px;
          -webkit-transform: scaleX(-1) translateY(-50%);
                  transform: scaleX(-1) translateY(-50%); }
      body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:not(:first-child) {
        border-left: 1px solid #212121; }
      body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:hover > ul {
        display: block; }
      body.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:hover:not(.active) > a {
        color: white;
        background-color: #232323;
        text-decoration: none; }
  body.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul {
    top: 0; }
    body.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul > li {
      border-left: none; }

body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li {
  position: relative; }
  body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul {
    left: auto;
    right: 100%;
    border-left: none; }
    body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li {
      border-right: none;
      border-left: 1px solid #212121; }
      body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a {
        margin: 0;
        padding: 10px 13px 10px 24px !important; }
        body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li > a > .arrow {
          right: auto;
          left: 10px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
      body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li ul > li:not(:first-child) {
        border-right: 1px solid #212121; }
  body.rtl.sidebar-slim .navigation .sidebar ul.side-menu > li.primary-submenu > ul > li {
    border-right: none; }

/********************************************************
					Right sidebar
********************************************************/
body:not(.navbar-fixed):not(.sidebar-overlay) .right-sidebar.affix {
  height: 100%;
  top: 0; }

body.navbar-fixed .right-sidebar {
  position: fixed; }

body.navbar-disabled .right-sidebar {
  top: 0;
  height: 100%; }

@media only screen and (min-width: 1200px) {
  body.boxed-layout:not(.navbar-fixed) .right-sidebar.affix-top {
    left: auto !important;
    right: 0 !important; }
  body.boxed-layout.navbar-fixed .right-sidebar,
  body.boxed-layout .right-sidebar.affix {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(600px);
            transform: translateX(600px); }
  body.boxed-layout .right-sidebar {
    display: none;
    margin-right: 0; }
    body.boxed-layout .right-sidebar.active {
      display: block; } }

body.sidebar-overlay .right-sidebar {
  top: 0 !important;
  height: 100%;
  z-index: 1060; }

.right-sidebar {
  width: 300px;
  /*padding-right: 20px;*/
  padding-left: 20px;
  position: absolute;
  overflow: hidden;
  top: 50px;
  height: calc(100% - 50px);
  right: 0;
  margin-right: -300px;
  background-color: #1A1A1A;
  border-left: 1px solid #212121;
  z-index: 99;
  -webkit-transition: margin 0.2s ease-out;
          transition: margin 0.2s ease-out; }
  .right-sidebar.affix {
    position: fixed; }
  .right-sidebar.active {
    margin-right: 0; }

body.rtl .right-sidebar {
  right: auto;
  left: 0;
  margin-left: -300px;
  margin-right: 0; }
  body.rtl .right-sidebar.active {
    margin-left: 0; }

.cmd-right-sidebar-toggle:focus i {
  color: #525252; }

.cmd-right-sidebar-toggle:hover i {
  color: white; }

.cmd-right-sidebar-toggle.active i {
  color: white; }

.right-sidebar .vertical-scroll-container {
  position: relative;
  overflow-y: auto; }

.right-sidebar .right-sidebar-extra-content {
  position: absolute;
  width: 100%;
  left: 100%;
  padding-left: 0;
  background-color: #1A1A1A;
  -webkit-transition: left 0.2s;
          transition: left 0.2s;
  z-index: 1200; }
  .right-sidebar .right-sidebar-extra-content.active {
    left: 0; }

/********************************************************
					Additional classes
********************************************************/
.navigation .sidebar .sidebar-section {
  padding-left: 23px;
  padding-right: 25px; }

.navigation .sidebar hr {
  border-top-color: #212121; }

.sidebar-slim .sidebar-container-default,
.sidebar-big-icons .sidebar-container-default {
  display: none; }

body:not(.sidebar-big-icons) .sidebar-container-big-icons {
  display: none; }

body:not(.sidebar-full-height) .sidebar-container-slim,
body:not(.sidebar-slim) .sidebar-container-slim {
  display: none; }

.add-on-container {
  border-right: 1px solid #212121;
  border-bottom: 1px solid #262626; }

.sidebar-container-default {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.sidebar-container-big-icons {
  padding: 3rem 0;
  text-align: center; }

.sidebar-container-slim {
  min-height: 50px;
  position: relative; }
  .sidebar-container-slim > .avatar {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.bar-details {
  padding: 3px 0; }

body.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.has-submenu:hover > a,
body.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.has-submenu:hover > a {
  border-right-color: transparent; }

/**************************************************************
*                   COLOR SIDEBAR VARIANTS                    *
***************************************************************/
body.sidebar-primary .navigation .sidebar,
body.sidebar-info .navigation .sidebar,
body.sidebar-success .navigation .sidebar,
body.sidebar-warning .navigation .sidebar,
body.sidebar-danger .navigation .sidebar {
  color: rgba(255, 255, 255, 0.6); }
  body.sidebar-primary .navigation .sidebar .text-muted,
  body.sidebar-info .navigation .sidebar .text-muted,
  body.sidebar-success .navigation .sidebar .text-muted,
  body.sidebar-warning .navigation .sidebar .text-muted,
  body.sidebar-danger .navigation .sidebar .text-muted {
    color: rgba(255, 255, 255, 0.5); }
  body.sidebar-primary .navigation .sidebar hr,
  body.sidebar-info .navigation .sidebar hr,
  body.sidebar-success .navigation .sidebar hr,
  body.sidebar-warning .navigation .sidebar hr,
  body.sidebar-danger .navigation .sidebar hr {
    border-top-color: rgba(255, 255, 255, 0.2); }
  body.sidebar-primary .navigation .sidebar .add-on-container,
  body.sidebar-primary .navigation .sidebar .avatar-container,
  body.sidebar-info .navigation .sidebar .add-on-container,
  body.sidebar-info .navigation .sidebar .avatar-container,
  body.sidebar-success .navigation .sidebar .add-on-container,
  body.sidebar-success .navigation .sidebar .avatar-container,
  body.sidebar-warning .navigation .sidebar .add-on-container,
  body.sidebar-warning .navigation .sidebar .avatar-container,
  body.sidebar-danger .navigation .sidebar .add-on-container,
  body.sidebar-danger .navigation .sidebar .avatar-container {
    border-right: none;
    border-color: rgba(255, 255, 255, 0.3); }
  body.sidebar-primary .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-info .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-success .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-warning .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-danger .navigation .sidebar .sidebar-overlay-head {
    border-color: rgba(255, 255, 255, 0.3);
    border-width: 0 0 1px 0; }
    body.sidebar-primary .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
    body.sidebar-info .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
    body.sidebar-success .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
    body.sidebar-warning .navigation .sidebar .sidebar-overlay-head .sidebar-switch,
    body.sidebar-danger .navigation .sidebar .sidebar-overlay-head .sidebar-switch {
      color: #fff; }
  body.sidebar-primary .navigation .sidebar .sidebar-logo,
  body.sidebar-info .navigation .sidebar .sidebar-logo,
  body.sidebar-success .navigation .sidebar .sidebar-logo,
  body.sidebar-warning .navigation .sidebar .sidebar-logo,
  body.sidebar-danger .navigation .sidebar .sidebar-logo {
    border-right: none;
    border-bottom-color: rgba(255, 255, 255, 0.3);
    background: white; }
  body.sidebar-primary .navigation .sidebar .nav > li > a:hover,
  body.sidebar-primary .navigation .sidebar .nav > li > a:focus,
  body.sidebar-info .navigation .sidebar .nav > li > a:hover,
  body.sidebar-info .navigation .sidebar .nav > li > a:focus,
  body.sidebar-success .navigation .sidebar .nav > li > a:hover,
  body.sidebar-success .navigation .sidebar .nav > li > a:focus,
  body.sidebar-warning .navigation .sidebar .nav > li > a:hover,
  body.sidebar-warning .navigation .sidebar .nav > li > a:focus,
  body.sidebar-danger .navigation .sidebar .nav > li > a:hover,
  body.sidebar-danger .navigation .sidebar .nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.3); }
  body.sidebar-primary .navigation .sidebar .avatar .avatar-status,
  body.sidebar-info .navigation .sidebar .avatar .avatar-status,
  body.sidebar-success .navigation .sidebar .avatar .avatar-status,
  body.sidebar-warning .navigation .sidebar .avatar .avatar-status,
  body.sidebar-danger .navigation .sidebar .avatar .avatar-status {
    border-color: white; }
  body.sidebar-primary .navigation .sidebar .side-menu .label.label-outline,
  body.sidebar-primary .navigation .sidebar .side-menu .badge.badge-outline,
  body.sidebar-info .navigation .sidebar .side-menu .label.label-outline,
  body.sidebar-info .navigation .sidebar .side-menu .badge.badge-outline,
  body.sidebar-success .navigation .sidebar .side-menu .label.label-outline,
  body.sidebar-success .navigation .sidebar .side-menu .badge.badge-outline,
  body.sidebar-warning .navigation .sidebar .side-menu .label.label-outline,
  body.sidebar-warning .navigation .sidebar .side-menu .badge.badge-outline,
  body.sidebar-danger .navigation .sidebar .side-menu .label.label-outline,
  body.sidebar-danger .navigation .sidebar .side-menu .badge.badge-outline {
    border-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7); }
  body.sidebar-primary .navigation .sidebar .progress,
  body.sidebar-info .navigation .sidebar .progress,
  body.sidebar-success .navigation .sidebar .progress,
  body.sidebar-warning .navigation .sidebar .progress,
  body.sidebar-danger .navigation .sidebar .progress {
    background: rgba(255, 255, 255, 0.3); }
    body.sidebar-primary .navigation .sidebar .progress .progress-bar,
    body.sidebar-info .navigation .sidebar .progress .progress-bar,
    body.sidebar-success .navigation .sidebar .progress .progress-bar,
    body.sidebar-warning .navigation .sidebar .progress .progress-bar,
    body.sidebar-danger .navigation .sidebar .progress .progress-bar {
      background-color: #fff; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li {
    border-right: none; }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li a {
      color: rgba(255, 255, 255, 0.5); }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li > a:hover {
      color: white;
      background: rgba(255, 255, 255, 0.3); }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu li.active > a {
      background: rgba(255, 255, 255, 0.3); }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child {
    color: rgba(255, 255, 255, 0.4); }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
    color: white;
    background: rgba(255, 255, 255, 0.3); }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    background: rgba(255, 255, 255, 0.3);
    color: white; }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child {
      color: white; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
    color: white;
    background: rgba(255, 255, 255, 0.3); }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    background: rgba(255, 255, 255, 0.3);
    color: white; }

body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a {
  box-shadow: none; }

body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li {
  border-color: transparent; }
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a {
    color: white;
    box-shadow: none !important; }
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active:not(.expanded),
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    color: white;
    box-shadow: none !important; }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
  box-shadow: none !important;
  border: none; }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
  background: none; }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
  color: white; }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover:not(.active):not(.nested-active) > a {
  background: none; }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before {
  color: white;
  border-color: RGBA(255, 255, 255, 0.3); }

body.sidebar-primary .main-wrap {
  background: #2c97de; }

body.sidebar-primary .navigation .sidebar {
  background: #2c97de; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid #2c97de; }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
      box-shadow: 0 -1px 0 0 #2c97de inset; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2c97de inset; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #2c97de; }
    body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
      box-shadow: 0px -1px 0px 0px #2c97de inset; }
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2c97de inset; }

body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  background-color: RGBA(108, 183, 229, 1); }

body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  background: RGBA(108, 183, 229, 1);
  box-shadow: 0 -1px 0 0 #2c97de inset; }

body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: RGBA(108, 183, 229, 1);
  background-color: RGBA(108, 183, 229, 1); }
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    border-color: RGBA(108, 183, 229, 1); }
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background-color: RGBA(108, 183, 229, 1); }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 #2c97de inset;
  background: RGBA(108, 183, 229, 1); }

body.sidebar-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: RGBA(108, 183, 229, 1);
  border-color: RGBA(108, 183, 229, 1); }

body.sidebar-info .main-wrap {
  background: #2dbda8; }

body.sidebar-info .navigation .sidebar {
  background: #2dbda8; }
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid #2dbda8; }
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
      box-shadow: 0 -1px 0 0 #2dbda8 inset; }
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2dbda8 inset; }
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #2dbda8; }
    body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
      box-shadow: 0px -1px 0px 0px #2dbda8 inset; }
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #2dbda8 inset; }

body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  background-color: #71D1C2; }

body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  background: #71D1C2;
  box-shadow: 0 -1px 0 0 #2dbda8 inset; }

body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: #71D1C2;
  background-color: #71D1C2; }
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    border-color: #71D1C2; }
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background-color: #71D1C2; }

body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 #2dbda8 inset;
  background: #71D1C2; }

body.sidebar-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: #71D1C2;
  border-color: #71D1C2; }

body.sidebar-success .main-wrap {
  background: #84b547; }

body.sidebar-success .navigation .sidebar {
  background: #84b547; }
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid #84b547; }
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
      box-shadow: 0 -1px 0 0 #84b547 inset; }
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #84b547 inset; }
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #84b547; }
    body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
      box-shadow: 0px -1px 0px 0px #84b547 inset; }
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #84b547 inset; }

body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  background-color: #AACA82; }

body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  background: #AACA82;
  box-shadow: 0 -1px 0 0 #84b547 inset; }

body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: #AACA82;
  background-color: #AACA82; }
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    border-color: #AACA82; }
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background-color: #AACA82; }

body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 #84b547 inset;
  background: #AACA82; }

body.sidebar-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: #AACA82;
  border-color: #AACA82; }

body.sidebar-warning .main-wrap {
  background: #e76d3b; }

body.sidebar-warning .navigation .sidebar {
  background: #e76d3b; }
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid #e76d3b; }
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
      box-shadow: 0 -1px 0 0 #e76d3b inset; }
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #e76d3b inset; }
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #e76d3b; }
    body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
      box-shadow: 0px -1px 0px 0px #e76d3b inset; }
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #e76d3b inset; }

body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  background-color: #ED9879; }

body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  background: #ED9879;
  box-shadow: 0 -1px 0 0 #e76d3b inset; }

body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: #ED9879;
  background-color: #ED9879; }
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    border-color: #ED9879; }
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background-color: #ED9879; }

body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 #e76d3b inset;
  background: #ED9879; }

body.sidebar-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: #ED9879;
  border-color: #ED9879; }

body.sidebar-danger .main-wrap {
  background: #cc3e4a; }

body.sidebar-danger .navigation .sidebar {
  background: #cc3e4a; }
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid #cc3e4a; }
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
      box-shadow: 0 -1px 0 0 #cc3e4a inset; }
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #cc3e4a inset; }
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #cc3e4a; }
    body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
      box-shadow: 0px -1px 0px 0px #cc3e4a inset; }
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px white inset, 0px -1px 0px 0px #cc3e4a inset; }

body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  background-color: #DA7881; }

body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  background: #DA7881;
  box-shadow: 0 -1px 0 0 #cc3e4a inset; }

body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: #DA7881;
  background-color: #DA7881; }
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    border-color: #DA7881; }
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background-color: #DA7881; }

body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 #cc3e4a inset;
  background: #DA7881; }

body.sidebar-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: #DA7881;
  border-color: #DA7881; }

/**************************************************************
*                   LIGHT SIDEBAR VARIANTS                    *
***************************************************************/
body.sidebar-light-primary .main-wrap,
body.sidebar-light-success .main-wrap,
body.sidebar-light-info .main-wrap,
body.sidebar-light-warning .main-wrap,
body.sidebar-light-danger .main-wrap {
  background: #fff; }

body.sidebar-light-primary .navigation .sidebar,
body.sidebar-light-success .navigation .sidebar,
body.sidebar-light-info .navigation .sidebar,
body.sidebar-light-warning .navigation .sidebar,
body.sidebar-light-danger .navigation .sidebar {
  background: #fff; }
  body.sidebar-light-primary .navigation .sidebar h1, body.sidebar-light-primary .navigation .sidebar h2, body.sidebar-light-primary .navigation .sidebar h3, body.sidebar-light-primary .navigation .sidebar h4, body.sidebar-light-primary .navigation .sidebar h5, body.sidebar-light-primary .navigation .sidebar h6,
  body.sidebar-light-primary .navigation .sidebar .h1, body.sidebar-light-primary .navigation .sidebar .h2, body.sidebar-light-primary .navigation .sidebar .h3, body.sidebar-light-primary .navigation .sidebar .h4, body.sidebar-light-primary .navigation .sidebar .h5, body.sidebar-light-primary .navigation .sidebar .h6,
  body.sidebar-light-success .navigation .sidebar h1,
  body.sidebar-light-success .navigation .sidebar h2,
  body.sidebar-light-success .navigation .sidebar h3,
  body.sidebar-light-success .navigation .sidebar h4,
  body.sidebar-light-success .navigation .sidebar h5,
  body.sidebar-light-success .navigation .sidebar h6,
  body.sidebar-light-success .navigation .sidebar .h1,
  body.sidebar-light-success .navigation .sidebar .h2,
  body.sidebar-light-success .navigation .sidebar .h3,
  body.sidebar-light-success .navigation .sidebar .h4,
  body.sidebar-light-success .navigation .sidebar .h5,
  body.sidebar-light-success .navigation .sidebar .h6,
  body.sidebar-light-info .navigation .sidebar h1,
  body.sidebar-light-info .navigation .sidebar h2,
  body.sidebar-light-info .navigation .sidebar h3,
  body.sidebar-light-info .navigation .sidebar h4,
  body.sidebar-light-info .navigation .sidebar h5,
  body.sidebar-light-info .navigation .sidebar h6,
  body.sidebar-light-info .navigation .sidebar .h1,
  body.sidebar-light-info .navigation .sidebar .h2,
  body.sidebar-light-info .navigation .sidebar .h3,
  body.sidebar-light-info .navigation .sidebar .h4,
  body.sidebar-light-info .navigation .sidebar .h5,
  body.sidebar-light-info .navigation .sidebar .h6,
  body.sidebar-light-warning .navigation .sidebar h1,
  body.sidebar-light-warning .navigation .sidebar h2,
  body.sidebar-light-warning .navigation .sidebar h3,
  body.sidebar-light-warning .navigation .sidebar h4,
  body.sidebar-light-warning .navigation .sidebar h5,
  body.sidebar-light-warning .navigation .sidebar h6,
  body.sidebar-light-warning .navigation .sidebar .h1,
  body.sidebar-light-warning .navigation .sidebar .h2,
  body.sidebar-light-warning .navigation .sidebar .h3,
  body.sidebar-light-warning .navigation .sidebar .h4,
  body.sidebar-light-warning .navigation .sidebar .h5,
  body.sidebar-light-warning .navigation .sidebar .h6,
  body.sidebar-light-danger .navigation .sidebar h1,
  body.sidebar-light-danger .navigation .sidebar h2,
  body.sidebar-light-danger .navigation .sidebar h3,
  body.sidebar-light-danger .navigation .sidebar h4,
  body.sidebar-light-danger .navigation .sidebar h5,
  body.sidebar-light-danger .navigation .sidebar h6,
  body.sidebar-light-danger .navigation .sidebar .h1,
  body.sidebar-light-danger .navigation .sidebar .h2,
  body.sidebar-light-danger .navigation .sidebar .h3,
  body.sidebar-light-danger .navigation .sidebar .h4,
  body.sidebar-light-danger .navigation .sidebar .h5,
  body.sidebar-light-danger .navigation .sidebar .h6 {
    color: #262626; }
  body.sidebar-light-primary .navigation .sidebar .text-white,
  body.sidebar-light-success .navigation .sidebar .text-white,
  body.sidebar-light-info .navigation .sidebar .text-white,
  body.sidebar-light-warning .navigation .sidebar .text-white,
  body.sidebar-light-danger .navigation .sidebar .text-white {
    color: #262626; }
  body.sidebar-light-primary .navigation .sidebar .text-muted,
  body.sidebar-light-success .navigation .sidebar .text-muted,
  body.sidebar-light-info .navigation .sidebar .text-muted,
  body.sidebar-light-warning .navigation .sidebar .text-muted,
  body.sidebar-light-danger .navigation .sidebar .text-muted {
    color: #ABADAD; }
  body.sidebar-light-primary .navigation .sidebar .nav > li > a:hover,
  body.sidebar-light-primary .navigation .sidebar .nav > li > a:focus,
  body.sidebar-light-success .navigation .sidebar .nav > li > a:hover,
  body.sidebar-light-success .navigation .sidebar .nav > li > a:focus,
  body.sidebar-light-info .navigation .sidebar .nav > li > a:hover,
  body.sidebar-light-info .navigation .sidebar .nav > li > a:focus,
  body.sidebar-light-warning .navigation .sidebar .nav > li > a:hover,
  body.sidebar-light-warning .navigation .sidebar .nav > li > a:focus,
  body.sidebar-light-danger .navigation .sidebar .nav > li > a:hover,
  body.sidebar-light-danger .navigation .sidebar .nav > li > a:focus {
    background-color: whitesmoke; }
  body.sidebar-light-primary .navigation .sidebar .avatar .avatar-status,
  body.sidebar-light-success .navigation .sidebar .avatar .avatar-status,
  body.sidebar-light-info .navigation .sidebar .avatar .avatar-status,
  body.sidebar-light-warning .navigation .sidebar .avatar .avatar-status,
  body.sidebar-light-danger .navigation .sidebar .avatar .avatar-status {
    border-color: white; }
  body.sidebar-light-primary .navigation .sidebar hr,
  body.sidebar-light-success .navigation .sidebar hr,
  body.sidebar-light-info .navigation .sidebar hr,
  body.sidebar-light-warning .navigation .sidebar hr,
  body.sidebar-light-danger .navigation .sidebar hr {
    border-top-color: #e8e8e8; }
  body.sidebar-light-primary .navigation .sidebar .navigation .sidebar,
  body.sidebar-light-success .navigation .sidebar .navigation .sidebar,
  body.sidebar-light-info .navigation .sidebar .navigation .sidebar,
  body.sidebar-light-warning .navigation .sidebar .navigation .sidebar,
  body.sidebar-light-danger .navigation .sidebar .navigation .sidebar {
    background: #fff;
    color: #ABADAD; }
  body.sidebar-light-primary .navigation .sidebar .add-on-container,
  body.sidebar-light-primary .navigation .sidebar .avatar-container,
  body.sidebar-light-success .navigation .sidebar .add-on-container,
  body.sidebar-light-success .navigation .sidebar .avatar-container,
  body.sidebar-light-info .navigation .sidebar .add-on-container,
  body.sidebar-light-info .navigation .sidebar .avatar-container,
  body.sidebar-light-warning .navigation .sidebar .add-on-container,
  body.sidebar-light-warning .navigation .sidebar .avatar-container,
  body.sidebar-light-danger .navigation .sidebar .add-on-container,
  body.sidebar-light-danger .navigation .sidebar .avatar-container {
    border-right: none;
    border-color: #e8e8e8; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-light-success .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-light-info .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-light-warning .navigation .sidebar .sidebar-overlay-head,
  body.sidebar-light-danger .navigation .sidebar .sidebar-overlay-head {
    border-color: #e8e8e8;
    border-width: 0 0 1px 0; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-logo,
  body.sidebar-light-success .navigation .sidebar .sidebar-logo,
  body.sidebar-light-info .navigation .sidebar .sidebar-logo,
  body.sidebar-light-warning .navigation .sidebar .sidebar-logo,
  body.sidebar-light-danger .navigation .sidebar .sidebar-logo {
    border-right: none;
    border-bottom-color: #f1f1f1; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li {
    border-right: none; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li a,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li a {
      color: #ABADAD; }
      body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li a:hover,
      body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li a:hover,
      body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li a:hover,
      body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li a:hover,
      body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li a:hover {
        color: yellow;
        background: #F1F1F1; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li > a:hover,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li > a:hover {
      color: #555555;
      background: #F1F1F1; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu li.active > a,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu li.active > a {
      background: #F1F1F1;
      color: #555555; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a {
    border-right: 1px solid white; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a > i:first-child {
      color: #929292; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li > a:hover,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li > a:hover {
    color: #555555;
    background: #F1F1F1;
    box-shadow: 0px -1px 0px 0px white inset; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
    box-shadow: 3px 0px 0px 0px #2D99DC inset, 0px -1px 0px 0px white inset;
    background: #F1F1F1;
    color: #555555; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a > i:first-child {
      color: #555555; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a {
    border-right: 1px solid #f1f1f1; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li > a:hover {
    color: #555555;
    background: #F1F1F1;
    box-shadow: 0px -1px 0px 0px white inset; }
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a,
  body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
    box-shadow: 3px 0px 0px 0px #2D99DC inset, 0px -1px 0px 0px white inset;
    background: #F1F1F1;
    color: #555555; }
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.nested-active:not(.expanded) > a > i:first-child,
    body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a > i:first-child {
      color: wheat; }

body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li.active > a {
  box-shadow: none; }

body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.nested-active):hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:not(.active):hover > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li:hover > a {
  color: #555555;
  background-color: #F1F1F1; }

body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a {
  color: #555555;
  background: #F1F1F1;
  box-shadow: 0px -1px 0px 0px white inset; }

body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.nested-active):not(.active) > a > i:first-child {
  color: #555; }

body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul {
  border-color: #F1F1F1;
  background-color: #F1F1F1; }
  body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
  body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
  body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
  body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li,
  body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li {
    border-color: transparent; }
  body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a,
  body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li:hover > a {
    color: #555555;
    background-color: #F1F1F1;
    box-shadow: none; }
  body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-primary.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-success.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-info.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-warning.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-danger.sidebar-slim .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    color: #555555;
    background-color: #F1F1F1;
    box-shadow: none; }

body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li.active > a {
  color: khaki; }

body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a {
  box-shadow: 0 -1px 0 0 white inset;
  background-color: #f1f1f1;
  color: #555; }
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu > li:hover:not(.active):not(.nested-active) > a > i:first-child {
    color: #555; }

body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul,
body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul {
  background-color: #f1f1f1;
  border-color: #f1f1f1; }
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li > a {
    box-shadow: none;
    border: none; }
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.nested-active > a,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    background: none;
    box-shadow: none; }
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul > li.active > a {
    color: #555; }
  body.sidebar-light-primary.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
  body.sidebar-light-success.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
  body.sidebar-light-info.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
  body.sidebar-light-warning.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before,
  body.sidebar-light-danger.sidebar-big-icons .navigation .sidebar .sidebar-content .side-menu li > ul:before {
    color: #555;
    border-color: #e8e8e8; }

body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li.active > a {
  box-shadow: 3px 0 0 0 #2c97de inset, 0 -1px 0 0 white inset; }

body.sidebar-light-primary .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
  box-shadow: 3px 0 0 0 #2c97de inset, 0 -1px 0 0 white inset; }

body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li.active > a {
  box-shadow: 3px 0 0 0 #84b547 inset, 0 -1px 0 0 white inset; }

body.sidebar-light-success .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
  box-shadow: 3px 0 0 0 #84b547 inset, 0 -1px 0 0 white inset; }

body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li.active > a {
  box-shadow: 3px 0 0 0 #2dbda8 inset, 0 -1px 0 0 white inset; }

body.sidebar-light-info .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
  box-shadow: 3px 0 0 0 #2dbda8 inset, 0 -1px 0 0 white inset; }

body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li.active > a {
  box-shadow: 3px 0 0 0 #e76d3b inset, 0 -1px 0 0 white inset; }

body.sidebar-light-warning .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
  box-shadow: 3px 0 0 0 #e76d3b inset, 0 -1px 0 0 white inset; }

body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li.active > a {
  box-shadow: 3px 0 0 0 #cc3e4a inset, 0 -1px 0 0 white inset; }

body.sidebar-light-danger .navigation .sidebar .sidebar-content .side-menu > li ul > li.active > a {
  box-shadow: 3px 0 0 0 #cc3e4a inset, 0 -1px 0 0 white inset; }

/**************************************************************
*                    DARK SIDEBAR VARIANTS                    *
***************************************************************/
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-primary .navigation .sidebar .side-menu > li.active > a {
  box-shadow: 3px 0px 0px 0px #2c97de inset; }

body.sidebar-dark-primary .navigation .sidebar .side-menu > li:hover > a {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
  box-shadow: 3px 0px 0px 0px #2c97de inset; }

body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-primary:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-success .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-success .navigation .sidebar .side-menu > li.active > a {
  box-shadow: 3px 0px 0px 0px #84b547 inset; }

body.sidebar-dark-success .navigation .sidebar .side-menu > li:hover > a {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
  box-shadow: 3px 0px 0px 0px #84b547 inset; }

body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-success:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-info .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-info .navigation .sidebar .side-menu > li.active > a {
  box-shadow: 3px 0px 0px 0px #2dbda8 inset; }

body.sidebar-dark-info .navigation .sidebar .side-menu > li:hover > a {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
  box-shadow: 3px 0px 0px 0px #2dbda8 inset; }

body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-info:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-warning .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-warning .navigation .sidebar .side-menu > li.active > a {
  box-shadow: 3px 0px 0px 0px #e76d3b inset; }

body.sidebar-dark-warning .navigation .sidebar .side-menu > li:hover > a {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
  box-shadow: 3px 0px 0px 0px #e76d3b inset; }

body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-warning:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-danger .navigation .sidebar .side-menu > li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.nested-active:not(.expanded) > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.active:hover > a,
body.sidebar-dark-danger .navigation .sidebar .side-menu > li.active > a {
  box-shadow: 3px 0px 0px 0px #cc3e4a inset; }

body.sidebar-dark-danger .navigation .sidebar .side-menu > li:hover > a {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }

body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded):hover > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.nested-active:not(.expanded) > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active:hover > a,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu li.active > a {
  box-shadow: 3px 0px 0px 0px #cc3e4a inset; }

body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu ul > li > a:hover,
body.sidebar-dark-danger:not(.sidebar-big-icons):not(.sidebar-slim) .navigation .sidebar .side-menu > li > a:hover {
  box-shadow: 0px -1px 0px 0px #1A1A1A inset,
 0px 1px 0px 0px #1A1A1A inset; }