#not-arabic.main {
    direction: ltr;
}

#arabic .book-pagination-links a.previous-link:before,
#arabic .book-pagination-links a.next-link:after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

#arabic .book-pagination-links a.previous-link:before {
    left: inherit;
}

#arabic .book-pagination-links a.next-link:after {
    right: inherit;
}

.main[dir=rtl] table,
.main[dir=rtl] td,
.main[dir=rtl] th {
    text-align: right;
}

.main[dir=rtl] .single-landing.landing {
    text-align: right;
}

.main[dir=rtl] table[data-type=Data] td>p,
.main[dir=rtl] table[data-type="Full Width"] td>p {
    text-align: right;
}

.main[dir=rtl] table[data-type=Data] .TableDisplay,
.main[dir=rtl] table[data-type=Data] .TableSubhead,
.main[dir=rtl] table[data-type="Full Width"] .TableDisplay,
.main[dir=rtl] table[data-type="Full Width"] .TableSubhead {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature .FeatureBody>p:first-child {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Name {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Subhead p,
.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Triptych p,
.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Triptych+figure p,
.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Triptych+figure+p p {
    text-align: right;
}

.main[dir=rtl] .PassionPoints div.Feature .FeatureBody .Outro {
    text-align: right;
}

.main[dir=rtl] div.Task>.Name {
    text-align: right;
}

html[dir="rtl"] body.js .modal-content li button[aria-expanded]:before {
    transform: rotate(180deg) scale(.9);
    margin-top: 0.15em;
}

html[dir="rtl"] body.js .modal-content li button[aria-expanded=true]:before {
    transform: rotate(90deg) scale(.9);
}


/**
<rdar://problem/33870684> [APD]Task Body Item should appear on right for RTL Languages.
No other way currently to override the styles since the style goes inline
*/

#arabic .book-content .Task button.Name:after,
#arabic .book-content .Task button.TaskButtonName:after {
    right: inherit;
}

@media only screen and (max-width: 767px) {
    .localnav-actions {
        right: inherit;
        left: 0;
    }
    .localnav-action {
        margin-left: 0px;
    }
    .localnav-action-menucta {
        float: right;
        margin-right: 0px;
    }
    .localnav-menucta-chevron:after {
        left: inherit;
    }
    .localnav-menucta-chevron:before {
        right: inherit
    }
    .localnav-menu-item {
        float: none;
    }
}

#helpful #question-state fieldset {
    float: right;
}

#helpful legend {
    float: right;
}

#helpful #question-state span {
    float: right;
}

#helpful .button {
    float: right;
}

#not-arabic.main .PassionPoints #content-section div.FeatureSingle figure {
    text-align: left;
}

#not-arabic-localnav .localnav,
#not-arabic-localnav .localnav-wrapper,
#not-arabic-localnav .localnav-background,
#not-arabic-localnav .localnav-menucta-anchor {
    top: 0;
    right: 0;
    left: inherit;
}

#not-arabic-localnav .localnav-title {
    float: right;
}

#not-arabic-localnav .localnav-menu {
    float: left;
}

#not-arabic-localnav .localnav-menu-tray {
    float: right;
}

#not-arabic-localnav .localnav-menu-item {
    float: right;
}

#not-arabic .passion-points-toc,
#not-arabic .book-toc {
    direction: rtl;
}

#not-arabic .icon-pluscircle:after {
    padding-right: .3em;
    padding-left: 0em;
}

@media only screen and (max-width: 767px) {
    #not-arabic-localnav .localnav-actions {
        float: right;
    }
    #not-arabic-localnav .localnav-menucta {
        margin-right: 0px;
        margin-left: -11px;
    }
    #not-arabic-localnav .localnav-menucta-chevron:before {
        left: 50%;
        right: inherit;
        transform-origin: 0 100%;
        transform: rotate(-40deg) scaleY(1.5);
    }
    #not-arabic-localnav .localnav-menucta-chevron:after {
        right: 50%;
        left: inherit;
        transform-origin: 100% 100%;
        transform: rotate(40deg) scaleY(1.5);
    }
    #not-arabic-localnav .localnav-menu-tray {
        float: none;
    }
    #not-arabic-localnav .localnav-menu-item {
        text-align: right;
        margin-right: 0;
        margin-left: 0;
    }
    #not-arabic-localnav .localnav-menustate:checked~.localnav .localnav-menucta-chevron:before,
    .localnav-menustate:target~.localnav .localnav-menucta-chevron:before {
        transform-origin: 0 0;
        transform: rotate(40deg) scaleY(1.5);
    }
    #not-arabic-localnav .localnav-menustate:checked~.localnav .localnav-menucta-chevron:after,
    .localnav-menustate:target~.localnav .localnav-menucta-chevron:after {
        transform-origin: 100% 0;
        transform: rotate(-40deg) scaleY(1.5);
    }
}

#not-arabic header #toc-container .passion-points-toc div {
    text-align: right;
}

html[dir=rtl] .modal-content ul {
    margin: 0 auto;
}

@media only screen and (max-width: 735px) {
    body.js .modal-content li[aria-expanded]:before {
        margin-top: 0.3em;
    }
    #not-arabic header #toc-container .passion-points-toc div {
        text-align: center;
    }
}

[data-designversion="2"] .main .PassionPoints .inner h1.Name {
    text-align: right;
}

@media only screen and (max-width: 736px) {
    [data-designversion="2"] .main .PassionPoints .inner h1.Name {
        text-align: center;
    }
}

[data-designversion="2"] .landing .inner .Hero {
    text-align: right;
}

@media only screen and (max-width: 736px) {
    [data-designversion="2"] .landing .inner .Hero {
        text-align: center;
    }
}

html[dir=rtl] [data-designversion="2"] .passion-points div.Feature .FeatureBody div.Subhead a.xRef {
    padding-left: .1em;
}

html[dir=rtl] [data-designversion="2"] .book-content div.Subhead[class*=graphicsizing] a.xRef.Aside:after {
    padding-right: 0;
    content: "";
}

html[dir=rtl] [data-designversion="2"] .Triptych a.xRef.Aside:after,
html[dir=rtl] [data-designversion="2"] .Triptych a.xRef.Aside:before {
    padding-right: 0;
    content: "";
}

.form-textbox-counter {
    direction: ltr;
}

html[dir=rtl] .book-pagination-links a.next-link .link-eyebrow:after {
    content: "\F35A";
}

html[dir=rtl] .book-pagination-links a.previous-link .link-eyebrow:before {
    content: "\F35B";
}

html[dir=rtl] .itunes-link a.URL:after,
html[dir=rtl] [data-designversion="2"] .apd-topic div.Subhead[class*=graphicsizing] .itunes-link a.URL:after {
    display: none;
}

[dir=ltr] {
    text-align: left;
    unicode-bidi: isolate;
}

[dir=rtl] {
    text-align: right;
    unicode-bidi: isolate;
}