@import rtl_tree
@import rtl_boot-strap

=transform($property)
  -webkit-transform: $property
  -ms-transform: $property
  -moz-transform: $property
  -o-transform: $property
  transform: $property

%place-right-shared
  float: right

[dir=rtl]

  blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, span, th, ul
    text-align: right

  .layui-side-collapsed
    .layui-nav-more
      display: none

    //> a > .zk-switch-menu

    .layui-nav-item.side-menu-group > a
      padding: 0 10px 0 0

  //.layui-nav-logo img
  //  +transform(scale(-1, 1))

  .layui-layout-left
    @extend %place-right-shared
    right: 0

  .layui-layout-right
    left: 0
    right: initial

  .layui-table-tool > .layui-table-tool-self
    left: 0
    right: initial

  .layui-table-tool > .layui-table-tool-temp
    left: initial
    right: 0
    padding-right: 0

  .layui-layout-admin .layui-side
    right: 0

  #main_body.layui-body
    left: 0
    right: 200px

  .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3,
  .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9
    @extend %place-right-shared

  @media screen and (min-width: 768px)
    .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2,
    .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7,
    .layui-col-sm8, .layui-col-sm9
      float: right


  @media screen and (min-width: 992px)
    .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2,
    .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7,
    .layui-col-md8, .layui-col-md9
      float: right


  @media screen and (min-width: 1200px)
    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2,
    .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7,
    .layui-col-lg8, .layui-col-lg9
      float: right


  @media (min-width: 768px)
    .navbar-boot-nav
      float: right

    .navbar-boot-nav > li
      float: right


  .layui-table-sort
    margin-left: 0
    margin-right: 10px

  .layui-table-fixed-r
    left: auto
    right: auto
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .08)

  .layui-table-fixed-l
    left: auto
    right: -1px
    border-width: 0 0 0 1px
    box-shadow: -1px 0 8px rgba(0, 0, 0, .08)

  .layui-tab-title li
    @extend %place-right-shared

  .layui-fluid .layui-card-header
    text-align: right

  .layui-nav-item.side-menu-group, .popup-menu
    a > i.menu-icon
      margin-left: 10px

  .layui-header .layui-nav.layui-layout-right .layui-nav-item
    padding: 3px 15px 3px 25px



  .layui-nav-item.side-menu-group
    .layui-nav-more
      left: 20px
      right: initial
      position: absolute

    >a
      padding: 0 0 0 20px

  .layui-nav.layui-layout-right
    .layui-nav-more
      right: initial
      top: 50%
      left: 8px

  .login_but input
    @extend %place-right-shared

  .layui-form-item .layui-input-inline
    @extend %place-right-shared

  .layui-form-label
    @extend %place-right-shared

  .layui-input-block
    margin-left: initial

