.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2{
    
    float:right;
    }
    
    .table-responsive th{
        text-align: right;
    }
    
    .page-list{
        direction:rtl;
    }
    
    .panel{
        direction:rtl;
    }
    
    :root {
      --jgive-color: #e500a4;
      --blue-color: #0d1c56;
      --grey-color: #dfe1e4;
    }
    
    * {
      /*direction: rtl !important;*/
      font-family: 'Rubik', sans-serif;
    }
    
    .app-sidebar.sidebar-left {
        right: 0;
        left: initial;
    }
    .app-sidebar.sidebar-left~#app-header.navbar {
        left: 0;
        right: 300px;
    }
    .app-sidebar.sidebar-left~#app-content {
        margin-right: 300px;
        margin-left: 0;
    }
    .sidebar-header {
        width: 300px !important;
        background: white !important;
    }
    .app-sidebar.sidebar-left .sidebar-header>.mautic-brand {
        padding: 16px 30px;
    }
    .app-sidebar.sidebar-left {
        width: 300px;
        z-index: 2000;
    }
    nav.nav-sidebar > ul.nav {
        padding: 0;
    }
    .app-sidebar.sidebar-left .sidebar-content {
        padding: 0;
        box-shadow: 0 3px 20px rgba(0,0,0,.1607843137);
    }
    .scroll-content {
      background: white;
    }
    .sidebar-link {
      display: flex !important;
      font-size: 18px;
      font-weight: bold;
      margin: 3.2rem 0;
      color: var(--blue-color) !important;
    }
    .sidebar-link:hover {
      font-weight: bold !important;
      background: white !important;
    }
    .app-sidebar.sidebar-left .nav-sidebar > .nav > li.active > a {
        background: white;
    }
    .app-sidebar.sidebar-left .nav-sidebar>.nav>li.nav-group:after  {
        border: none;
    }
    .app-sidebar .nav-sidebar > .nav > li > a .icon {
      color: var(--grey-color);
      font-size: 2.5rem;
      margin: 0 2rem;
    }
    .app-sidebar .nav-sidebar > .nav > li.active > a .icon {
        color: var(--blue-color);
    }
    .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>.nav-submenu,
    .app-sidebar.sidebar-left .nav-sidebar>.nav>li>a:hover,
    .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>a,
    .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>a:hover
    a:hover, .app-sidebar.sidebar-left .nav-sidebar>.nav>li>a:focus { 
        background: white !important;
    }
    /* TDOO implement the hide sidebar button */
    .nav.sidebar-left-dark {
        display: none !important;
    }
    
    .gjs-editor {
        margin-right: 300px;
    }