body {
    direction: ltr;
    text-align: left;
}

.page-sidebar {
    left: 0px;
}

.float-right {
    float: left !important;
}

.float-left {
    float: right !important;
}

#main-content {
    margin-left: 250px !important;
    text-align: left !important;
    margin-right: 0px !important;
}

    #main-content.sidebar_shift {
        margin-right: 0px !important;
        margin-left: 60px !important;
    }

.arrow {
    float: right !important;
    position: absolute;
    right: 0px !important;
    left: auto !important;
    margin-right: 10px;
}

#main-menu-wrapper li a:hover {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid var(--main-color);
    border-right: none;
}

#main-menu-wrapper li.open a {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid var(--main-color);
    border-right: none;
}

#main-menu-wrapper ul {
    padding: -1px !important;
    padding-left: 0px;
    padding-right: inherit !important;
}

.sub-menu {
    left: 60px;
    right: 0 !important;
    margin-left: 23px !important;
}

@media (max-width: 767px) {
    #main-content {
        margin-left: 60px !important;
    }

        #main-content.chat_shift {
            margin-left: 60px !important;
            margin-right: 0px !important;
        }

    .logo-area {
        width: 60px !important;
    }



    .page-topbar .quick-area .info-menu {
        padding: 0px 27px;
    }

        .page-topbar .quick-area .info-menu li.sidebar-toggle-wrap {
            left: 53px;
            right: auto;
        }
}

@media (max-width: 500px) {
    #main-content.sidebar_shift {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}