@import url('./app.min.css');
#scrollbar{
    overflow-y: scroll;
}
#scrollbar::-webkit-scrollbar {
    display: none;
}
#scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none; 
}
@media (min-width: 768px) {
    body[dir='rtl'] #page-topbar {
        right: var(--vz-vertical-menu-width) ;
        left:0px 
    }
}

@media (min-width: 768px) {
    body[dir='rtl'] .main-content {
        margin-right: var(--vz-vertical-menu-width) ;
        margin-left:0px;
    }
}
@media (min-width: 768px) {
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] body[dir='rtl'] .main-content {
        margin-right: var(--vz-vertical-menu-width-sm);
        margin-left:0px;
    }
}
@media (min-width: 768px) {
    [data-layout=vertical]:is([data-sidebar-size=sm],[data-sidebar-size=sm-hover]) body[dir='rtl'] #page-topbar {
        right: var(--vz-vertical-menu-width-sm);
        left:0px;
    }
}

body[dir='rtl'] .navbar-nav{
    padding-right:0px;
    padding-left: none;
}