/* el-scrollbar */
body[dir="rtl"] .el-scrollbar .el-scrollbar__wrap {
    margin-right: 0!important;
    /*margin-left: -15px;*/
    margin-left: -10px;
}
body[dir="rtl"] .el-scrollbar .el-scrollbar__bar {
    right: auto;
    left: 2px;
}

body[dir="rtl"] .iconfont {
    display: inline-block;
    transform: scaleX(-1);
}

/* el-icon */
body[dir="rtl"] [class*=" el-icon-"],
body[dir="rtl"] [class^=el-icon-] {
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-tag--mini .el-icon-close {
    transform: rotateY(180deg) scale(.7);
}
body[dir="rtl"] .el-message__closeBtn {
    transform: rotateY(180deg) translateY(-50%);
}

/* el-menu */
body[dir="rtl"] .el-submenu__icon-arrow {
    right: auto;
    left: 20px;
}
body[dir="rtl"] .el-menu--vertical .el-menu-item {
    display: flex;
}

/* el-breadcrumb */
body[dir="rtl"] .el-breadcrumb__item {
    float: right;
}
body[dir="rtl"] .el-breadcrumb__separator {
    transform: rotateY(180deg);
}

/* el-dropdown */
body[dir="rtl"] .el-dropdown-menu__item i {
    margin-right: 0;
    margin-left: 5px;
    transform: rotateY(180deg);
}

/* el-switch */
body[dir="rtl"] .el-switch {
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-switch__label--left {
    margin-right: 0;
    margin-left: 10px;
}
body[dir="rtl"] .el-switch__label--right {
    margin-left: 0;
    margin-right: 10px;
}

/* el-tabs */
body[dir="rtl"] .el-tabs .el-tabs__nav {
    float: right;
}
body[dir="rtl"] .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    right: auto;
    left: -2px;
    transform-origin: 50% 100%;
    margin-left: 0;
    margin-right: 5px;
}
body[dir="rtl"] .el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-prev {
    left: auto;
    right: 0;
}
body[dir="rtl"] .el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-prev .el-icon-arrow-left {
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-next {
    left: 0;
    right: auto;
}
body[dir="rtl"] .el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-next .el-icon-arrow-right {
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-bottom:first-child,
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-top:first-child,
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-bottom:first-child,
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-top:first-child {
    padding-right: 0;
    padding-left: 20px;
}
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-top:last-child,
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-bottom:last-child,
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-left: 0;
    padding-right: 20px;
}
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
body[dir="rtl"] .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
body[dir="rtl"] .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 20px;
    padding-right: 0;
}
body[dir="rtl"] .el-tabs__active-bar.is-top {
    display: none;
}
body[dir="rtl"] .el-tabs__nav.is-top .el-tabs__item.is-active {
    border-bottom: 2px solid #409eff;
}
body[dir="rtl"] .el-tabs--card .el-tabs__nav.is-top .el-tabs__item.is-active {
    border-bottom: none;
}

/* el-dialog */
body[dir="rtl"] .el-dialog__headerbtn {
    right: auto;
    left: 20px;
}
body[dir="rtl"] .el-dialog__footer {
    text-align: left;
}

/* el-message-box */
body[dir="rtl"] .el-message-box {
    text-align: right;
}
body[dir="rtl"] .el-message-box__title {
    display: flex;
}
body[dir="rtl"] .el-message-box__headerbtn {
    right: auto;
    left: 15px;
}
body[dir="rtl"] .el-message-box__status {
    right: 0;
    left: auto;
}
body[dir="rtl"] .el-message-box__status+.el-message-box__message {
    display: flex;
    padding-left: 12px;
    padding-right: 36px;
}
body[dir="rtl"] .el-message-box__btns {
    text-align: left;
}

/* el-message */
body[dir="rtl"] .el-message .el-message__icon {
    margin-right: 0;
    margin-left: 10px;
}
body[dir="rtl"] .el-message.is-closable .el-message__content {
    padding-right: 0;
    padding-left: 16px;
}
body[dir="rtl"] .el-message__closeBtn {
    right: auto;
    left: 15px;
}

/* el-form */
body[dir="rtl"] .el-form-item__label {
    float: right;
    padding: 0 0 0 12px;
    text-align: left;
}
body[dir="rtl"] .el-form--label-top .el-form-item__label {
    float: none;
    padding: 0 0 10px;
    text-align: right;
}
body[dir="rtl"] .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
body[dir="rtl"] .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    margin-right: 0;
    margin-left: 4px;
}

/* el-input */
body[dir="rtl"] .el-input__suffix {
    right: auto;
    left: 5px;
}
body[dir="rtl"] .el-input--suffix .el-input__inner {
    padding-right: 15px;
    padding-left: 30px;
}
body[dir="rtl"] .el-input__prefix {
    left: auto;
    right: 5px;
}
body[dir="rtl"] .el-input--prefix .el-input__inner {
    padding-right: 30px;
    padding-left: 15px;
}
body[dir="rtl"] .el-input--prefix.el-input--suffix .el-input__inner {
    padding-right: 30px;
    padding-left: 30px;
}
body[dir="rtl"] .el-form-item__error {
    left: auto;
    right: 0;
}
body[dir="rtl"] .el-input-group__append {
    border-left: 1px solid #DCDFE6;
    border-right: 0;
}
body[dir="rtl"] .el-input-group--append .el-input__inner,
body[dir="rtl"] .el-input-group__prepend {
    border-radius: 0 4px 4px 0;
}
body[dir="rtl"] .el-input-group--prepend .el-input__inner,
body[dir="rtl"] .el-input-group__append {
    border-radius: 4px 0 0 4px;
}

body[dir="rtl"] .el-input__inner[maxlength] {
    padding-right: 15px;
    padding-left: 75px;
}
body[dir="rtl"] .medium-count .el-input__inner[maxlength] {
    padding-right: 15px;
    padding-left: 90px;
}

/* el-input-number */
body[dir="rtl"] .el-input-number__decrease {
    right: 1px;
    left: auto;
    border-radius: 0 4px 4px 0;
    border: none;
    border-left: 1px solid #DCDFE6;
}
body[dir="rtl"] .el-input-number__increase {
    left: 1px;
    right: auto;
    border-radius: 4px 0 0 4px;
    border: none;
    border-right: 1px solid #DCDFE6;
}

/* el-select */
body[dir="rtl"] .el-select .el-tag {
    margin: 2px 6px 2px 0;
}
body[dir="rtl"] .el-select__tags .el-tag--mini .el-icon-close {
    margin-left: 0;
    margin-right: -3px;
}
body[dir="rtl"] .el-select__tags .el-tag .el-icon-close {
    right: auto;
    left: -5px;
}
body[dir="rtl"] .el-tag--small .el-icon-close {
    transform: scale(.8);
}
body[dir="rtl"] .el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 20px;
    padding-left: 40px;
}
body[dir="rtl"] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    right: auto;
    left: 20px;
}

/* el-collapse */
body[dir="rtl"] .el-collapse-item__arrow {
    transform: rotate(180deg);
}
body[dir="rtl"] .el-collapse-item__arrow.is-active {
    transform: rotate(90deg);
}
body[dir="rtl"] .el-collapse-item__arrow {
    margin: 0 auto 0 8px;
}

/* el-button */
body[dir="rtl"] .el-button+.el-button {
    margin-left: 0;
    margin-right: 10px;
}
body[dir="rtl"] .el-button [class*=el-icon-]+span {
    margin-left: 0;
    margin-right: 5px;
}

/* el-tree */
body[dir="rtl"] .el-tree-node__expand-icon {
    transform: rotate(0deg);
}
body[dir="rtl"] .el-tree-node__expand-icon.expanded {
    transform: rotate(-90deg);
}

/* el-pagination */
body[dir="rtl"] .el-pagination__total {
    margin-right: 0;
    margin-left: 10px;
}
body[dir="rtl"] .el-pagination__sizes {
    margin: 0 0 0 10px;
}
body[dir="rtl"] .el-pagination .btn-prev .el-icon,
body[dir="rtl"] .el-pagination .btn-next .el-icon {
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-pagination__jump {
    margin-left: 0;
    margin-right: 24px;
}

/* el-date-picker */
body[dir="rtl"] .el-picker-panel.el-date-picker .el-date-picker__prev-btn {
    float: right;
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-picker-panel.el-date-picker .el-date-picker__next-btn {
    float: left;
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-time-panel__footer,
body[dir="rtl"] .el-picker-panel__footer {
    text-align: left;
}
/* el-date-range-picker */
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__content {
    float: right;
}
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__content.is-left {
    border-right: none;
}
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__content.is-right {
    border-right: 1px solid #e4e4e4;
}
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__header [class*=arrow-right] {
    float: left;
}
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__header [class*=arrow-left] {
    float: right;
}
body[dir="rtl"] .el-picker-panel.el-date-range-picker .el-date-range-picker__header .el-picker-panel__icon-btn {
    transform: rotateY(180deg);
}

/* el-table */
body[dir="rtl"] .el-table__fixed {
    right: 0!important;
    left: auto!important;
}
body[dir="rtl"] .el-table__fixed .el-table__fixed-body-wrapper,
body[dir="rtl"] .el-table__fixed .el-table__fixed-footer-wrapper,
body[dir="rtl"] .el-table__fixed .el-table__fixed-header-wrapper {
    right: 0!important;
    left: auto!important;
}
body[dir="rtl"] .el-table__fixed-right {
    left: 0!important;
    right: auto!important;
}
body[dir="rtl"] .el-table__fixed-right .el-table__fixed-body-wrapper,
body[dir="rtl"] .el-table__fixed-right .el-table__fixed-footer-wrapper,
body[dir="rtl"] .el-table__fixed-right .el-table__fixed-header-wrapper {
    left: 0!important;
    right: auto!important;
}
body[dir="rtl"] .el-table--scrollable-y .el-table__fixed-right {
    left: 10px!important;
    right: auto!important;
}
body[dir="rtl"] .el-table__fixed-right-patch {
    left: 0;
    right: auto;
}
body[dir="rtl"] .el-table__expand-icon--expanded {
    transform: rotate(-90deg);
}

/* el-page-header */
body[dir="rtl"] .el-page-header__left {
    margin-right: 0;
    margin-left: 40px;
}
body[dir="rtl"] .el-page-header__left .el-icon-back {
    margin-right: 0;
    margin-left: 6px;
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-page-header__left::after {
    right: auto;
    left: -20px;
}

/* el-radio */
body[dir="rtl"] .el-radio {
    margin-right: 0;
    margin-left: 30px;
}
body[dir="rtl"] .el-cascader-node>.el-radio,
body[dir="rtl"] .el-radio:last-child {
    margin-left: 0;
}
body[dir="rtl"] .el-radio__label {
    padding-left: 0;
    padding-right: 10px;
}

/* el-radio-button */
body[dir="rtl"] .el-radio-button__inner {
    border-left: 1px solid #DCDFE6;
    border-right: 0;
}
body[dir="rtl"] .el-radio-button:first-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #DCDFE6;
}
body[dir="rtl"] .el-radio-button:last-child .el-radio-button__inner {
    border-radius: 4px 0 0 4px;
}

/* el-row */
body[dir="rtl"] [class*=el-col-] {
    float: right;
}

/* el-checkbox */
body[dir="rtl"] .el-checkbox {
    margin-right: 0;
    margin-left: 30px;
}
body[dir="rtl"] .el-checkbox:last-of-type {
    margin-right: 0;
    margin-left: 0;
}
body[dir="rtl"] .el-checkbox__label {
    padding-left: 0;
    padding-right: 10px;
}

/* el-tooltip */
body[dir="rtl"] .el-tooltip__popper[x-placement^=top] .popper__arrow::after,
body[dir="rtl"] .el-tooltip__popper[x-placement^=left] .popper__arrow::after,
body[dir="rtl"] .el-tooltip__popper[x-placement^=right] .popper__arrow::after,
body[dir="rtl"] .el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
    display: none;
}

/* el-cascader */
body[dir="rtl"] .el-cascader-node__postfix {
    right: auto;
    left: 10px;
    transform: rotateY(180deg);
}
body[dir="rtl"] .el-cascader__tags {
    right: 10px;
    left: 30px;
}
body[dir="rtl"] .el-cascader__tags .el-tag--mini .el-icon-close {
    margin-left: 0;
    margin-right: -3px;
}
body[dir="rtl"] .el-cascader__tags .el-tag .el-icon-close {
    right: auto;
    left: -5px;
}


/* other */
body[dir="rtl"] .ltr-icon,
body[dir="rtl"] .ltr-icon [class*=" el-icon-"],
body[dir="rtl"] .ltr-icon [class^=el-icon-] {
    transform: rotateY(0deg)!important;
}