/*------------------------------------------------------------------
[Color codes]

Navbar background color: #7950f2;
Navbar link item border color: #6040C1;
Navbar link item hover background color: #6040C1;
Navbar dropdown link hover background color: #fef8f2;
Horizontal navbar background color: #f8f6fe;
Text item text color: #333;
Text item light text color: #858585;
Box shadow color: #d9d9d9;
Sidebar background color: #f8f6fe;
Sidebar icon color: #7950f2;
-------------------------------------------------------------------*/
.navbar {
  background: #7950f2;
  /* Grid navigation */ }
  .navbar .nav-item {
    border-color: #6040C1;
    /* Animation */
    /* Styles for dropdowns */ }
    .navbar .nav-item:hover {
      -webkit-transition: background 0.3s ease;
      transition: background 0.3s ease; }
    .navbar .nav-item:hover, .navbar .nav-item.active, .navbar .nav-item.show {
      background: #6040C1; }
    .navbar .nav-item.show .dropdown-menu {
      background: #fff;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .navbar .nav-item.show .dropdown-menu .dropdown-item:hover {
        background: #f5f7fa;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease; }
      .navbar .nav-item.show .dropdown-menu .dropdown-item, .navbar .nav-item.show .dropdown-menu .dropdown, .navbar .nav-item.show .dropdown-menu .nav-link {
        color: #333;
        border-bottom: 1px solid #e1e5f0; }
      .navbar .nav-item.show .dropdown-menu .dropdown-item:last-child > .nav-link {
        border-bottom: none; }
    .navbar .nav-item.btn-action:hover {
      background: transparent; }
  .navbar .nav-link {
    color: #fff; }
  .navbar .navbar-brand {
    color: #fff; }
    .navbar .navbar-brand .logo {
      color: #fff; }
    .navbar .navbar-brand .sidebar-toggle,
    .navbar .navbar-brand .sidebar-mobile-toggle {
      color: #fff; }
  .navbar > .wrapper > .nav > .navbar-menu .search-form .form-control {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    color: rgba(255, 255, 255, 0.6); }
    .navbar > .wrapper > .nav > .navbar-menu .search-form .form-control::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .navbar > .wrapper > .nav > .navbar-menu .search-form .form-control::-moz-placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .navbar > .wrapper > .nav > .navbar-menu .search-form .form-control:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .navbar > .wrapper > .nav > .navbar-menu .search-form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  .navbar > .wrapper > .nav > .navbar-menu .search-form .icon-addon > .icon {
    color: rgba(255, 255, 255, 0.6); }
  .navbar > .wrapper > .nav > .navbar-menu .search-form .search-open, .navbar > .wrapper > .nav > .navbar-menu .search-form .search-close {
    color: #fff; }
  .navbar > .wrapper > .nav > .navbar-actions > .languages .wrapper > .language {
    border-bottom: 1px solid #dee0e1;
    border-right: 1px solid #dee0e1; }
    .navbar > .wrapper > .nav > .navbar-actions > .languages .wrapper > .language:hover {
      background: #f5f7fa; }
    .navbar > .wrapper > .nav > .navbar-actions > .languages .wrapper > .language > .text {
      color: #333; }
  .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tabs-actions > a > .icon {
      color: #b0bad7; }
      .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tabs-actions > a > .icon:hover {
        color: #8997c3; }
    .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .nav-tabs {
      border-bottom: 1px solid #dee0e1; }
    .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tab-content > .tab-pane > .view-all {
      border-top: 1px solid #dee0e1; }
      .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tab-content > .tab-pane > .view-all > a {
        color: #333; }
    .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tab-content > .tab-pane .message {
      border-bottom: 1px solid #dee0e1; }
      .navbar > .wrapper > .nav > .navbar-actions > .messages > .dropdown-menu > .tab-content > .tab-pane .message:hover {
        background: #f5f7fa;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease; }
  .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .nav-tabs {
      border-bottom: 1px solid #dee0e1; }
    .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane > .view-all {
      border-top: 1px solid #dee0e1; }
      .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane > .view-all > a {
        color: #333; }
    .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification {
      border-bottom: 1px solid #dee0e1;
      /* Bottom border in notifications tabs */ }
      .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification:hover {
        background: #f5f7fa;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease; }
      .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification > .action > span.default {
        background-color: #e1e5f0; }
        .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification > .action > span.default > .icon {
          color: #333; }
      .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification > .action > span.error {
        background-color: #f8e4f8; }
        .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification > .action > span.error > .icon {
          color: #d149d0; }
      .navbar > .wrapper > .nav > .navbar-actions > .notifications > .dropdown-menu > .tab-content > .tab-pane .notification > .info > .text {
        color: #333; }
  .navbar > .wrapper > .nav > .navbar-actions > .user {
    border-right: 1px solid #6040C1; }
  .navbar .dropdown-grid {
    border: none; }
    .navbar .dropdown-grid.show > .dropdown-menu .scroll-wrapper > .grid-item > .icon, .navbar .dropdown-grid.show > .dropdown-menu .scroll-wrapper > .grid-item > .text {
      color: #333; }
    .navbar .dropdown-grid.show > .dropdown-menu .scroll-wrapper > .grid-item.active, .navbar .dropdown-grid.show > .dropdown-menu .scroll-wrapper > .grid-item:hover {
      border: solid 1px rgba(57, 81, 155, 0.1);
      background-color: rgba(57, 80, 155, 0.05); }

.navbar-horizontal {
  background-color: #f8f6fe;
  border-bottom: 1px solid #dee0e1; }
  .navbar-horizontal .nav-item {
    /* Styles for dropdowns */ }
    .navbar-horizontal .nav-item.show > .dropdown-toggle {
      border-left: 1px solid #dee0e1;
      border-right: 1px solid #dee0e1; }
    .navbar-horizontal .nav-item.show > .nav-link {
      color: #333;
      background: #fff; }
      .navbar-horizontal .nav-item.show > .nav-link.active, .navbar-horizontal .nav-item.show > .nav-link:focus, .navbar-horizontal .nav-item.show > .nav-link:hover {
        color: #333;
        background: #fff; }
    .navbar-horizontal .nav-item.show .dropdown-menu {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item:hover {
        background: #f5f7fa;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease; }
      .navbar-horizontal .nav-item.show .dropdown-menu .dropdown-item, .navbar-horizontal .nav-item.show .dropdown-menu .dropdown, .navbar-horizontal .nav-item.show .dropdown-menu .nav-link {
        color: #333;
        border-bottom: 1px solid #e1e5f0; }
    .navbar-horizontal .nav-item .nav-link {
      color: #333; }
      .navbar-horizontal .nav-item .nav-link.active, .navbar-horizontal .nav-item .nav-link:focus, .navbar-horizontal .nav-item .nav-link:hover {
        color: #333;
        background: #fff; }
      .navbar-horizontal .nav-item .nav-link.active {
        border-left: 1px solid #dee0e1;
        border-right: 1px solid #dee0e1; }
      .navbar-horizontal .nav-item .nav-link.disabled {
        color: #8c8c8c; }
        .navbar-horizontal .nav-item .nav-link.disabled.active, .navbar-horizontal .nav-item .nav-link.disabled:focus, .navbar-horizontal .nav-item .nav-link.disabled:hover {
          background: none; }
      .navbar-horizontal .nav-item .nav-link > .icon {
        color: #333; }
  .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #e1e5f0; }
    .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link, .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item {
      background: #fff;
      border-bottom: 1px solid #e1e5f0; }
      .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link.disabled, .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item .dropdown-item.disabled {
        color: #8c8c8c; }
    .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item > .nav-link {
      border-bottom: none; }
    .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item.show > .nav-link.dropdown-toggle {
      border-bottom: 1px solid #e1e5f0; }
    .navbar-horizontal > .nav > .navbar-horizontal-responsive .dropdown-menu .dropdown-item.show .dropdown-menu > .dropdown-item:last-child {
      border-bottom: none; }

.sidebar {
  background: #f8f6fe;
  border-right: 1px solid #dee0e1; }
  .sidebar > .wrapper {
    background: #f8f6fe; }
    .sidebar > .wrapper .nav .nav-item.user .info > .name {
      color: #333; }
    .sidebar > .wrapper .nav .nav-item.user .info > .text {
      color: #858585; }
    .sidebar > .wrapper .nav .nav-item.open .nav-link, .sidebar > .wrapper .nav .nav-item .nav-item .nav-link {
      background: #fff;
      color: #333; }
    .sidebar > .wrapper .nav .nav-item .nav-link, .sidebar > .wrapper .nav .nav-item .dropdown-item {
      border-bottom: 1px solid #dee0e1;
      color: #333; }
      .sidebar > .wrapper .nav .nav-item .nav-link > .icon, .sidebar > .wrapper .nav .nav-item .dropdown-item > .icon {
        color: #7950f2; }
    .sidebar > .wrapper .nav .nav-item .dropdown-menu {
      background: #fff; }
      .sidebar > .wrapper .nav .nav-item .dropdown-menu .dropdown-item {
        border-bottom: 1px solid #dee0e1;
        color: #333; }
    .sidebar > .wrapper .dropdown-item:hover {
      background: transparent;
      -webkit-transition: background 0.3s ease;
      transition: background 0.3s ease; }

.sidebar-position-fixed .sidebar > .wrapper {
  background: #f8f6fe;
  border-right: 1px solid #dee0e1; }

@media only screen and (max-width: 1225px) {
  .navbar > .wrapper > .navbar-menu-toggle.open {
    background-color: rgba(0, 0, 0, 0.2); }
  .navbar > .wrapper > .nav > .navbar-menu {
    background: #f8f6fe; }
    .navbar > .wrapper > .nav > .navbar-menu.open > .search-form {
      border-bottom: 1px solid #dee0e1; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .form-control {
        background-color: #fff;
        border: solid 1px #dee0e1;
        color: #858585; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .form-control::-webkit-input-placeholder {
          color: #858585; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .form-control::-moz-placeholder {
          color: #858585; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .form-control:-ms-input-placeholder {
          color: #858585; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .form-control::placeholder {
          color: #858585; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .search-form > .wrapper > .input-icon > .icon-addon > .icon {
        color: #858585; }
    .navbar > .wrapper > .nav > .navbar-menu.open > .nav-item {
      color: #333; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .nav-item > .nav-link, .navbar > .wrapper > .nav > .navbar-menu.open > .nav-item.nav-link {
        color: #333;
        border-bottom: 1px solid #dee0e1; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .nav-item > .nav-link:hover, .navbar > .wrapper > .nav > .navbar-menu.open > .nav-item.nav-link:hover {
          background: transparent; }
    .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown > .nav-link {
      border-bottom: 1px solid #dee0e1; }
    .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown.show {
      background: #fff;
      border-bottom: 1px solid #dee0e1; }
    .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown .dropdown-menu .dropdown-item.dropdown {
      background: none;
      border-bottom: none; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown .dropdown-menu .dropdown-item.dropdown > .nav-link {
        border-bottom: none; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown .dropdown-menu .dropdown-item.dropdown.show > .nav-link {
        border-bottom: 1px solid #dee0e1; }
        .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown .dropdown-menu .dropdown-item.dropdown.show > .nav-link:hover {
          background: #f5f7fa; }
      .navbar > .wrapper > .nav > .navbar-menu.open > .dropdown .dropdown-menu .dropdown-item.dropdown.show .dropdown-item:last-child {
        border-bottom: none; } }

@media only screen and (max-width: 780px) {
  .navbar > .wrapper > .navbar-actions-toggle.open {
    background: rgba(0, 0, 0, 0.2); }
  .navbar > .wrapper > .nav > .navbar-actions {
    background: #f8f6fe; }
    .navbar > .wrapper > .nav > .navbar-actions.open {
      /* Static position for dropdown menus becides message, notifications, languages */ }
      .navbar > .wrapper > .nav > .navbar-actions.open > .nav-item.show {
        background: #fff; }
      .navbar > .wrapper > .nav > .navbar-actions.open > .nav-item > .nav-link {
        color: #333;
        border-bottom: 1px solid #dee0e1; }
        .navbar > .wrapper > .nav > .navbar-actions.open > .nav-item > .nav-link > .icon {
          color: #7950f2; }
      .navbar > .wrapper > .nav > .navbar-actions.open > .nav-item.user .info > .description {
        color: #858585; }
      .navbar > .wrapper > .nav > .navbar-actions.open > .nav-item:not(.languages):not(.messages):not(.notifications).show .dropdown-menu .dropdown-item:not(.dropdown) {
        border-bottom: 1px solid #dee0e1; } }
