@charset "UTF-8";
$parent-active-background: rgba(0, 22, 46, 0.15);
aside#left-panel {
  position: fixed;
  overflow: scroll;
  background: white;
  border: 1px solid #eee;
  span.minifyme {
    border: 0px !important;
    border-radius: 4px 0 0 4px !important;
    &:hover {
      width: 45px;
    }
  } // 當左側欄關閉
  @media screen and (max-width: 45px) {
    padding-top: 30px;
  }
  nav {
    // overflow: scroll;
    ul {
      li {
        a {
          i {
            font-size: 18px !important;
          }
          &.parent {
            font-size: 14px;
            &:hover {
              transition: all .1s linear 0s;
              border-radius: 6px;
              background: $parent-active-background !important;
            }
          }
        }
        &.active {
          a:before {
            color: #999;
          }
          a.parent {
            transition: all .1s linear 0s;
            border-radius: 6px;
            background: $parent-active-background !important;
          }
        }
      }
    }
  }
  .badge {
    background-color: #B8E986;
    color: #215898;
    font-size: 18px;
    float: right;
    vertical-align: middle !important;
    margin-top: 6px;
    .case-badge {}
    .recommend-badge {}
  }
}