.sidebar {
    font-weight: 500;
    font-family: Tahoma, Verdana, sans-serif;
}
.menu-item:hover {
    background-color: #01283c;
}
.menu-item.menu-active,
.menu-item.menu-active:hover {
    background-color: #800080;
}

.menu-link:hover,
.dropdown-menu {
    white-space: nowrap;
    background-color: #01283c;
}

.menu-item.menu-active .menu-link,
.menu-item.menu-active .menu-link:hover {
    background-color: #800080;
    color: #fff;
}

.menu-item > .dropdown-menu {
    display: none;
}

.menu-item:hover > .dropdown-menu {
    display: block;
    left: 175px;
    position: absolute;
    top: 0;
}

.dropdown-menu > .dd-menu-item {
    padding: 12px 16px;
    display: block;
    color: #fff;
}

.dropdown-menu > .dd-menu-item:hover {
    background-color: #001621;
}

.menu-item > .menu-link .ml-title {
    margin-left: 8px;
}

.pi-page-nav-states {
    display: flex;
    margin-right: 16px;
}

.pi-page-nav-search {
    display: flex;
}

@media only screen and (max-width: 960px) {
    .sidebar {
        width: 45px !important;
    }
    .menu-item > .menu-link .ml-title {
        display: none !important;
    }
    .menu-item:hover > .dropdown-menu {
        left: 45px !important;
    }
    .container {
        padding-left: 45px !important;
    }
    .pi-nav-container {
        display: block !important;
    }
    .pi-nav-left {
        display: block !important;
        margin-bottom: 8px;
    }
    .pi-page-nav-states {
        margin-bottom: 8px;
    }
    .pi-items .pi-checkbox,
    .pi-items .pi-status,
    .pi-items .pi-image,
    .pi-items .pi-date,
    .pi-items .pi-sale,
    .pi-items .pi-quantity,
    .pi-items .pi-stock {
        display: none;
    }
    .pi-items .pi-product-name {
        width: 60%;
    }
}