.navbar {
    z-index: 1021 !important;
}

#side-menu {
	padding-top: 60px;
}

.navbar-left i {
    font-size: 16px;
}

.navbar-left li {
    border-right: 1px solid rgba(0, 0, 0, .08);
}

.navbar-left li.active {
    background-color: #f4e718;
}

.navbar-left li.active a {
    color: black;
}

.nav-link {
    color: #333;
}

.top-left-part {
    width: auto !important;
}

.dropright {
    position: relative;
}

.dropright .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

@media (max-width: 1539px) {
    .top-left-part {
        width: auto !important;
    }

    .top-left-part .text-part {
        display: none;
    }

    .navbar-collapse.collapse, .offcanvas {
        display: none !important;
    }

    .navbar-collapse.collapse.show, .navbar-collapse.collapsing {
        display: block !important;
    }

    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        left: 0px;
        position: absolute;
        background-color: white;
        top: 60px;
    }

    .navbar-collapse ul {
        float: none !important;
    }

    .navbar-collapse ul li {
        float: none !important;
    }

    .navbar-collapse .nav-item {
        width: 100% !important;
    }

    .navbar-collapse .dropdown ul {
        width: 100% !important;
        display: block !important;
    }

    .navbar-collapse .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-toggler {
        display: block !important;
        position: relative !important;
        float: right !important;
        padding: 9px 10px !important;
        margin-top: 7px !important;
        margin-right: 15px !important;
        margin-bottom: 0px !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 1px solid #ddd !important; 
        border-radius: 0px !important;
    }

    .navbar-expand-lg .offcanvas.show {
        display: block !important;
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: flex !important;
    }

    .offcanvas.show {
        position: fixed !important;
        bottom: 0 !important;
        z-index: var(--bs-offcanvas-zindex) !important;
        display: flex !important;
        flex-direction: column !important;
        max-width: 100% !important;
        color: var(--bs-offcanvas-color) !important;
        visibility: hidden !important;
        background-color: var(--bs-offcanvas-bg) !important;
        background-clip: padding-box !important;
        outline: 0 !important;
        transition: var(--bs-offcanvas-transition) !important;
    }

    .offcanvas.offcanvas-end.show {
        top: 0 !important;
        right: 0 !important;
        width: var(--bs-offcanvas-width) !important;
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color) !important;
        transform: none !important;
        visibility: visible !important;
        overflow-y: auto !important;
    }

    .offcanvas .offcanvas-body {
        display: block !important;
        padding: 0px !important;
    }

    .offcanvas .nav {
        flex-direction: row;
        justify-content: flex-end !important;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .offcanvas .navbar-top-links {
        float: none !important;
    }

    .offcanvas .dropdown-menu {
        display: block !important;
        width: 100% !important;
        box-shadow: none !important;
        border: 0  !important;
        position: relative !important;
    }

    .offcanvas .d-flex {
        display: block !important;
    }

    .offcanvas .dropdown {
        margin-right: 0px !important;
    }
}



@media (min-width: 1540px) {
    .navbar-toggler {
        display: none !important;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}