.rtl{
  direction: rtl;

    .sidebar,
    .bootstrap-navbar{
        right: 0;
        left: auto;

        .nav-mobile-menu .notification{
            float: right;
            margin-right: 0;
            margin-left: 8px;
        }

        .sidebar-wrapper{
          display: flex;
          flex-direction: column;
          overflow: hidden
        }

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

            p{
                margin: 0;
                text-align: right;
            }

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

        .logo{
            a.logo-mini{
               float: right;
               margin-right: 23px;
               margin-left: 13px;
            }

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

        .user{
          margin: 0;
          margin-top: 20px;

            .user-info > a > span{
                text-align: right;
                display: block;
            }

            .photo{
                float: right;
                margin-left: 12px;
                margin-right: 23px;
            }
        }

        .user .user-info .caret{
            left: 22px;
            right: auto;
        }
    }

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


    .navbar-minimize {
      left: 21px;
      right: auto;
    }

    .navbar-header .navbar-toggle{
      margin: 10px 0 10px 15px;
    }

    .btn:not(.btn-just-icon):not(.btn-fab) .fa,
    .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa{
      left: 5px;
    }

    .card .card-header.card-header-icon{
      float: right;
    }

    .main-panel{
      float: left;
    }

    .navbar > .container-fluid .navbar-brand{
      margin-right: 10px;;
    }

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

    .card .card-header.card-header-tabs .nav-tabs-title{
      float: right;
      padding: 10px 0 10px 10px;
    }

    .card.card-product .card-footer{
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: space-between;
    }

    .navbar-nav.navbar-right > li > .dropdown-menu:before,
    .navbar-nav.navbar-right > li > .dropdown-menu:after{
      right: auto;
      left: 12px;
    }

    .card .form-horizontal .label-on-left{
        padding-top: 16px;
        text-align: left;
    }

    .form-horizontal .radio label span{
        right: 2px;
    }

    .form-check .form-check-label {
      .form-check-sign {
        .check:before {
          margin-right: 11px;
        }
      }
    }

    .card .checkbox .checkbox-material:before{
        left: 0;
    }

    .nav-pills > li + li{
        margin-right: 0;
    }

    .radio-inline, .checkbox-inline{
        padding-right: 0;
        margin-top: 5px;
    }

    .form-horizontal .checkbox-radios .checkbox:first-child, .form-horizontal .checkbox-radios .radio:first-child{
        margin-top: 5px;
    }

    .checkbox label,
    .radio label{
        padding: 0;
    }

    .radio label{
        padding-right: 28px;
    }

    .card .form-horizontal .label-on-right{
        text-align: right;
        padding-top: 17px;
    }

    .alert{
        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;
        }
    }

    .sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div ul > li > a .sidebar-mini {
      margin-right: 0!important;
      float: right!important;
      margin-left: 15px!important;
    }

    @media (max-width: 991px){
        .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > .sidebar-normal,
        .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > .sidebar-normal{
            text-align: right;
        }
    }

    @media (max-width: 768px){
        .navbar > .container-fluid .navbar-brand{
            margin-right: 15px;
        }

        .navbar-header .navbar-toggle{
            margin-left: 30px;
        }
    }

  &.sidebar-mini {
    .nav {
      .nav-link i {
        margin-right: 0;
      }
    }
  }

  .navbar {
    .collapse {
      .nav-link {
        .notification {
          top: -10px;
        }
      }
    }
  }

  .sidebar-wrapper {
    .nav .nav-item,
    .user .user-info {
      .collapse,
      .collapsing {
        .nav {
          .nav-link {
            .sidebar-mini {
              float: right;
            }

            .sidebar-normal {
              text-align: right;
              display: block;
            }
          }
        }
      }
    }
  }
  &.sidebar-mini {
    .collapse,
    .collapsing {
      .nav {
        .nav-link {
          .sidebar-mini {
            margin-right: 0 !important;
          }
        }
      }
    }
  }

  .sidebar {
    .nav .nav-link i{
      margin-right: 0 !important;
    }
    .nav .nav,
    .user .user-info div .nav {
        .nav-link {
          .sidebar-mini {
            margin-right: 0 !important;
            float: right !important;
            margin-left: 15px !important;
          }
        }
      }
      .user .user-info div .nav {
          .nav-link {
            .sidebar-normal {
              display: block !important;
            }
          }
        }
  }

  .md-tabs-navigation{
    padding: 15px 75px 15px 15px;
  }
  .md-nav-tabs-title{
    margin-left: 0;
    margin-right: 15px;
  }
  .md-checkbox .md-checkbox-container .md-ripple{
    transform: translate(16%,-50%);
  }
  .md-table-head .md-table-head-label{
    padding-right: 0;
    padding-left: 24px;
  }
  .md-table-head-container{
    text-align: right;
  }

  .md-tabs-container{
    flex-direction: row-reverse;
  }

  .md-field.md-clearable .md-input{
    padding-right: 0;
    padding-left: 30px;
  }

  .md-field .md-input-action{
    right: auto;
    left: 0;
  }
  .md-toolbar .md-field label{
    left: auto;
  }
}

@media (min-width: 991px){
    .sidebar-mini .rtl .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper .user .user-info > a > span,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper > .nav li > a p{
        position: relative;
    }

    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper > .nav li > a p,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper .user .user-info > a > span,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper .user .user-info > a > span,
    .sidebar-mini .rtl .sidebar .sidebar-wrapper > .nav li > a p,
    .sidebar-mini .rtl .sidebar .logo a.logo-normal{
      transform: translateX(25px);
    }

    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper > .nav li > a p,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
    .sidebar-mini .rtl .sidebar:hover .sidebar-wrapper .user .user-info > a > span,
    .sidebar-mini .rtl .sidebar:hover .logo a.logo-normal{
      transform: translate3d(0,0,0);
    }
}
