// HIGHLIGHT NAVBAR
var bar = document.getElementById(barId);
if (bar) bar.classList.add("active-bar");
// HIGHLIGHT BAR ITEM
var subBar = document.getElementById(barItem);
if (subBar) subBar.classList.add("active-bar-item");
if (bar) openSubmenus(bar);

var mySidebar = document.getElementById("mySidebar");

// Navigation on large screen
function w3_open_lg() {
    document.getElementById("main-content").style.marginLeft = "180px";
    mySidebar.style.width = "180px";
    mySidebar.style.display = "block";
    //document.getElementById("ptBanner").style.marginLeft = "190px";
}

function w3_close_lg() {
    document.getElementById("main-content").style.marginLeft = "0";
    mySidebar.style.display = "none";
    //document.getElementById("ptBanner").style.marginLeft = "20px";
}

// Navigation on small screen

function w3_open_sm() {
    //document.getElementById("ptBanner").style.marginLeft = "0";
    mySidebar.style.setProperty("display", "block", "important");
}

// Close the sidebar with the close button
function w3_close_sm() {
    mySidebar.style.setProperty("display", "none", "important");
}