@import "./../globalCssVariables.scss"; 

.bar {
    height: 100%;
    width: 5px;
    background-color: green;
    position: relative;
    
    // pointer-events: none; 
    .menubox {
        width: 200px; 
        height: 200px;
        top: 50%;
        position: relative; 
        background-color: $light-color; 
        .menutable{
            tr:nth-child(odd){
                background-color:$light-color-secondary;
            }
        }
    }

    .leftResize{
        left:-10px; 
        height:20px; 
        width:20px; 
        border-radius: 50%; 
        border: 1px black; 
        background-color: transparent; 
        top: calc(50% - 10px); 
        position:absolute; 
    }
    .rightResize{
        right:-10px; 
        height:20px; 
        width:20px; 
        border-radius: 50%; 
        top:calc(50% - 10px); 
        background-color:black; 
        position:absolute; 

    }


}