.ubg-sidenav-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 100%;
  transition: left 200ms;
  z-index: 1497; }
  @media (max-width: 599px) {
    .ubg-sidenav-sidebar {
      left: -calc(100% - 56px); } }
  @media (min-width: 600px) {
    .ubg-sidenav-sidebar {
      left: -320px; } }
  .ubg-sidenav-sidebar .scrim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1498; }
  .ubg-sidenav-sidebar .content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #d7ccc8;
    z-index: 1499;
    overflow-y: auto;
    overflow-x: hidden; }
    @media (max-width: 599px) {
      .ubg-sidenav-sidebar .content {
        width: calc(100% - 56px); } }
    @media (min-width: 600px) {
      .ubg-sidenav-sidebar .content {
        width: 320px; } }
    .ubg-sidenav-sidebar .content #ubg-sidenav-header {
      padding: 24px 16px; }
      .ubg-sidenav-sidebar .content #ubg-sidenav-header .ubg-sidenav-button {
        float: left;
        width: 48px;
        height: 48px;
        margin-right: 16px;
        cursor: pointer;
        border-radius: 24px; }
      .ubg-sidenav-sidebar .content #ubg-sidenav-header .ubg-sidenav-close {
        background-color: #e53935; }
      .ubg-sidenav-sidebar .content #ubg-sidenav-header .ubg-sidenav-back {
        background-color: #8e24aa;
        display: none; }
      .ubg-sidenav-sidebar .content #ubg-sidenav-header ul.ubg-sidenav-breadcrumb {
        clear: both;
        margin: 0;
        padding: 0;
        list-style: none; }
        .ubg-sidenav-sidebar .content #ubg-sidenav-header ul.ubg-sidenav-breadcrumb li {
          float: right;
          margin: 0;
          padding: 8px 16px; }
          .ubg-sidenav-sidebar .content #ubg-sidenav-header ul.ubg-sidenav-breadcrumb li.clickable {
            cursor: pointer; }
    .ubg-sidenav-sidebar .content #ubg-sidenav-content {
      clear: both; }
      .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu {
        margin: 0;
        padding: 0;
        border: 0; }
        .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li {
          margin-top: 0;
          margin-bottom: 0;
          padding: 0;
          border: 0;
          height: 0; }
          @media (max-width: 599px) {
            .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li {
              margin-left: calc(100% - 56px); } }
          @media (min-width: 600px) {
            .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li {
              margin-left: 320px; } }
          .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active {
            display: block;
            height: auto;
            margin-left: 0; }
            .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active a, .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active span {
              display: none; }
            .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active ul li {
              /*display: none;*/ }
              .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active ul li.active {
                display: block; }
            .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active ul.open > li {
              height: 32px;
              margin-left: 0;
              transition: margin-left 250ms;
              display: block;
              cursor: pointer; }
              .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active ul.open > li a, .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu li.active ul.open > li span {
                display: block;
                margin: 0;
                padding: 8px 16px; }
        .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu.open > li {
          height: 32px;
          margin-left: 0;
          transition: margin-left 250ms;
          cursor: pointer; }
          .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu.open > li a, .ubg-sidenav-sidebar .content #ubg-sidenav-content ul.ubg-sidenav-menu.open > li span {
            display: block;
            margin: 0;
            padding: 8px 16px; }
  .ubg-sidenav-sidebar.open {
    left: 0;
    right: 0;
    transition: left 250ms; }
    .ubg-sidenav-sidebar.open .scrim {
      background-color: #0000007f;
      display: block; }

/*# sourceMappingURL=ubg_sidenav_sidebar.css.map */