finanzas_api/APP/assets/sass/dashboard/custom/_rtl.scss

.rtl {
  .sidebar,
  .bootstrap-navbar {
    right: 0;
    left: auto;
    margin-right: 20px;
    margin-left: 0;

    .nav{
        i{
          float: right;
          margin-left: 15px;
          margin-right: 0;
        }

        p{
          margin-right: 45px;
          text-align: right;
        }

        .caret{
          left: 11px;
          right: auto;
        }
    }

    .logo{
        a.logo-mini{
          float: right;
          margin-right: 20px;
          margin-left: 10px;
        }

        .simple-text{
          text-align: right;
        }
    }


    .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal{
      text-align: right;
    }

    &:before{
      right: 30px;
      left: auto;
    }
  }

  .navbar{
    .navbar-brand{
      margin-right: 0px;
    }
    .dropdown-menu{
      right: auto;
      left: 0;
    }
  }

  .main-panel{
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .main-panel .content{
    padding: 80px 280px 30px 30px;
  }

  .dropdown-toggle:after{
    margin-right: .255em;
    margin-left: 0;
  }

  .dropdown-menu.dropdown-menu-right.dropdown-navbar{
    right: -220px !important;
    left: auto;

    &:before{
      right: auto;
      left: 35px;
    }
  }

  .notification{
    left: 40px;
    right: auto;
  }

  .dropdown-menu{
    right: auto;
    left: 0;
  }

  .navbar-minimize-fixed{
    margin-right: 38px;
    margin-left: auto;
  }

  .minimize-sidebar{
    float: right;
  }

  .alert{
    left: 0;
    margin-left: 0;
    margin-right: 0;
      button.close{
        left: 10px !important;
        right: auto !important;
      }

      span[data-notify="icon"]{
        right: 15px;
        left: auto;
      }



      &.alert-with-icon{
        padding-right: 65px;
        padding-left: 15px;
      }

      &.alert-with-icon i[data-notify="icon"]{
        right: 15px;
        left: auto;
      }
  }

  .search-bar{
    margin-left: 0;
  }

  .modal-search .modal-header .close{
    margin-right: auto;
    left: 10px;
  }

  .rtl .footer{
    padding: 24px 30px !important;
  }

  .ps__rail-y {
    right: auto !important;
    left: 0;
  }

  .fixed-plugin .dropdown-menu{
    right: 80px;
  }
}



@include media-breakpoint-up(xl) {
  .rtl{

    .navbar-minimize button {
      margin-right: -5px;
    }

    .footer {
      padding: 24px 300px 24px 30px;
    }
  }
}

@include media-breakpoint-down(lg) {


  .rtl {
    .sidebar {
      @include transform-translate-x(260px);
    }

    .main-panel {
      float: right;
      right: 0;
      left: auto;
      @include transform-translate-x(0px);
    }
  }

  .rtl .sidebar {
    margin-right: 0;
  }

  .rtl .main-panel .content{
    padding-right: 50px;
  }
}

@include media-breakpoint-down(md) {
    .rtl .main-panel .content {
      padding-right: 50px;
    }

    .rtl #bodyClick {
      right: 260px;
      left: auto;
    }

    .rtl .navbar .navbar-toggle .navbar-toggler {
        display: block;
        margin-right: 20px;
    }

    .rtl .navbar {
      .navbar-nav {
        padding-right: 0;
        a.nav-link {
          text-align: right;
          p{
            margin-right: 7px;
          }
        }

        .btn {
          margin-right: 0;
          padding: 0;
          i{
            margin-left: 4px;
            margin-right: 5px;
          }
        }

        .search-bar span{
          margin-right: 10px;
        }
      }
    }
    .nav-open {
      body {
        position: fixed;
      }
    }
  }


@include media-breakpoint-down(sm) {
  .rtl {
    .main-panel .content {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
}


@include media-breakpoint-down(xs) {

.rtl .navbar .dropdown-menu {
    width: 200px !important;
  }
}