barg-restuarant/assets/scss/_el_ui_rtl.scss

//////////////////////////////////////////////////////////////////////////////////////////////////////// element ui rtl fix
html:lang(fa) {
  .el-tag {
    /*margin-bottom: 10px!important;*/
  }

  .text-area {
    textarea {
      height: 100px;
    }
  }

  .el-popup-parent--hidden {
    padding-right: 0 !important;
  }

  .el-tag .el-icon-close {
    right: auto !important;
    left: -5px !important;
  }

  .el-table .el-table__body-wrapper .el-table__row .is-left {
    text-align: left !important;
  }

  .wrapper {
    min-height: 100vh;
  }

  .el-form-item__label {
    float: right !important;
    text-align: right !important;
  }

  .el-form-item__content {
    margin-left: 0 !important;
    margin-right: 120px !important;
  }

  @media (max-width: 768px) {
    .el-form-item__content {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  }

  .secondTitle {
    margin-top: 50px;
  }

  .el-upload__input {
    display: none !important;
  }

  .el-message-box__title, .el-message-box__message {
    direction: rtl !important;
    text-align: right !important;
  }

  .el-message-box__message {
    padding-left: 12px !important;
    padding-right: 36px !important;
  }

  .el-message-box__btns {
    text-align: left !important;
  }

  .el-message-box__headerbtn {
    right: auto !important;
    left: 15px !important;
  }

  .el-message-box__btns button:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 10px !important;
  }

  .el-message-box__status {
    right: 0 !important;
  }

  .el-table td, .el-table th {
    text-align: right !important;
  }

  .el-upload__input {
    display: none !important;
  }

  .el-checkbox__label {
    padding-left: 0 !important;
    padding-right: 10px !important;
  }

  .el-message__icon {
    margin-right: 0 !important;
    margin-left: 10px !important;
  }

  .sidebar-subnav {
    background: rgba(0, 0, 0, 0.05) !important;
  }

  .sidebar > .nav > li {
    border-bottom: 1px solid #eee !important;
  }

  .brand-logo p {
    margin-top: 6px !important;
  }

  .brand-logo-collapsed svg {
    fill: #fff !important;
  }

  .nav-floating {
    background: #fff !important;
  }

  .el-dialog__headerbtn {
    right: auto !important;
    left: 20px !important;
  }

  .el-radio__label {
    padding-right: 10px !important;
  }

  .el-scrollbar__wrap {
    margin-right: 0 !important;
    margin-left: -17px !important;
  }

  .input-direction {
    input{
      direction: ltr !important;
    }
  }

  .invite-code{
    margin: 32px;
    span{
      padding: 8px 16px;
      border: $theme 1px solid;
      cursor: pointer;
      font-weight: bold;

      @extend %defaultTransition;
      &:hover{
        background: $theme;
        color: #FFFFFF;
      }
    }
  }

  .el-message {
    min-width: unset !important;
    width: 98% !important;
    max-width: 350px;
  }

  .bg-payResult{
    //background: $theme;
    //outline: 1px solid red;
    //height: 50px;
    //margin-bottom: 20px;
    //background-size: 200px 200px;
    //background-repeat: space;
    //background-position: initial;
    //opacity: 0.8;

    .btn-success-result{
      width: 100%;
      border-radius: 3%;
      border: 1px solid $theme;
      background: $theme;
      padding: 16px 32px;
      color: #FFFFFF;
      @extend %defaultTransition;
      &:hover{
        background: transparent;
      }
    }

    .btn-failed-result{
      width: 100%;
      border-radius: 3%;
      border: 1px solid $theme;
      background: $theme;
      padding: 16px 32px;
      color: #FFFFFF;
      @extend %defaultTransition;
      &:hover{
        background: transparent;
        color: $theme;
      }
    }
  }
}