.root {
    user-select : none;
    position: fixed;
    left: 30px;
    bottom:50px;
    z-index: 2100000;
}


.navbar {
    ul li {
        border-radius : 5px 5px 5px 5px !important;
        width : 30px;
    }
    ul li i {
        color: white;
        font-size: 2em;
    }

}


.zoomNavbar {
    zoom: document;
    position:fixed;
    top:0;
    right:0;
    z-index: 2100000;
    padding:15px;
    ul li {
        opacity:0.8;
        transition:all 200ms ease-in-out;
        &:hover {
            opacity:1;
        }
    }
    i {
        font-size: 2em;
        color:white;
    }
    cursor:pointer;
}

.clearNavbar {
    zoom: document;
    position: fixed;
    bottom: 39px;
    left: 280px;
    z-index: 2100000;
    padding: 15px;
    opacity: 0.8;
    transition : all 200ms ease-in-out;
    ul li {
        float:left;
        margin-right:10px;
        display : inline;
    }
    &:hover {
        opacity:1;
    }
    i {
        font-size: 2em;
        color:white;
    }
    cursor:pointer;
}