$cui-sidebar-width: 200px;

body.has-cui-sidebar {
  padding-left: $cui-sidebar-width;
}

.cui-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: $color-blue-gray-dark;
  width: 200px;

  .nav {
    user-select: none;

    .nav-item {
      width: 100%;

      .nav-link {
        color: $color-white-dark;
        position: relative;
        cursor: pointer;
      }

      &.nav-dropdown {
        > .nav-link {
          &::after {
            display: inline-block;
            position: absolute;
            top: 50%;
            margin-top: -10px;
            right: 16px;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f105";
          }
        }
      }

      .nav {
        box-shadow: inset 0 3px 7px rgba(0, 0, 0, .1);

        .nav-link {
          background-color: rgba(0, 0, 0, 0.1);
        }
      }
    }
  }
}