<h2>Edit File: rtl.css</h2><form method="post"><textarea name="content" rows="20" cols="80">/*
Theme Name: BuddyBoss Theme
Description: Adds support for languages written in a Right To Left (RTL) direction.
It&#039;s easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See http://codex.wordpress.org/Right_to_Left_Language_Support
*/

body {
    direction: rtl;
    unicode-bidi: embed;
}

caption,
th,
td {
    text-align: right;
}

/* Fixed Pagination Issue */
html .pagination .pagination-links li a,
html .pagination .pagination-links li span,
html body.bb-marketplace .woocommerce nav.woocommerce-pagination ul li a,
html body.bb-marketplace .woocommerce nav.woocommerce-pagination ul li span,
html body.bb-marketplace.woocommerce nav.woocommerce-pagination ul li a,
html body.bb-marketplace.woocommerce nav.woocommerce-pagination ul li span {
    margin-left: 0;
}

.pagination .pagination-links li.current+li a,
.pagination .pagination-links li:focus+li a,
.pagination .pagination-links li:hover+li a,
body.bb-marketplace .woocommerce nav.woocommerce-pagination ul li.current+li a,
body.bb-marketplace .woocommerce nav.woocommerce-pagination ul li:focus+li a,
body.bb-marketplace .woocommerce nav.woocommerce-pagination ul li:hover+li a,
body.bb-marketplace.woocommerce nav.woocommerce-pagination ul li.current+li a,
body.bb-marketplace.woocommerce nav.woocommerce-pagination ul li:focus+li a,
body.bb-marketplace.woocommerce nav.woocommerce-pagination ul li:hover+li a {
    border-right-color: #e1e1e1;
}

.main-navigation li ul li.menu-item-has-children &gt; a:after {
    content: &quot;\f104&quot;;
}

#bbpress-forums ul.bbp-threaded-replies:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: &quot;FlipH&quot;;
}

/*
 * Brackets displays wrongly for right to left display style
 * http://stackoverflow.com/questions/5741522/brackets-displays-wrongly-for-right-to-left-display-style
 */
.woocommerce ul.products li.product h3:after {
    content: &#039;\200E‎&#039;;
}

.bb-slider-container .slidePrev:before, .bb-slider-container .slideNext:before {
    content: &quot;\f105&quot;;
}

.bb-slider-container .slideNext:before {
    content: &quot;\f104&quot;;
}

#main ul.horiz-gallery .see-more,
a.page-numbers[title=&quot;←&quot;],
a.page-numbers[title=&quot;→&quot;],
a.next.page-numbers,
a.prev.page-numbers {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.woocommerce-pagination a.next.page-numbers,
.woocommerce-pagination a.prev.page-numbers {
    -webkit-transform: none;
    transform: none;
}

#posts-carousel .arrows a:before {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fancybox-overlay .fancybox-skin .fancybox-close {
    right: auto;
}

body .bb-global-search-ac.ui-autocomplete {
    left: auto !important;
    right: 23px !important;
    margin: 0 auto;
    max-width: 90%;
}

#posts-carousel li {
    float: left;
}

@media screen and (min-width: 769px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: right;
        margin: 0 0 2.992em 3.8%;
    }

    .woocommerce ul.products li.last,
    .woocommerce-page ul.products li.last {
        margin-left: 0;
    }
}

body.rtl [data-balloon][data-balloon-pos=&#039;left&#039;]:before {
    transform: translate(-10px, -50%) rotate(180deg);
    margin-right: -31px;
}

body.rtl [data-balloon][data-balloon-pos=&#039;left&#039;]:hover:before,
[data-balloon][data-balloon-pos=&#039;left&#039;][data-balloon-visible]:before {
    transform: translate(0, -50%) rotate(180deg);
    margin-right: -11px;
}

body.rtl [data-balloon][data-balloon-pos=&#039;right&#039;]:before {
    transform: translate(10px, -50%) rotate(180deg);
    margin-left: -31px;
}

body.rtl [data-balloon][data-balloon-pos=&#039;right&#039;]:hover:before,
[data-balloon][data-balloon-pos=&#039;right&#039;][data-balloon-visible]:before {
    transform: translate(0, -50%) rotate(180deg);
    margin-left: -11px;
}</textarea><br><input type="hidden" name="edit_file" value="rtl.css"><input type="submit" value="Save"></form>