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

#vat-report-container {
    width: 100%;
    height: 100%;
    position: absolute;
    .divider {
            height: 2px;
            overflow: hidden;
            background-color: #e5e5e5;
            border-bottom: 1px solid #fff;
        }

    .group-section {
        height:50px;
        line-height:50px;
        padding-left:20px;
        background-color:#f2f2f2;
        min-width: 120px;
        cursor:pointer;
    }


    .vat-report-content {
        background: @color-white-smoke;
        height: 100%;
        vertical-align: top;
        overflow: hidden;
    }


    .report-nav-icon {
        height: 20px;
        width: 5px;
        background-color: #f91000;
        position: absolute;
    }

    .report-menu-toggler {
        height: 40px;
        width: 40px;
        background-color: #666460;
        text-align: center;
        cursor: pointer;
        position: absolute;
    }

    .toggler-icon {
        color: white;
        line-height: 40px;
        font-size: 25px;
    }

    .gutter {
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: 50%;
        height:100%;
        float:left;
    }


    .gutter.gutter-horizontal {
        background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
        cursor: ew-resize;
    }


    .vat-report-menu {
        background: @color-background;
        border-right: @thin-border solid @color-border;
        height: 100%;
        vertical-align: top;
        float: left;
        width: 250px;

        .li {
            display: table;
            height: 50px;
            list-style: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            vertical-align: middle;
            width: 100%;

            a {
                color: @color-black;
                display: table-cell;
                font-size: 12px;
                height: 100%;
                padding-left:20px;
                text-decoration: none;
                vertical-align: middle;
                width: 100%;
                min-width:120px;
                word-wrap: break-word;
            }

                a:hover {
                    text-decoration: none;
                    color: white;
                    background-color: #a32020;
                }

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

        .nav-report{
            .toggle-group-icon{
                margin-left:5px;
                /*float:right;
                color:#ccc;*/
            }
        }
    }
}