@import "~/app-resources/less/theme.less";

#vat-analysis-menu {
    width: 100%;
    height: 100%;
    position: absolute;

    .vat-analysis-content {
        display: inline-block;
        position: relative;
        margin-left: 100px;
        width: calc(~"100% - 100px");
        vertical-align: top;
        height: 100%;
    }

    .vat-analysis-menu {
        display: inline-block;
        position: absolute;
        width: 80px;
        height: 100%;
        background: @color-background;
        vertical-align: top;
        border-right: @thin-border solid @color-border;

         .scroller {
            overflow-y: hidden;
            position: relative;
            height:100%;
        }
         .ps-container>.ps-scrollbar-y-rail{
              width: 5px;
         }

         .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
             width: 5px;
             right: 0px;
            }

        .li {
            display: block;
            width: 80px;
            height: 80px;
            vertical-align: middle;  
            text-align: center;
            cursor: pointer;

            a {
                height: 100%;
                width: 100%;
                display: block;
                padding-top:20px;
                padding-bottom:20px;
                vertical-align: middle;
                text-align: center;
                word-wrap: break-word;
                font-size: 12px;
                text-decoration: none;
                color: @color-black;
                background-color:#ffffff;
                outline:none;
            }

            a:hover {
                text-decoration: none;
                background-color:#808080;

                 i {
                      color: red;
                  }
            }

            a.active {
                text-decoration: none;
                font-weight: bold;
                  background-color:#f5f5f5;

                  i {
                      color: red;
                  }
            }
        }
    }
}