From a4d8c810cef5401b98b14f6a1fa4820728bf4fa3 Mon Sep 17 00:00:00 2001
From: Raphael Michel <michel@rami.io>
Date: Tue, 15 Oct 2019 11:41:23 +0200
Subject: [PATCH] Support for right-to-left languages (#1438)

* play around

* Flip things in presale

* Convert backend

* Remove test settings

* Safe getattr
---
 src/pretix/base/context.py                    |    4 +-
 .../templates/pretixcontrol/auth/base.html    |    2 +-
 .../control/templates/pretixcontrol/base.html |    6 +-
 .../pretixcontrol/checkin/lists.html          |    2 +-
 .../pretixcontrol/event/actions.html          |    2 +-
 .../templates/pretixcontrol/event/index.html  |    4 +-
 .../templates/pretixcontrol/event/live.html   |    6 +-
 .../pretixcontrol/event/payment.html          |    2 +-
 .../pretixcontrol/event/plugins.html          |    2 +-
 .../pretixcontrol/event/quick_setup.html      |    4 +-
 .../pretixcontrol/event/tax_edit.html         |    4 +-
 .../pretixcontrol/event/tax_index.html        |    2 +-
 .../pretixcontrol/event/tickets.html          |    2 +-
 .../pretixcontrol/events/create_base.html     |    4 +-
 .../pretixcontrol/events/create_basics.html   |    2 +-
 .../templates/pretixcontrol/events/index.html |    4 +-
 .../pretixcontrol/item/include_addons.html    |    4 +-
 .../pretixcontrol/item/include_bundles.html   |    4 +-
 .../item/include_variations.html              |    4 +-
 .../pretixcontrol/items/categories.html       |    2 +-
 .../templates/pretixcontrol/items/index.html  |    2 +-
 .../pretixcontrol/items/question_edit.html    |    4 +-
 .../pretixcontrol/items/questions.html        |    2 +-
 .../templates/pretixcontrol/items/quota.html  |    8 +-
 .../templates/pretixcontrol/items/quotas.html |    2 +-
 .../pretixcontrol/oauth/app_list.html         |    2 +-
 .../pretixcontrol/oauth/authorized.html       |    2 +-
 .../templates/pretixcontrol/order/index.html  |   20 +-
 .../pretixcontrol/orders/export.html          |    2 +-
 .../templates/pretixcontrol/orders/index.html |   16 +-
 .../pretixcontrol/orders/overview.html        |    2 +-
 .../pretixcontrol/orders/refunds.html         |    8 +-
 .../pretixcontrol/organizers/detail.html      |    2 +-
 .../pretixcontrol/organizers/devices.html     |    2 +-
 .../pretixcontrol/organizers/edit.html        |    4 +-
 .../organizers/team_members.html              |   10 +-
 .../pretixcontrol/organizers/teams.html       |    2 +-
 .../organizers/webhook_logs.html              |    2 +-
 .../pretixcontrol/organizers/webhooks.html    |    2 +-
 .../templates/pretixcontrol/pdf/index.html    |    6 +-
 .../pretixcontrol/search/orders.html          |    8 +-
 .../pretixcontrol/subevents/bulk.html         |   12 +-
 .../pretixcontrol/subevents/detail.html       |    8 +-
 .../pretixcontrol/subevents/index.html        |    2 +-
 .../pretixcontrol/user/2fa_main.html          |    6 +-
 .../pretixcontrol/user/notifications.html     |    4 +-
 .../templates/pretixcontrol/user/reauth.html  |    2 +-
 .../user/staff_session_list.html              |    2 +-
 .../templates/pretixcontrol/users/index.html  |    2 +-
 .../pretixcontrol/vouchers/index.html         |    2 +-
 .../pretixcontrol/waitinglist/index.html      |    2 +-
 .../templates/pretixplugins/badges/index.html |    2 +-
 .../banktransfer/import_assign.html           |    2 +-
 .../banktransfer/import_form.html             |    4 +-
 .../pretixplugins/stripe/pending.html         |    2 +-
 .../pretixplugins/ticketoutputpdf/index.html  |    2 +-
 .../presale/templates/pretixpresale/base.html |    2 +-
 .../templates/pretixpresale/event/base.html   |    4 +-
 .../pretixpresale/event/checkout_confirm.html |   10 +-
 .../pretixpresale/event/checkout_payment.html |    2 +-
 .../event/checkout_questions.html             |    2 +-
 .../event/fragment_subevent_calendar.html     |    4 +-
 .../event/fragment_subevent_list.html         |    2 +-
 .../templates/pretixpresale/event/index.html  |    2 +-
 .../templates/pretixpresale/event/order.html  |   10 +-
 .../pretixpresale/event/order_pay_change.html |    2 +-
 .../event/order_pay_confirm.html              |    2 +-
 .../pretixpresale/event/position.html         |    2 +-
 .../pretixpresale/organizers/base.html        |    4 +-
 .../pretixpresale/organizers/calendar.html    |    4 +-
 .../pretixpresale/organizers/index.html       |    2 +-
 src/pretix/settings.py                        |    3 +
 src/pretix/static/bootstrap/scss/_rtl.scss    | 1642 +++++++++++++++++
 src/pretix/static/pretixbase/scss/_rtl.scss   |   37 +
 .../static/pretixcontrol/scss/_rtl.scss       |  115 ++
 .../static/pretixcontrol/scss/auth.scss       |    3 +
 .../static/pretixcontrol/scss/main.scss       |    4 +
 .../static/pretixpresale/scss/_rtl.scss       |   57 +
 .../static/pretixpresale/scss/main.scss       |    3 +
 79 files changed, 2006 insertions(+), 140 deletions(-)
 create mode 100644 src/pretix/static/bootstrap/scss/_rtl.scss
 create mode 100644 src/pretix/static/pretixbase/scss/_rtl.scss
 create mode 100644 src/pretix/static/pretixcontrol/scss/_rtl.scss
 create mode 100644 src/pretix/static/pretixpresale/scss/_rtl.scss

diff --git a/src/pretix/base/context.py b/src/pretix/base/context.py
index 1b89dd6b32..62ceeb498b 100644
--- a/src/pretix/base/context.py
+++ b/src/pretix/base/context.py
@@ -4,7 +4,9 @@ from django.conf import settings
 
 
 def contextprocessor(request):
-    ctx = {}
+    ctx = {
+        'rtl': getattr(request, 'LANGUAGE_CODE', 'en') in settings.LANGUAGES_RTL,
+    }
     if settings.DEBUG and 'runserver' not in sys.argv:
         ctx['debug_warning'] = True
     elif 'runserver' in sys.argv:
diff --git a/src/pretix/control/templates/pretixcontrol/auth/base.html b/src/pretix/control/templates/pretixcontrol/auth/base.html
index 4bd6019559..f9763cb6f6 100644
--- a/src/pretix/control/templates/pretixcontrol/auth/base.html
+++ b/src/pretix/control/templates/pretixcontrol/auth/base.html
@@ -2,7 +2,7 @@
 {% load i18n %}
 {% load static %}
 <!DOCTYPE html>
-<html>
+<html{% if rtl %} dir="rtl" class="rtl"{% endif %}>
 <head>
     <title>{{ django_settings.PRETIX_INSTANCE_NAME }}</title>
     {% compress css %}
diff --git a/src/pretix/control/templates/pretixcontrol/base.html b/src/pretix/control/templates/pretixcontrol/base.html
index 3240d06b80..d14268218e 100644
--- a/src/pretix/control/templates/pretixcontrol/base.html
+++ b/src/pretix/control/templates/pretixcontrol/base.html
@@ -6,7 +6,7 @@
 {% load eventsignal %}
 {% load eventurl %}
 <!DOCTYPE html>
-<html>
+<html{% if rtl %} dir="rtl" class="rtl"{% endif %}>
 	<head>
 		<title>{% block title %}{% endblock %}{% if url_name != "index" %} :: {% endif %}
             {{ settings.PRETIX_INSTANCE_NAME }}</title>
@@ -123,7 +123,7 @@
                         {{ settings.PRETIX_INSTANCE_NAME }}
                     </a>
                 </div>
-                <ul class="nav navbar-nav navbar-top-links navbar-left hidden-xs">
+                <ul class="nav navbar-nav navbar-top-links navbar-left flip hidden-xs">
                     {% if request.event %}
                         <li>
                             {% if has_domain and not request.event.live %}
@@ -147,7 +147,7 @@
                         </li>
                     {% endif %}
                 </ul>
-                <ul class="nav navbar-nav navbar-top-links navbar-right">
+                <ul class="nav navbar-nav navbar-top-links navbar-right flip">
                     {% for nav in nav_topbar %}
                         <li {% if nav.children %}class="dropdown"{% endif %}>
                             <a href="{{ nav.url }}" title="{{ nav.title }}" {% if nav.active %}class="active"{% endif %}
diff --git a/src/pretix/control/templates/pretixcontrol/checkin/lists.html b/src/pretix/control/templates/pretixcontrol/checkin/lists.html
index c218747f75..409f5e4157 100644
--- a/src/pretix/control/templates/pretixcontrol/checkin/lists.html
+++ b/src/pretix/control/templates/pretixcontrol/checkin/lists.html
@@ -118,7 +118,7 @@
                                 </ul>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:event.orders.checkinlists.show" organizer=request.event.organizer.slug event=request.event.slug list=cl.id %}" class="btn btn-default btn-sm"><i class="fa fa-eye"></i></a>
                             {% if "can_change_event_settings" in request.eventpermset %}
                                 <a href="{% url "control:event.orders.checkinlists.edit" organizer=request.event.organizer.slug event=request.event.slug list=cl.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
diff --git a/src/pretix/control/templates/pretixcontrol/event/actions.html b/src/pretix/control/templates/pretixcontrol/event/actions.html
index 86a1714be6..155c02a5fc 100644
--- a/src/pretix/control/templates/pretixcontrol/event/actions.html
+++ b/src/pretix/control/templates/pretixcontrol/event/actions.html
@@ -8,7 +8,7 @@
             <li class="list-group-item logentry">
                 <p>
                     <a href="{% url "control:event.requiredaction.discard" event=request.event.slug organizer=request.event.organizer.slug id=action.id %}"
-                            class="btn btn-default btn-xs pull-right">
+                            class="btn btn-default btn-xs pull-right flip">
                         {% trans "Hide message" %}
                     </a>
                     <small><span class="fa fa-clock-o"></span> {{ action.datetime|date:"SHORT_DATETIME_FORMAT" }}</small>
diff --git a/src/pretix/control/templates/pretixcontrol/event/index.html b/src/pretix/control/templates/pretixcontrol/event/index.html
index a9101b066d..efcc955abd 100644
--- a/src/pretix/control/templates/pretixcontrol/event/index.html
+++ b/src/pretix/control/templates/pretixcontrol/event/index.html
@@ -66,7 +66,7 @@
                     <li class="list-group-item logentry">
                         <p>
                             <a href="{% url "control:event.requiredaction.discard" event=request.event.slug organizer=request.event.organizer.slug id=action.id %}"
-                               class="btn btn-default btn-xs pull-right">
+                               class="btn btn-default btn-xs pull-right flip">
                                 {% trans "Hide message" %}
                             </a>
                             <small><span
@@ -139,7 +139,7 @@
                 <div class="row">
                     {% bootstrap_field comment_form.comment layout="horizontal" show_help=True show_label=False horizontal_field_class="col-md-12" %}
                 </div>
-                <p class="text-right">
+                <p class="text-right flip">
                     <br>
                     <button class="btn btn-default">
                         {% trans "Update comment" %}
diff --git a/src/pretix/control/templates/pretixcontrol/event/live.html b/src/pretix/control/templates/pretixcontrol/event/live.html
index da42582a7b..b3fbff23cf 100644
--- a/src/pretix/control/templates/pretixcontrol/event/live.html
+++ b/src/pretix/control/templates/pretixcontrol/event/live.html
@@ -12,7 +12,7 @@
                 <p>
                     {% trans "Your shop is currently live. If you take it down, it will only be visible to you and your team." %}
                 </p>
-                <form action="" method="post" class="text-right">
+                <form action="" method="post" class="text-right flip">
                     {% csrf_token %}
                     <input type="hidden" name="live" value="false">
                     <button type="submit" class="btn btn-lg btn-danger btn-save">
@@ -46,7 +46,7 @@
                     <p>
                         {% trans "If you want to, you can publish your ticket shop now." %}
                     </p>
-                    <form action="" method="post" class="text-right">
+                    <form action="" method="post" class="flip text-right">
                         {% csrf_token %}
                         <input type="hidden" name="live" value="true">
                         <button type="submit" class="btn btn-primary btn-lg btn-save">
@@ -100,7 +100,7 @@
                         {% trans "It looks like you already have some real orders in your shop. We do not recommend enabling test mode if your customers already know your shop, as it will confuse them." %}
                     </div>
                 {% endif %}
-                <form action="" method="post" class="text-right">
+                <form action="" method="post" class="flip text-right">
                     {% csrf_token %}
                     <input type="hidden" name="testmode" value="true">
                     <button type="submit" class="btn btn-danger btn-lg btn-save">
diff --git a/src/pretix/control/templates/pretixcontrol/event/payment.html b/src/pretix/control/templates/pretixcontrol/event/payment.html
index e117cb08c4..170e07b0a7 100644
--- a/src/pretix/control/templates/pretixcontrol/event/payment.html
+++ b/src/pretix/control/templates/pretixcontrol/event/payment.html
@@ -28,7 +28,7 @@
                                 </span>
                                 {% endif %}
                             </td>
-                            <td class="text-right">
+                            <td class="text-right flip">
                                 <a href="{% url 'control:event.settings.payment.provider' event=request.event.slug organizer=request.organizer.slug provider=provider.identifier %}"
                                         class="btn btn-default">
                                     <span class="fa fa-cog"></span>
diff --git a/src/pretix/control/templates/pretixcontrol/event/plugins.html b/src/pretix/control/templates/pretixcontrol/event/plugins.html
index 5be8fb4bb4..af877d3bed 100644
--- a/src/pretix/control/templates/pretixcontrol/event/plugins.html
+++ b/src/pretix/control/templates/pretixcontrol/event/plugins.html
@@ -52,7 +52,7 @@
                                 </div>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if plugin.app.compatibility_errors %}
                                 <button class="btn disabled btn-block btn-default" disabled="disabled">{% trans "Incompatible" %}</button>
                             {% elif plugin.restricted and not staff_session %}
diff --git a/src/pretix/control/templates/pretixcontrol/event/quick_setup.html b/src/pretix/control/templates/pretixcontrol/event/quick_setup.html
index a64ea41aa9..571c1c5e3d 100644
--- a/src/pretix/control/templates/pretixcontrol/event/quick_setup.html
+++ b/src/pretix/control/templates/pretixcontrol/event/quick_setup.html
@@ -65,7 +65,7 @@
                                 <div class="col-md-2">
                                     {% bootstrap_field iform.quota layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-md-1 text-right">
+                                <div class="col-md-1 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
@@ -88,7 +88,7 @@
                                 <div class="col-md-2">
                                     {% bootstrap_field formset.empty_form.quota layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-md-1 text-right">
+                                <div class="col-md-1 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
diff --git a/src/pretix/control/templates/pretixcontrol/event/tax_edit.html b/src/pretix/control/templates/pretixcontrol/event/tax_edit.html
index 5c4eb35895..896f7b6dcc 100644
--- a/src/pretix/control/templates/pretixcontrol/event/tax_edit.html
+++ b/src/pretix/control/templates/pretixcontrol/event/tax_edit.html
@@ -68,7 +68,7 @@
                                 <div class="col-sm-3">
                                     {% bootstrap_field form.action layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-sm-2 text-right">
+                                <div class="col-sm-2 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
@@ -91,7 +91,7 @@
                                 <div class="col-sm-3">
                                     {% bootstrap_field formset.empty_form.action layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-sm-2 text-right">
+                                <div class="col-sm-2 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
diff --git a/src/pretix/control/templates/pretixcontrol/event/tax_index.html b/src/pretix/control/templates/pretixcontrol/event/tax_index.html
index 2e8d4185f6..466bc93a1d 100644
--- a/src/pretix/control/templates/pretixcontrol/event/tax_index.html
+++ b/src/pretix/control/templates/pretixcontrol/event/tax_index.html
@@ -37,7 +37,7 @@
                             </a></strong>
                         </td>
                         <td>{{ tr.rate }} %</td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:event.settings.tax.edit" organizer=request.event.organizer.slug event=request.event.slug rule=tr.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                             <a href="{% url "control:event.settings.tax.delete" organizer=request.event.organizer.slug event=request.event.slug rule=tr.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                         </td>
diff --git a/src/pretix/control/templates/pretixcontrol/event/tickets.html b/src/pretix/control/templates/pretixcontrol/event/tickets.html
index 3a9a8eaee8..18904955ca 100644
--- a/src/pretix/control/templates/pretixcontrol/event/tickets.html
+++ b/src/pretix/control/templates/pretixcontrol/event/tickets.html
@@ -29,7 +29,7 @@
                     <div class="panel panel-default ticketoutput-panel">
                         <div class="panel-heading">
                             <a href="{% url "control:event.settings.tickets.preview" event=request.event.slug organizer=request.organizer.slug output=provider.identifier %}"
-                                    class="btn btn-default btn-sm pull-right {% if not provider.preview_allowed %}disabled{% endif %}"
+                                    class="btn btn-default btn-sm pull-right flip {% if not provider.preview_allowed %}disabled{% endif %}"
                                     target="_blank">
                                 {% trans "Preview" %}
                             </a>
diff --git a/src/pretix/control/templates/pretixcontrol/events/create_base.html b/src/pretix/control/templates/pretixcontrol/events/create_base.html
index 642dca00b9..9d47fb0e11 100644
--- a/src/pretix/control/templates/pretixcontrol/events/create_base.html
+++ b/src/pretix/control/templates/pretixcontrol/events/create_base.html
@@ -15,12 +15,12 @@
             {% block form %}
             {% endblock %}
             <div class="form-group submit-group">
-                <button type="submit" class="btn btn-primary btn-save pull-right">
+                <button type="submit" class="btn btn-primary btn-save pull-right flip">
                     {% trans "Continue" %}
                 </button>
                 {% if wizard.steps.prev %}
                     <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}"
-                            class="btn btn-default btn-lg pull-left">
+                            class="btn btn-default btn-lg pull-left flip">
                         {% trans "Back" %}
                     </button>
                 {% endif %}
diff --git a/src/pretix/control/templates/pretixcontrol/events/create_basics.html b/src/pretix/control/templates/pretixcontrol/events/create_basics.html
index 9e72432498..0ca973eb88 100644
--- a/src/pretix/control/templates/pretixcontrol/events/create_basics.html
+++ b/src/pretix/control/templates/pretixcontrol/events/create_basics.html
@@ -8,7 +8,7 @@
         <div class="form-group">
             <label class="col-md-3 control-label" for="{{ form.slug.id_for_label }}">{{ form.slug.label }}</label>
             <div class="col-md-9 form-inline">
-                <button class="btn btn-default pull-right" type="button" id="event-slug-random-generate"
+                <button class="btn btn-default pull-right flip" type="button" id="event-slug-random-generate"
                         data-rng-url="{% url "control:events.add.slugrng" organizer=organizer.slug %}">
                     {% trans "Set to random" %}
                 </button>
diff --git a/src/pretix/control/templates/pretixcontrol/events/index.html b/src/pretix/control/templates/pretixcontrol/events/index.html
index d1202ba581..e2d078dde5 100644
--- a/src/pretix/control/templates/pretixcontrol/events/index.html
+++ b/src/pretix/control/templates/pretixcontrol/events/index.html
@@ -77,7 +77,7 @@
                     <a href="?{% url_replace request 'ordering' '-live' %}"><i class="fa fa-caret-down"></i></a>
                     <a href="?{% url_replace request 'ordering' 'live' %}"><i class="fa fa-caret-up"></i></a>
                 </th>
-                <th class="text-right">
+                <th class="text-right flip">
                 </th>
             </tr>
             </thead>
@@ -138,7 +138,7 @@
                             <span class="label label-success">{% trans "On sale" %}</span>
                         {% endif %}
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <a href="{% url "control:event.index" organizer=e.organizer.slug event=e.slug %}"
                                 class="btn btn-sm btn-default" title="{% trans "Open event dashboard" %}"
                                 data-toggle="tooltip">
diff --git a/src/pretix/control/templates/pretixcontrol/item/include_addons.html b/src/pretix/control/templates/pretixcontrol/item/include_addons.html
index 317dc5edca..9afa0bcef7 100644
--- a/src/pretix/control/templates/pretixcontrol/item/include_addons.html
+++ b/src/pretix/control/templates/pretixcontrol/item/include_addons.html
@@ -28,7 +28,7 @@
                         <div class="col-sm-8">
                             <h3 class="panel-title">{% trans "Add-On" %}</h3>
                         </div>
-                        <div class="col-sm-4 text-right">
+                        <div class="col-sm-4 text-right flip">
                             <button type="button" class="btn btn-xs btn-default" data-formset-move-up-button>
                                 <i class="fa fa-arrow-up"></i></button>
                             <button type="button" class="btn btn-xs btn-default" data-formset-move-down-button>
@@ -61,7 +61,7 @@
                         <div class="col-sm-8">
                             <h3 class="panel-title">{% trans "Add-On" %}</h3>
                         </div>
-                        <div class="col-sm-4 text-right">
+                        <div class="col-sm-4 text-right flip">
                             <button type="button" class="btn btn-xs btn-default" data-formset-move-up-button>
                                 <i class="fa fa-arrow-up"></i></button>
                             <button type="button" class="btn btn-xs btn-default" data-formset-move-down-button>
diff --git a/src/pretix/control/templates/pretixcontrol/item/include_bundles.html b/src/pretix/control/templates/pretixcontrol/item/include_bundles.html
index b09561c5eb..cfa489dc1c 100644
--- a/src/pretix/control/templates/pretixcontrol/item/include_bundles.html
+++ b/src/pretix/control/templates/pretixcontrol/item/include_bundles.html
@@ -22,7 +22,7 @@
                         <div class="col-sm-8">
                             <h3 class="panel-title">{% trans "Bundled product" %}</h3>
                         </div>
-                        <div class="col-sm-4 text-right">
+                        <div class="col-sm-4 text-right flip">
                             <button type="button" class="btn btn-xs btn-danger" data-formset-delete-button>
                                 <i class="fa fa-trash"></i></button>
                         </div>
@@ -49,7 +49,7 @@
                         <div class="col-sm-8">
                             <h3 class="panel-title">{% trans "Bundled product" %}</h3>
                         </div>
-                        <div class="col-sm-4 text-right">
+                        <div class="col-sm-4 text-right flip">
                             <button type="button" class="btn btn-xs btn-danger" data-formset-delete-button>
                                 <i class="fa fa-trash"></i></button>
                         </div>
diff --git a/src/pretix/control/templates/pretixcontrol/item/include_variations.html b/src/pretix/control/templates/pretixcontrol/item/include_variations.html
index b10793ea01..de49a8b90d 100644
--- a/src/pretix/control/templates/pretixcontrol/item/include_variations.html
+++ b/src/pretix/control/templates/pretixcontrol/item/include_variations.html
@@ -18,7 +18,7 @@
                             <div class="col-md-9">
                                 {% bootstrap_field form.value layout='inline' form_group_class="" %}
                             </div>
-                            <div class="col-md-3 text-right">
+                            <div class="col-md-3 text-right flip">
                                 <button type="button" class="btn btn-default" data-formset-move-up-button>
                                     <i class="fa fa-arrow-up"></i></button>
                                 <button type="button" class="btn btn-default" data-formset-move-down-button>
@@ -61,7 +61,7 @@
                             <div class="col-md-9">
                                 {% bootstrap_field formset.empty_form.value layout='inline' form_group_class="" %}
                             </div>
-                            <div class="col-md-3 text-right">
+                            <div class="col-md-3 text-right flip">
                                 <button type="button" class="btn btn-default" data-formset-move-up-button>
                                     <i class="fa fa-arrow-up"></i></button>
                                 <button type="button" class="btn btn-default" data-formset-move-down-button>
diff --git a/src/pretix/control/templates/pretixcontrol/items/categories.html b/src/pretix/control/templates/pretixcontrol/items/categories.html
index 2170369a9d..70da3fa967 100644
--- a/src/pretix/control/templates/pretixcontrol/items/categories.html
+++ b/src/pretix/control/templates/pretixcontrol/items/categories.html
@@ -43,7 +43,7 @@
                             <a href="{% url "control:event.items.categories.up" organizer=request.event.organizer.slug event=request.event.slug category=c.id %}" class="btn btn-default btn-sm {% if forloop.counter0 == 0 and is_paginated and not page_obj.has_previous %}disabled{% endif %}"><i class="fa fa-arrow-up"></i></a>
                             <a href="{% url "control:event.items.categories.down" organizer=request.event.organizer.slug event=request.event.slug category=c.id %}" class="btn btn-default btn-sm {% if forloop.revcounter0 == 0 and is_paginated and not page_obj.has_next %}disabled{% endif %}"><i class="fa fa-arrow-down"></i></a>
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:event.items.categories.edit" organizer=request.event.organizer.slug event=request.event.slug category=c.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                             <a href="{% url "control:event.items.categories.add" organizer=request.event.organizer.slug event=request.event.slug %}?copy_from={{ c.id }}"
                                class="btn btn-sm btn-default" title="{% trans "Clone" %}" data-toggle="tooltip">
diff --git a/src/pretix/control/templates/pretixcontrol/items/index.html b/src/pretix/control/templates/pretixcontrol/items/index.html
index d22af08a05..7ce5442578 100644
--- a/src/pretix/control/templates/pretixcontrol/items/index.html
+++ b/src/pretix/control/templates/pretixcontrol/items/index.html
@@ -93,7 +93,7 @@
                                 <a href="{% url "control:event.items.up" organizer=request.event.organizer.slug event=request.event.slug item=i.id %}" class="btn btn-default btn-sm {% if forloop.counter0 == 0 and is_paginated and not page_obj.has_previous %}disabled{% endif %}"><i class="fa fa-arrow-up"></i></a>
                                 <a href="{% url "control:event.items.down" organizer=request.event.organizer.slug event=request.event.slug item=i.id %}" class="btn btn-default btn-sm {% if forloop.revcounter0 == 0 and is_paginated and not page_obj.has_next %}disabled{% endif %}"><i class="fa fa-arrow-down"></i></a>
                             </td>
-                            <td class="text-right">
+                            <td class="text-right flip">
                                 <a href="{% url "control:event.item" organizer=request.event.organizer.slug event=request.event.slug item=i.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                                 <a href="{% url "control:event.items.delete" organizer=request.event.organizer.slug event=request.event.slug item=i.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                             </td>
diff --git a/src/pretix/control/templates/pretixcontrol/items/question_edit.html b/src/pretix/control/templates/pretixcontrol/items/question_edit.html
index d2b1ef5323..5739f9549b 100644
--- a/src/pretix/control/templates/pretixcontrol/items/question_edit.html
+++ b/src/pretix/control/templates/pretixcontrol/items/question_edit.html
@@ -58,7 +58,7 @@
                                             {% bootstrap_form_errors form %}
                                             {% bootstrap_field form.answer layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-xs-2 text-right">
+                                        <div class="col-xs-2 text-right flip">
                                             <span>&nbsp;</span><br>
                                             <button type="button" class="btn btn-default" data-formset-move-up-button>
                                                 <i class="fa fa-arrow-up"></i></button>
@@ -86,7 +86,7 @@
                                     </span>
                                             {% bootstrap_field formset.empty_form.answer layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-xs-2 text-right">
+                                        <div class="col-xs-2 text-right flip">
                                             <span>&nbsp;</span><br>
                                             <button type="button" class="btn btn-default" data-formset-move-up-button>
                                                 <i class="fa fa-arrow-up"></i></button>
diff --git a/src/pretix/control/templates/pretixcontrol/items/questions.html b/src/pretix/control/templates/pretixcontrol/items/questions.html
index 852ddc3411..c53f38f820 100644
--- a/src/pretix/control/templates/pretixcontrol/items/questions.html
+++ b/src/pretix/control/templates/pretixcontrol/items/questions.html
@@ -75,7 +75,7 @@
                             <a href="{% url "control:event.items.questions.up" organizer=request.event.organizer.slug event=request.event.slug question=q.id %}" class="btn btn-default btn-sm {% if forloop.counter0 == 0 and is_paginated and not page_obj.has_previous %}disabled{% endif %}"><i class="fa fa-arrow-up"></i></a>
                             <a href="{% url "control:event.items.questions.down" organizer=request.event.organizer.slug event=request.event.slug question=q.id %}" class="btn btn-default btn-sm {% if forloop.revcounter0 == 0 and is_paginated and not page_obj.has_next %}disabled{% endif %}"><i class="fa fa-arrow-down"></i></a>
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:event.items.questions.edit" organizer=request.event.organizer.slug event=request.event.slug question=q.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                             <a href="{% url "control:event.items.questions.delete" organizer=request.event.organizer.slug event=request.event.slug question=q.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                         </td>
diff --git a/src/pretix/control/templates/pretixcontrol/items/quota.html b/src/pretix/control/templates/pretixcontrol/items/quota.html
index 7d9ae7e648..d04790c047 100644
--- a/src/pretix/control/templates/pretixcontrol/items/quota.html
+++ b/src/pretix/control/templates/pretixcontrol/items/quota.html
@@ -26,7 +26,7 @@
         {% if quota.closed %}
             {% if closed_and_sold_out %}
                 <div class="alert alert-info">
-                    <button type="submit" class="btn btn-default pull-right" name="disable" value="true">
+                    <button type="submit" class="btn btn-default pull-right flip" name="disable" value="true">
                         {% trans "Open quota and disable closing" %}
                     </button>
                     {% trans "This quota is sold out and closed. Even if tickets become available e.g. through cancellations, they will not become available again unless you manually re-open the quota on this page." %}
@@ -34,7 +34,7 @@
                 </div>
             {% else %}
                 <div class="alert alert-warning">
-                    <button type="submit" class="btn btn-primary pull-right" name="reopen" value="true">{% trans "Open quota" %}</button>
+                    <button type="submit" class="btn btn-primary pull-right flip" name="reopen" value="true">{% trans "Open quota" %}</button>
                     {% trans "This quota is closed since it has been sold out before. Tickets are theoretically available, but will not be sold unless you manually re-open the quota." %}
                     <div class="clearfix"></div>
                 </div>
@@ -53,7 +53,7 @@
             <legend>{% trans "Availability calculation" %}</legend>
             <div class="row">
                 <div class="col-xs-9">{% trans "Total quota" %}</div>
-                <div class="col-xs-3 text-right">
+                <div class="col-xs-3 flip text-right">
                     {% if quota.size == None %}{% trans "Infinite" %}{% else %}{{ quota.size }}{% endif %}
                 </div>
             </div>
@@ -64,7 +64,7 @@
                         {{ row.label }}
                         {% if row.strong %}</strong>{% endif %}
                     </div>
-                    <div class="col-xs-3 text-right">
+                    <div class="col-xs-3 flip text-right">
                         {% if row.strong %}<strong>{% endif %}
                         {% if not row.strong %}–{% endif %} {{ row.value }}
                         {% if row.strong %}</strong>{% endif %}
diff --git a/src/pretix/control/templates/pretixcontrol/items/quotas.html b/src/pretix/control/templates/pretixcontrol/items/quotas.html
index 94dbac96e8..67b2b0676b 100644
--- a/src/pretix/control/templates/pretixcontrol/items/quotas.html
+++ b/src/pretix/control/templates/pretixcontrol/items/quotas.html
@@ -75,7 +75,7 @@
                         {% endif %}
                         <td>{% if q.size == None %}Unlimited{% else %}{{ q.size }}{% endif %}</td>
                         <td>{% include "pretixcontrol/items/fragment_quota_availability.html" with availability=q.availability closed=q.closed %}</td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:event.items.quotas.edit" organizer=request.event.organizer.slug event=request.event.slug quota=q.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                             <a href="{% url "control:event.items.quotas.add" organizer=request.event.organizer.slug event=request.event.slug %}?copy_from={{ q.id }}"
                                class="btn btn-sm btn-default" title="{% trans "Clone" %}" data-toggle="tooltip">
diff --git a/src/pretix/control/templates/pretixcontrol/oauth/app_list.html b/src/pretix/control/templates/pretixcontrol/oauth/app_list.html
index b44320b4e6..2caf4d99ba 100644
--- a/src/pretix/control/templates/pretixcontrol/oauth/app_list.html
+++ b/src/pretix/control/templates/pretixcontrol/oauth/app_list.html
@@ -17,7 +17,7 @@
                 {% for application in applications %}
                     <tr>
                         <td><strong><a href="{% url "control:user.settings.oauth.app" pk=application.pk %}">{{ application.name }}</a></strong></td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:user.settings.oauth.app" pk=application.pk %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                             <a href="{% url "control:user.settings.oauth.app.roll" pk=application.pk %}" class="btn btn-default btn-sm"><i class="fa fa-repeat"></i></a>
                             <a href="{% url "control:user.settings.oauth.app.disable" pk=application.pk %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
diff --git a/src/pretix/control/templates/pretixcontrol/oauth/authorized.html b/src/pretix/control/templates/pretixcontrol/oauth/authorized.html
index 4b13d16735..354167ab6a 100644
--- a/src/pretix/control/templates/pretixcontrol/oauth/authorized.html
+++ b/src/pretix/control/templates/pretixcontrol/oauth/authorized.html
@@ -44,7 +44,7 @@
                                 {% endfor %}
                             </ul>
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:user.settings.oauth.revoke" pk=token.pk %}"
                                class="btn btn-danger btn-sm">{% trans "Revoke access" %}</a>
                         </td>
diff --git a/src/pretix/control/templates/pretixcontrol/order/index.html b/src/pretix/control/templates/pretixcontrol/order/index.html
index 07c2f9b7d5..6e09438d76 100644
--- a/src/pretix/control/templates/pretixcontrol/order/index.html
+++ b/src/pretix/control/templates/pretixcontrol/order/index.html
@@ -19,7 +19,7 @@
         {% if order.testmode %}
             <span class="label label-warning">{% trans "TEST MODE" %}</span>
         {% endif %}
-        {% include "pretixcontrol/orders/fragment_order_status.html" with order=order class="pull-right" %}
+        {% include "pretixcontrol/orders/fragment_order_status.html" with order=order class="pull-right flip" %}
     </h1>
     {% if 'can_change_orders' in request.eventpermset %}
         <form action="{% url "control:event.order.transition" event=request.event.slug organizer=request.event.organizer.slug code=order.code %}"
@@ -78,7 +78,7 @@
                 method="post">
             {% csrf_token %}
             <div class="alert alert-info">
-                <button name="status" value="e" class="btn btn-default pull-right">{% trans "Expire order" %}</button>
+                <button name="status" value="e" class="btn btn-default pull-right flip">{% trans "Expire order" %}</button>
                 {% trans "The payment for this order is overdue, but you have configured not to expire orders automatically. To free quota capacity, you can mark it as expired manually." %}
                 <div class="clearfix"></div>
             </div>
@@ -224,7 +224,7 @@
             </div>
             <div class="panel panel-default items">
                 <div class="panel-heading">
-                    <div class="pull-right">
+                    <div class="pull-right flip">
                         {% if order.changable and 'can_change_orders' in request.eventpermset %}
                             <a href="{% url "control:event.order.info" event=request.event.slug organizer=request.event.organizer.slug code=order.code %}">
                                 <span class="fa fa-edit"></span>
@@ -490,7 +490,7 @@
                                         <th>{% trans "Confirmation date" %}</th>
                                         <th>{% trans "Payment method" %}</th>
                                         <th>{% trans "Status" %}</th>
-                                        <th class="text-right">{% trans "Amount" %}</th>
+                                        <th class="text-right flip">{% trans "Amount" %}</th>
                                     </tr>
                                     </thead>
                                     <tbody>
@@ -528,7 +528,7 @@
                                                     {{ p.get_state_display }}
                                                 </span>
                                             </td>
-                                            <td class="text-right">{{ p.amount|money:request.event.currency }}</td>
+                                            <td class="text-right flip">{{ p.amount|money:request.event.currency }}</td>
                                         </tr>
                                         {% if p.html_info %}
                                             <tr>
@@ -586,8 +586,8 @@
                                             <th>{% trans "Payment method" %}</th>
                                             <th>{% trans "Payment" %}</th>
                                             <th>{% trans "Status" %}</th>
-                                            <th class="text-right">{% trans "Amount" %}</th>
-                                            <th class="text-right"></th>
+                                            <th class="text-right flip">{% trans "Amount" %}</th>
+                                            <th class="text-right flip"></th>
                                         </tr>
                                         </thead>
                                         <tbody>
@@ -610,8 +610,8 @@
                                                     {{ r.get_state_display }}
                                                 </span>
                                                 </td>
-                                                <td class="text-right">{{ r.amount|money:request.event.currency }}</td>
-                                                <td class="text-right">
+                                                <td class="text-right flip">{{ r.amount|money:request.event.currency }}</td>
+                                                <td class="text-right flip">
                                                     {% if r.state == "transit" or r.state == "created" %}
                                                         <a href="{% url "control:event.order.refunds.cancel" event=request.event.slug organizer=request.event.organizer.slug code=order.code refund=r.pk %}"
                                                                 class="btn btn-danger btn-xs" data-toggle="tooltip"
@@ -664,7 +664,7 @@
                     <div class="col-md-6">
                         <div class="panel panel-default">
                             <div class="panel-heading">
-                                <div class="pull-right">
+                                <div class="pull-right flip">
                                     {% if order.changable and 'can_change_orders' in request.eventpermset %}
                                         <a href="{% url "control:event.order.info" event=request.event.slug organizer=request.event.organizer.slug code=order.code %}">
                                             <span class="fa fa-edit"></span>
diff --git a/src/pretix/control/templates/pretixcontrol/orders/export.html b/src/pretix/control/templates/pretixcontrol/orders/export.html
index 9c15adf497..ca7ff51b8a 100644
--- a/src/pretix/control/templates/pretixcontrol/orders/export.html
+++ b/src/pretix/control/templates/pretixcontrol/orders/export.html
@@ -26,7 +26,7 @@
                         {% csrf_token %}
                         <input type="hidden" name="exporter" value="{{ e.identifier }}" />
                         {% bootstrap_form e.form layout='control' %}
-                        <button class="btn btn-primary pull-right" type="submit">
+                        <button class="btn btn-primary pull-right flip" type="submit">
                             <span class="icon icon-upload"></span> {% trans "Start export" %}
                         </button>
                     </form>
diff --git a/src/pretix/control/templates/pretixcontrol/orders/index.html b/src/pretix/control/templates/pretixcontrol/orders/index.html
index 0212fbf349..d0a27b2c49 100644
--- a/src/pretix/control/templates/pretixcontrol/orders/index.html
+++ b/src/pretix/control/templates/pretixcontrol/orders/index.html
@@ -98,11 +98,11 @@
                         <a href="?{% url_replace request 'ordering' '-datetime' %}"><i class="fa fa-caret-down"></i></a>
                         <a href="?{% url_replace request 'ordering' 'datetime' %}"><i class="fa fa-caret-up"></i></a>
                     </th>
-                    <th class="text-right">{% trans "Order total" %}
+                    <th class="text-right flip">{% trans "Order total" %}
                         <a href="?{% url_replace request 'ordering' '-total' %}"><i class="fa fa-caret-down"></i></a>
                         <a href="?{% url_replace request 'ordering' 'total' %}"><i class="fa fa-caret-up"></i></a></th>
-                    <th class="text-right">{% trans "Positions" %}</th>
-                    <th class="text-right">{% trans "Status" %}
+                    <th class="text-right flip">{% trans "Positions" %}</th>
+                    <th class="text-right flip">{% trans "Status" %}
                         <a href="?{% url_replace request 'ordering' '-status' %}"><i class="fa fa-caret-down"></i></a>
                         <a href="?{% url_replace request 'ordering' 'status' %}"><i class="fa fa-caret-up"></i></a></th>
                 </tr>
@@ -127,7 +127,7 @@
                             {% endif %}
                         </td>
                         <td>{{ o.datetime|date:"SHORT_DATETIME_FORMAT" }}</td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if o.has_external_refund or o.has_pending_refund %}
                                 <span class="label label-danger">{% trans "REFUND PENDING" %}</span>
                             {% elif o.has_pending_refund %}
@@ -142,8 +142,8 @@
                             {% endif %}
                             {{ o.total|money:request.event.currency }}
                         </td>
-                        <td class="text-right">{{ o.pcnt|default_if_none:"0" }}</td>
-                        <td class="text-right">{% include "pretixcontrol/orders/fragment_order_status.html" with order=o %}</td>
+                        <td class="text-right flip">{{ o.pcnt|default_if_none:"0" }}</td>
+                        <td class="text-right flip">{% include "pretixcontrol/orders/fragment_order_status.html" with order=o %}</td>
                     </tr>
                 {% endfor %}
                 </tbody>
@@ -159,12 +159,12 @@
                                 {{ s }} orders
                             {% endblocktrans %}
                         </th>
-                        <th class="text-right">
+                        <th class="text-right flip">
                             {% if sums.s|default_if_none:"none" != "none" %}
                                 {{ sums.s|money:request.event.currency }}
                             {% endif %}
                         </th>
-                        <th class="text-right">
+                        <th class="text-right flip">
                             {% if sums.pc %}
                                 {{ sums.pc }}
                             {% endif %}
diff --git a/src/pretix/control/templates/pretixcontrol/orders/overview.html b/src/pretix/control/templates/pretixcontrol/orders/overview.html
index e99ba14146..158af93235 100644
--- a/src/pretix/control/templates/pretixcontrol/orders/overview.html
+++ b/src/pretix/control/templates/pretixcontrol/orders/overview.html
@@ -5,7 +5,7 @@
 {% block title %}{% trans "Order overview" %}{% endblock %}
 {% block content %}
     {% url "control:event.orders" organizer=request.event.organizer.slug event=request.event.slug as listurl %}
-    <div class="pull-right">
+    <div class="pull-right flip">
         <div class="btn-group" role="group" id="sumtoggle">
             <button type="button" data-target=".count" class="btn btn-default active">{% trans "Sales" %}</button>
             <button type="button" data-target=".sum-gross" class="btn btn-default">{% trans "Revenue (gross)" %}</button>
diff --git a/src/pretix/control/templates/pretixcontrol/orders/refunds.html b/src/pretix/control/templates/pretixcontrol/orders/refunds.html
index ebabc61f53..83a904f673 100644
--- a/src/pretix/control/templates/pretixcontrol/orders/refunds.html
+++ b/src/pretix/control/templates/pretixcontrol/orders/refunds.html
@@ -43,8 +43,8 @@
                     <th>{% trans "Start date" %}</th>
                     <th>{% trans "Source" %}</th>
                     <th>{% trans "Status" %}</th>
-                    <th class="text-right">{% trans "Amount" %}</th>
-                    <th class="text-right">{% trans "Actions" %}</th>
+                    <th class="text-right flip">{% trans "Amount" %}</th>
+                    <th class="text-right flip">{% trans "Actions" %}</th>
                 </tr>
                 </thead>
                 <tbody>
@@ -69,10 +69,10 @@
                                 {{ r.get_state_display }}
                             </span>
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {{ r.amount|money:request.event.currency }}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if r.state == "transit" or r.state == "created" %}
                                 <a href="{% url "control:event.order.refunds.cancel" event=request.event.slug organizer=request.event.organizer.slug code=r.order.code refund=r.pk %}?next={{ request.get_full_path|urlencode }}"
                                    class="btn btn-danger btn-xs" data-toggle="tooltip">
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/detail.html b/src/pretix/control/templates/pretixcontrol/organizers/detail.html
index 86420d4ede..2fad61474f 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/detail.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/detail.html
@@ -70,7 +70,7 @@
                             <span class="label label-success">{% trans "On sale" %}</span>
                         {% endif %}
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <a href="{% url "control:event.index" organizer=e.organizer.slug event=e.slug %}"
                            class="btn btn-sm btn-default" title="{% trans "Open event dashboard" %}"
                            data-toggle="tooltip">
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/devices.html b/src/pretix/control/templates/pretixcontrol/organizers/devices.html
index da7da99888..64f65965d5 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/devices.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/devices.html
@@ -82,7 +82,7 @@
                                 </ul>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if not d.initialized %}
                                 <a href="{% url "control:organizer.device.connect" organizer=request.organizer.slug device=d.id %}"
                                         class="btn btn-primary btn-sm"><i class="fa fa-link"></i>
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/edit.html b/src/pretix/control/templates/pretixcontrol/organizers/edit.html
index b7409c7da0..2f09f0a978 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/edit.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/edit.html
@@ -80,7 +80,7 @@
                                 <div class="col-md-5 col-lg-6">
                                     {% bootstrap_field form.default layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-md-2 col-lg-1 text-right">
+                                <div class="col-md-2 col-lg-1 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
@@ -100,7 +100,7 @@
                                 <div class="col-md-5 col-lg-6">
                                     {% bootstrap_field formset.empty_form.default layout='inline' form_group_class="" %}
                                 </div>
-                                <div class="col-md-2 col-lg-1 text-right">
+                                <div class="col-md-2 col-lg-1 text-right flip">
                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                         <i class="fa fa-trash"></i></button>
                                 </div>
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/team_members.html b/src/pretix/control/templates/pretixcontrol/organizers/team_members.html
index 080ad3cb7f..3ccdd5d35b 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/team_members.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/team_members.html
@@ -37,7 +37,7 @@
                             </span>
                         {% endif %}
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <button type="submit" name="remove-member" value="{{ u.id }}"
                                 class="btn btn-danger btn-sm btn-block">
                             <i class="fa fa-times"></i> {% trans "Remove" %}
@@ -57,7 +57,7 @@
                             <span class="fa fa-repeat"></span>
                         </button>
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <button type="submit" name="remove-invite" value="{{ i.id }}"
                                 class="btn btn-danger btn-sm btn-block">
                             <i class="fa fa-times"></i> {% trans "Remove" %}
@@ -76,7 +76,7 @@
                         be sent an email with an invitation.
                     {% endblocktrans %}
                 </td>
-                <td class="text-right">
+                <td class="text-right flip">
                     <button type="submit" class="btn btn-primary btn-sm btn-block">
                         <i class="fa fa-plus"></i> {% trans "Add" %}
                     </button>
@@ -103,7 +103,7 @@
                     <td>
                         {{ t.name }}
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <button type="submit" name="remove-token" value="{{ t.id }}"
                                 class="btn btn-danger btn-sm btn-block">
                             <i class="fa fa-times"></i> {% trans "Remove" %}
@@ -117,7 +117,7 @@
                 <td>
                     {% bootstrap_field add_token_form.name layout='inline' %}<br>
                 </td>
-                <td class="text-right">
+                <td class="text-right flip">
                     <button type="submit" class="btn btn-primary btn-sm btn-block">
                         <i class="fa fa-plus"></i> {% trans "Add" %}
                     </button>
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/teams.html b/src/pretix/control/templates/pretixcontrol/organizers/teams.html
index 7565b66f91..faecf6bcea 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/teams.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/teams.html
@@ -42,7 +42,7 @@
                         {{ t.eventcount }}
                     {% endif %}
                 </td>
-                <td class="text-right">
+                <td class="text-right flip">
                     <a href="{% url "control:organizer.team" organizer=request.organizer.slug team=t.id %}"
                             class="btn btn-default btn-sm"><i class="fa fa-list"></i></a>
                     <a href="{% url "control:organizer.team.edit" organizer=request.organizer.slug team=t.id %}"
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/webhook_logs.html b/src/pretix/control/templates/pretixcontrol/organizers/webhook_logs.html
index 2eb5c5ed48..af7d7e2f2c 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/webhook_logs.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/webhook_logs.html
@@ -26,7 +26,7 @@
                         <span class="fa fa-hourglass fa-fw"></span>
                         {{ c.execution_time|floatformat:2 }}s
                     </div>
-                    <div class="col-md-2 col-xs-8 text-right">
+                    <div class="col-md-2 col-xs-8 text-right flip">
                         {% if c.success %}
                             <span class="label label-success">
                                 <span class="fa fa-check-circle fa-fw"></span>
diff --git a/src/pretix/control/templates/pretixcontrol/organizers/webhooks.html b/src/pretix/control/templates/pretixcontrol/organizers/webhooks.html
index 05eb834b89..a78dd760e3 100644
--- a/src/pretix/control/templates/pretixcontrol/organizers/webhooks.html
+++ b/src/pretix/control/templates/pretixcontrol/organizers/webhooks.html
@@ -61,7 +61,7 @@
                                 </ul>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             <a href="{% url "control:organizer.webhook.edit" organizer=request.organizer.slug webhook=w.id %}"
                                     class="btn btn-default btn-sm" data-toggle="tooltip" title="{% trans "Edit" %}">
                                 <i class="fa fa-edit"></i>
diff --git a/src/pretix/control/templates/pretixcontrol/pdf/index.html b/src/pretix/control/templates/pretixcontrol/pdf/index.html
index aa2a8ab245..3d9f195f6d 100644
--- a/src/pretix/control/templates/pretixcontrol/pdf/index.html
+++ b/src/pretix/control/templates/pretixcontrol/pdf/index.html
@@ -25,7 +25,7 @@
         <div class="col-md-9">
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <div class="pull-right">
+                    <div class="pull-right flip">
                         <div class="btn-group">
                             <button type="button" class="btn btn-default btn-xs" id="toolbox-source"
                                     title="{% trans "Code" %}">
@@ -70,7 +70,7 @@
                             <p>
                                 <textarea id="source-textarea" class="form-control"></textarea>
                             </p>
-                            <p class="text-right">
+                            <p class="text-right flip">
                                 <button class="btn btn-default" id="source-close">
                                     {% trans "Cancel" %}
                                 </button>
@@ -151,7 +151,7 @@
         <div class="col-md-3" id="editor-toolbox-area">
             <div class="panel panel-default" id="toolbox">
                 <div class="panel-heading">
-                    <div class="pull-right object-buttons">
+                    <div class="pull-right object-buttons flip">
                         <div class="btn-group">
                             <button type="button" class="btn btn-default btn-xs" id="toolbox-cut"
                                     title="{% trans "Cut" %}">
diff --git a/src/pretix/control/templates/pretixcontrol/search/orders.html b/src/pretix/control/templates/pretixcontrol/search/orders.html
index a2a456c728..8af8098148 100644
--- a/src/pretix/control/templates/pretixcontrol/search/orders.html
+++ b/src/pretix/control/templates/pretixcontrol/search/orders.html
@@ -45,10 +45,10 @@
                 <th>{% trans "Order date" %}
                     <a href="?{% url_replace request 'ordering' '-datetime' %}"><i class="fa fa-caret-down"></i></a>
                     <a href="?{% url_replace request 'ordering' 'datetime' %}"><i class="fa fa-caret-up"></i></a></th>
-                <th class="text-right">{% trans "Order total" %}
+                <th class="text-right flip">{% trans "Order total" %}
                     <a href="?{% url_replace request 'ordering' '-total' %}"><i class="fa fa-caret-down"></i></a>
                     <a href="?{% url_replace request 'ordering' 'total' %}"><i class="fa fa-caret-up"></i></a></th>
-                <th class="text-right">{% trans "Status" %}
+                <th class="text-right flip">{% trans "Status" %}
                     <a href="?{% url_replace request 'ordering' '-status' %}"><i class="fa fa-caret-down"></i></a>
                     <a href="?{% url_replace request 'ordering' 'status' %}"><i class="fa fa-caret-up"></i></a></th>
             </tr>
@@ -73,8 +73,8 @@
                         {% endif %}
                     </td>
                     <td>{{ o.datetime|date:"SHORT_DATETIME_FORMAT" }}</td>
-                    <td class="text-right">{{ o.total|money:o.event.currency }}</td>
-                    <td class="text-right">{% include "pretixcontrol/orders/fragment_order_status.html" with order=o %}</td>
+                    <td class="text-right flip">{{ o.total|money:o.event.currency }}</td>
+                    <td class="text-right flip">{% include "pretixcontrol/orders/fragment_order_status.html" with order=o %}</td>
                 </tr>
             {% empty %}
                 <tr>
diff --git a/src/pretix/control/templates/pretixcontrol/subevents/bulk.html b/src/pretix/control/templates/pretixcontrol/subevents/bulk.html
index 260149b0dd..c7c2d91027 100644
--- a/src/pretix/control/templates/pretixcontrol/subevents/bulk.html
+++ b/src/pretix/control/templates/pretixcontrol/subevents/bulk.html
@@ -33,7 +33,7 @@
                                                     <div class="col-md-10">
                                                         {% trans "Repetition rule" %}
                                                     </div>
-                                                    <div class="col-md-2 text-right">
+                                                    <div class="col-md-2 text-right flip">
                                                         <button type="button" class="btn btn-danger btn-xs"
                                                                 data-formset-delete-button>
                                                             <i class="fa fa-trash"></i></button>
@@ -144,7 +144,7 @@
                                                     <div class="col-md-10">
                                                         {% trans "Repetition rule" %}
                                                     </div>
-                                                    <div class="col-md-2 text-right">
+                                                    <div class="col-md-2 text-right flip">
                                                         <button type="button" class="btn btn-danger btn-xs"
                                                                 data-formset-delete-button>
                                                             <i class="fa fa-trash"></i></button>
@@ -313,7 +313,7 @@
                                         <div class="col-md-10">
                                             {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-md-2 text-right">
+                                        <div class="col-md-2 text-right flip">
                                             <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                 <i class="fa fa-trash"></i></button>
                                         </div>
@@ -341,7 +341,7 @@
                                         <div class="col-md-10">
                                             {% bootstrap_field formset.empty_form.name layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-md-2 text-right">
+                                        <div class="col-md-2 text-right flip">
                                             <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                 <i class="fa fa-trash"></i></button>
                                         </div>
@@ -384,7 +384,7 @@
                                         <div class="col-md-10">
                                             {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-md-2 text-right">
+                                        <div class="col-md-2 text-right flip">
                                             <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                 <i class="fa fa-trash"></i></button>
                                         </div>
@@ -413,7 +413,7 @@
                                         <div class="col-md-10">
                                             {% bootstrap_field cl_formset.empty_form.name layout='inline' form_group_class="" %}
                                         </div>
-                                        <div class="col-md-2 text-right">
+                                        <div class="col-md-2 text-right flip">
                                             <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                 <i class="fa fa-trash"></i></button>
                                         </div>
diff --git a/src/pretix/control/templates/pretixcontrol/subevents/detail.html b/src/pretix/control/templates/pretixcontrol/subevents/detail.html
index a98b35f8d2..ad00a433d2 100644
--- a/src/pretix/control/templates/pretixcontrol/subevents/detail.html
+++ b/src/pretix/control/templates/pretixcontrol/subevents/detail.html
@@ -71,7 +71,7 @@
                                                 <div class="col-md-10">
                                                     {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                                 </div>
-                                                <div class="col-md-2 text-right">
+                                                <div class="col-md-2 text-right flip">
                                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                         <i class="fa fa-trash"></i></button>
                                                 </div>
@@ -99,7 +99,7 @@
                                                 <div class="col-md-10">
                                                     {% bootstrap_field formset.empty_form.name layout='inline' form_group_class="" %}
                                                 </div>
-                                                <div class="col-md-2 text-right">
+                                                <div class="col-md-2 text-right flip">
                                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                         <i class="fa fa-trash"></i></button>
                                                 </div>
@@ -142,7 +142,7 @@
                                                 <div class="col-md-10">
                                                     {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                                 </div>
-                                                <div class="col-md-2 text-right">
+                                                <div class="col-md-2 text-right flip">
                                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                         <i class="fa fa-trash"></i></button>
                                                 </div>
@@ -171,7 +171,7 @@
                                                 <div class="col-md-10">
                                                     {% bootstrap_field cl_formset.empty_form.name layout='inline' form_group_class="" %}
                                                 </div>
-                                                <div class="col-md-2 text-right">
+                                                <div class="col-md-2 text-right flip">
                                                     <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                         <i class="fa fa-trash"></i></button>
                                                 </div>
diff --git a/src/pretix/control/templates/pretixcontrol/subevents/index.html b/src/pretix/control/templates/pretixcontrol/subevents/index.html
index 563a830200..1a343bf2e4 100644
--- a/src/pretix/control/templates/pretixcontrol/subevents/index.html
+++ b/src/pretix/control/templates/pretixcontrol/subevents/index.html
@@ -119,7 +119,7 @@
                                     <span class="label label-success">{% trans "On sale" %}</span>
                                 {% endif %}
                             </td>
-                            <td class="text-right">
+                            <td class="text-right flip">
                                 <a href="{% url "control:event.subevent" organizer=request.event.organizer.slug event=request.event.slug subevent=s.id %}?returnto={{ request.GET.urlencode|urlencode }}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                                 <div class="btn-group {% if forloop.revcounter0 < 2 %}dropup{% endif %}">
                                     <button type="button" class="btn btn-default btn-sm dropdown-toggle"
diff --git a/src/pretix/control/templates/pretixcontrol/user/2fa_main.html b/src/pretix/control/templates/pretixcontrol/user/2fa_main.html
index cab8292448..2aa63a79cb 100644
--- a/src/pretix/control/templates/pretixcontrol/user/2fa_main.html
+++ b/src/pretix/control/templates/pretixcontrol/user/2fa_main.html
@@ -36,7 +36,7 @@
             </div>
             <div class="panel-body">
                 {% if not settings.PRETIX_OBLIGATORY_2FA %}
-                    <a href="{% url "control:user.settings.2fa.disable" %}" class="btn btn-primary pull-right">
+                    <a href="{% url "control:user.settings.2fa.disable" %}" class="btn btn-primary pull-right flip">
                         {% trans "Disable" %}
                     </a>
                 {% endif %}
@@ -52,7 +52,7 @@
             </div>
             <div class="panel-body">
                 {% if devices|length %}
-                    <a href="{% url "control:user.settings.2fa.enable" %}" class="btn btn-primary pull-right">
+                    <a href="{% url "control:user.settings.2fa.enable" %}" class="btn btn-primary pull-right flip">
                         {% trans "Enable" %}
                     </a>
                 {% endif %}
@@ -72,7 +72,7 @@
         <ul class="list-group">
             {% for d in devices %}
                 <li class="list-group-item">
-                    <a class="btn btn-danger btn-xs pull-right"
+                    <a class="btn btn-danger btn-xs pull-right flip"
                             href="{% url "control:user.settings.2fa.delete" devicetype=d.devicetype device=d.pk %}">
                         Delete
                     </a>
diff --git a/src/pretix/control/templates/pretixcontrol/user/notifications.html b/src/pretix/control/templates/pretixcontrol/user/notifications.html
index a549b39371..af8df8b1cc 100644
--- a/src/pretix/control/templates/pretixcontrol/user/notifications.html
+++ b/src/pretix/control/templates/pretixcontrol/user/notifications.html
@@ -9,7 +9,7 @@
         <fieldset>
             {% if request.user.notifications_send %}
                 <div class="alert alert-info">
-                    <button name="notifications_send" value="off" type="submit" class="pull-right btn btn-default">
+                    <button name="notifications_send" value="off" type="submit" class="pull-right flip btn btn-default">
                         <span class="fa fa-bell-slash"></span>
                         {% trans "Disable" %}
                     </button>
@@ -18,7 +18,7 @@
                 </div>
             {% else %}
                 <div class="alert alert-warning">
-                    <button name="notifications_send" value="on" type="submit" class="pull-right btn btn-default">
+                    <button name="notifications_send" value="on" type="submit" class="pull-right flip btn btn-default">
                         <span class="fa fa-bell"></span>
                         {% trans "Enable" %}
                     </button>
diff --git a/src/pretix/control/templates/pretixcontrol/user/reauth.html b/src/pretix/control/templates/pretixcontrol/user/reauth.html
index 7c68486c7a..262f1668b7 100644
--- a/src/pretix/control/templates/pretixcontrol/user/reauth.html
+++ b/src/pretix/control/templates/pretixcontrol/user/reauth.html
@@ -27,7 +27,7 @@
                 {% trans "Alternatively, you can use your WebAuthn device." %}
             </small></p>
         {% endif %}
-        <div class="form-group text-right">
+        <div class="form-group text-right flip">
             <button type="submit" class="btn btn-primary btn-block">
                 {% trans "Continue" %}
             </button>
diff --git a/src/pretix/control/templates/pretixcontrol/user/staff_session_list.html b/src/pretix/control/templates/pretixcontrol/user/staff_session_list.html
index 3724d5a484..e833884361 100644
--- a/src/pretix/control/templates/pretixcontrol/user/staff_session_list.html
+++ b/src/pretix/control/templates/pretixcontrol/user/staff_session_list.html
@@ -46,7 +46,7 @@
                         <span class="fa fa-times text-danger"></span>
                     {% endif %}
                 </td>
-                <td class="text-right">
+                <td class="text-right flip">
                     <a href="{% url "control:user.sudo.edit" id=s.id %}" class="btn btn-default btn-sm"><i
                             class="fa fa-edit"></i></a>
                 </td>
diff --git a/src/pretix/control/templates/pretixcontrol/users/index.html b/src/pretix/control/templates/pretixcontrol/users/index.html
index d295c83334..72508a6b70 100644
--- a/src/pretix/control/templates/pretixcontrol/users/index.html
+++ b/src/pretix/control/templates/pretixcontrol/users/index.html
@@ -57,7 +57,7 @@
                 <td>{{ u.fullname|default_if_none:"" }}</td>
                 <td>{% if u.is_active %}<span class="fa fa-check-circle"></span>{% endif %}</td>
                 <td>{% if u.is_staff %}<span class="fa fa-check-circle"></span>{% endif %}</td>
-                <td class="text-right">
+                <td class="text-right flip">
                     <a href="{% url "control:users.edit" id=u.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                 </td>
             </tr>
diff --git a/src/pretix/control/templates/pretixcontrol/vouchers/index.html b/src/pretix/control/templates/pretixcontrol/vouchers/index.html
index 3488c4ce79..b8a2dabeee 100644
--- a/src/pretix/control/templates/pretixcontrol/vouchers/index.html
+++ b/src/pretix/control/templates/pretixcontrol/vouchers/index.html
@@ -137,7 +137,7 @@
                             {% if request.event.has_subevents %}
                                 <td>{{ v.subevent.name }} – {{ v.subevent.get_date_range_display }}</td>
                             {% endif %}
-                            <td class="text-right">
+                            <td class="text-right flip">
                                 <a href="{% url "control:event.vouchers.bulk" organizer=request.event.organizer.slug event=request.event.slug %}?copy_from={{ v.id }}"
                                    class="btn btn-sm btn-default" title="{% trans "Use as a template for new vouchers" %}" data-toggle="tooltip">
                                     <span class="fa fa-copy"></span>
diff --git a/src/pretix/control/templates/pretixcontrol/waitinglist/index.html b/src/pretix/control/templates/pretixcontrol/waitinglist/index.html
index 561ed19003..f6a7389477 100644
--- a/src/pretix/control/templates/pretixcontrol/waitinglist/index.html
+++ b/src/pretix/control/templates/pretixcontrol/waitinglist/index.html
@@ -190,7 +190,7 @@
                                 </button>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if not e.voucher %}
                                 <button name="move_top" value="{{ e.pk }}" class="btn btn-default btn-sm"
                                         data-toggle="tooltip" title="{% trans "Move to the top of the list" %}">
diff --git a/src/pretix/plugins/badges/templates/pretixplugins/badges/index.html b/src/pretix/plugins/badges/templates/pretixplugins/badges/index.html
index f4d674b51b..1e87ff456a 100644
--- a/src/pretix/plugins/badges/templates/pretixplugins/badges/index.html
+++ b/src/pretix/plugins/badges/templates/pretixplugins/badges/index.html
@@ -65,7 +65,7 @@
                                 </form>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if "can_change_event_settings" in request.eventpermset %}
                                 <a href="{% url "plugins:badges:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                                 <a href="{% url "plugins:badges:delete" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
diff --git a/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_assign.html b/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_assign.html
index 6137cc9e3b..b195c92f61 100644
--- a/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_assign.html
+++ b/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_assign.html
@@ -7,7 +7,7 @@
     {% endblocktrans %}</p>
     <form method="post" action="">
         {% csrf_token %}
-        <button class="btn btn-primary pull-right helper-space-below" type="submit">
+        <button class="btn btn-primary pull-right flip helper-space-below" type="submit">
             <span class="icon icon-upload"></span> {% trans "Continue" %}
         </button>
         <div class="flipped-scroll-wrapper clearfix">
diff --git a/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_form.html b/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_form.html
index a94701afd5..77715c59ef 100644
--- a/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_form.html
+++ b/src/pretix/plugins/banktransfer/templates/pretixplugins/banktransfer/import_form.html
@@ -34,7 +34,7 @@
                             <label for="file">{% trans "Import file" %}: </label> <input id="file" type="file" name="file"/>
                         </div>
                         <div class="clearfix"></div>
-                        <button class="btn btn-primary pull-right" type="submit">
+                        <button class="btn btn-primary pull-right flip" type="submit">
                             <span class="icon icon-upload"></span> {% trans "Start upload" %}
                         </button>
                     </form>
@@ -65,7 +65,7 @@
                     <button class="btn btn-primary" type="submit">{% trans "Filter" %}</button>
                 </form>
                 {% if not request.GET.search %}
-                    <form action="" method="post" class="helper-display-inline pull-right">
+                    <form action="" method="post" class="helper-display-inline pull-right flip">
                         {% csrf_token %}
                         <button class="btn btn-danger" type="submit" name="discard" value="all">
                             <span class="fa fa-trash"></span>
diff --git a/src/pretix/plugins/stripe/templates/pretixplugins/stripe/pending.html b/src/pretix/plugins/stripe/templates/pretixplugins/stripe/pending.html
index ad4fa21af8..53324e69f4 100644
--- a/src/pretix/plugins/stripe/templates/pretixplugins/stripe/pending.html
+++ b/src/pretix/plugins/stripe/templates/pretixplugins/stripe/pending.html
@@ -9,7 +9,7 @@
     <p>{% blocktrans trimmed %}
         You need to confirm your payment. Please click the link below to do so or start a new payment.
     {% endblocktrans %}
-        <div class="text-right">
+        <div class="text-right flip">
             <a href="{% eventurl event "plugins:stripe:sca" order=order.code payment=payment.pk hash=payment_hash %}"
                     class="btn btn-primary">
                 {% trans "Confirm payment" %}
diff --git a/src/pretix/plugins/ticketoutputpdf/templates/pretixplugins/ticketoutputpdf/index.html b/src/pretix/plugins/ticketoutputpdf/templates/pretixplugins/ticketoutputpdf/index.html
index 8fcc60dcdb..79affe071b 100644
--- a/src/pretix/plugins/ticketoutputpdf/templates/pretixplugins/ticketoutputpdf/index.html
+++ b/src/pretix/plugins/ticketoutputpdf/templates/pretixplugins/ticketoutputpdf/index.html
@@ -62,7 +62,7 @@
                                 </form>
                             {% endif %}
                         </td>
-                        <td class="text-right">
+                        <td class="text-right flip">
                             {% if "can_change_event_settings" in request.eventpermset %}
                                 <a href="{% url "plugins:ticketoutputpdf:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                                 <a href="{% url "plugins:ticketoutputpdf:delete" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
diff --git a/src/pretix/presale/templates/pretixpresale/base.html b/src/pretix/presale/templates/pretixpresale/base.html
index 2d1ad3083c..f3461b0357 100644
--- a/src/pretix/presale/templates/pretixpresale/base.html
+++ b/src/pretix/presale/templates/pretixpresale/base.html
@@ -5,7 +5,7 @@
 {% load statici18n %}
 {% load thumb %}
 <!DOCTYPE html>
-<html>
+<html{% if rtl %} dir="rtl" class="rtl"{% endif %}>
 <head>
     <title>{% block thetitle %}{% endblock %}</title>
     {% compress css %}
diff --git a/src/pretix/presale/templates/pretixpresale/event/base.html b/src/pretix/presale/templates/pretixpresale/event/base.html
index a939ab867b..d18dc273b8 100644
--- a/src/pretix/presale/templates/pretixpresale/event/base.html
+++ b/src/pretix/presale/templates/pretixpresale/event/base.html
@@ -38,7 +38,7 @@
                 </a>
             </p>
         {% endif %}
-        <div class="pull-left">
+        <div class="pull-left flip">
             {% if event_logo %}
                 <a href="{% eventurl event "presale:event.index" cart_namespace=cart_namespace|default_if_none:"" %}"
                         title="{{ event.name }}">
@@ -53,7 +53,7 @@
                 </h1>
             {% endif %}
         </div>
-        <div class="pull-right loginbox">
+        <div class="pull-right flip loginbox">
             {% if request.event.settings.locales|length > 1 %}
                 <div class="locales">
                     {% for l in languages %}
diff --git a/src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html b/src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html
index 94387d2f7c..b926de218f 100644
--- a/src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html
+++ b/src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html
@@ -13,14 +13,14 @@
         {% csrf_token %}
         <div class="panel panel-primary cart">
             <div class="panel-heading">
-                <div class="pull-right cart-modify">
+                <div class="pull-right flip cart-modify">
                     <a href="{% eventurl request.event "presale:event.index" cart_namespace=cart_namespace|default_if_none:"" %}">
                         <span class="fa fa-edit"></span>
                         {% trans "Modify" %}
                     </a>
                 </div>
                 <strong id="cart-deadline-short" data-expires="{{ cart.first_expiry|date:"Y-m-d H:i:sO" }}"
-                    class="pull-right">
+                    class="pull-right flip">
                     {% if cart.minutes_left > 0 or cart.seconds_left > 0 %}
                         {{ cart.minutes_left|stringformat:"02d" }}:{{ cart.seconds_left|stringformat:"02d" }}
                     {% else %}
@@ -54,7 +54,7 @@
             <div class="panel panel-primary">
                 <div class="panel-heading">
                     {% if payment_provider.identifier != "free" %}
-                        <div class="pull-right">
+                        <div class="pull-right flip">
                             <a href="{% eventurl request.event "presale:event.checkout" step="payment" cart_namespace=cart_namespace|default_if_none:"" %}">
                                 <span class="fa fa-edit"></span>
                                 {% trans "Modify" %}
@@ -76,7 +76,7 @@
                 <div class="col-md-6 col-xs-12">
                     <div class="panel panel-primary panel-contact">
                         <div class="panel-heading">
-                            <div class="pull-right">
+                            <div class="pull-right flip">
                                 <a href="{% eventurl request.event "presale:event.checkout" step="questions" cart_namespace=cart_namespace|default_if_none:"" %}?invoice=1">
                                     <span class="fa fa-edit"></span>
                                     {% trans "Modify" %}
@@ -118,7 +118,7 @@
             <div class="{% if invoice_address_asked %}col-md-6{% endif %} col-xs-12">
                 <div class="panel panel-primary panel-contact">
                     <div class="panel-heading">
-                        <div class="pull-right">
+                        <div class="pull-right flip">
                             <a href="{% eventurl request.event "presale:event.checkout" step="questions" cart_namespace=cart_namespace|default_if_none:"" %}">
                                 <span class="fa fa-edit"></span>
                                 {% trans "Modify" %}
diff --git a/src/pretix/presale/templates/pretixpresale/event/checkout_payment.html b/src/pretix/presale/templates/pretixpresale/event/checkout_payment.html
index 18a20255f5..4df8de073f 100644
--- a/src/pretix/presale/templates/pretixpresale/event/checkout_payment.html
+++ b/src/pretix/presale/templates/pretixpresale/event/checkout_payment.html
@@ -17,7 +17,7 @@
                         <div class="panel-heading">
                             <h4 class="panel-title">
                                 {% if show_fees %}
-                                <strong class="pull-right">{% if p.fee < 0 %}-{% else %}+{% endif %} {{ p.fee|money:event.currency|cut:"-" }}</strong>
+                                   <strong class="pull-right flip">{% if p.fee < 0 %}-{% else %}+{% endif %} {{ p.fee|money:event.currency|cut:"-" }}</strong>
                                 {% endif %}
                                 <input type="radio" name="payment" value="{{ p.provider.identifier }}"
                                         title="{{ p.provider.public_name }}"
diff --git a/src/pretix/presale/templates/pretixpresale/event/checkout_questions.html b/src/pretix/presale/templates/pretixpresale/event/checkout_questions.html
index 78ad4ec0df..fc35a1141f 100644
--- a/src/pretix/presale/templates/pretixpresale/event/checkout_questions.html
+++ b/src/pretix/presale/templates/pretixpresale/event/checkout_questions.html
@@ -61,7 +61,7 @@
                                 – {{ pos.variation }}
                             {% endif %}
                             {% if forloop.counter > 1 %}
-                                <span class="text-right">
+                                <span class="text-right flip">
                                     <input type="button" data-id="{{ forloop.counter0 }}" name="copy" class="js-copy-answers btn btn-default btn-xs" value='{% trans "Copy answers from above" %}'>
                                     <i class="fa fa-angle-down collapse-indicator"></i>
                                 </span>
diff --git a/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar.html b/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar.html
index d8acb30a05..3e91176f56 100644
--- a/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar.html
+++ b/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar.html
@@ -8,7 +8,7 @@
         {% endif %}
     {% endfor %}
     <div class="row">
-        <div class="col-sm-4 hidden-xs">
+        <div class="col-sm-4 hidden-xs text-left flip">
             <a href="?{% url_replace request "year" before.year "month" before.month %}"
                     class="btn btn-default">
                 <span class="fa fa-arrow-left"></span>
@@ -30,7 +30,7 @@
                 {% trans "Go" %}
             </button>
         </div>
-        <div class="col-sm-4 hidden-xs text-right">
+        <div class="col-sm-4 hidden-xs text-right flip">
             <a href="?{% url_replace request "year" after.year "month" after.month %}" class="btn btn-default">
                 {{ after|date:"F Y" }}
                 <span class="fa fa-arrow-right"></span>
diff --git a/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_list.html b/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_list.html
index d93cc75b43..1d3060b7c0 100644
--- a/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_list.html
+++ b/src/pretix/presale/templates/pretixpresale/event/fragment_subevent_list.html
@@ -15,7 +15,7 @@
                     {{ subev.date_from|date:"TIME_FORMAT" }}
                 {% endif %}
             </div>
-            <div class="col-md-2 text-right">
+            <div class="col-md-2 text-right flip">
                 {% if subev.presale_is_running and event.settings.event_list_availability %}
                     {% if subev.best_availability_state == 100 %}
                         <span class="label label-success">{% trans "Tickets on sale" %}</span>
diff --git a/src/pretix/presale/templates/pretixpresale/event/index.html b/src/pretix/presale/templates/pretixpresale/event/index.html
index 72161d924c..3001e70c97 100644
--- a/src/pretix/presale/templates/pretixpresale/event/index.html
+++ b/src/pretix/presale/templates/pretixpresale/event/index.html
@@ -285,7 +285,7 @@
                         {% endblocktrans %}
                     </p>
                 </div>
-                <div class="col-md-4 col-xs-12 text-right">
+                <div class="col-md-4 col-xs-12">
                     <a class="btn btn-block btn-primary" href="{% eventurl event "presale:event.resend_link" %}">
                         {% trans "Resend order links" %}
                     </a>
diff --git a/src/pretix/presale/templates/pretixpresale/event/order.html b/src/pretix/presale/templates/pretixpresale/event/order.html
index 63d809c6db..b8a3096fc6 100644
--- a/src/pretix/presale/templates/pretixpresale/event/order.html
+++ b/src/pretix/presale/templates/pretixpresale/event/order.html
@@ -52,7 +52,7 @@
                 {% trans "View in backend" %}
             </a>
         {% endif %}
-        {% include "pretixpresale/event/fragment_order_status.html" with order=order class="pull-right" %}
+        {% include "pretixpresale/event/fragment_order_status.html" with order=order class="pull-right flip" %}
         <div class="clearfix"></div>
     </h2>
     {% if order.status == "n" and not order.require_approval %}
@@ -72,7 +72,7 @@
                 {% if last_payment %}
                     {{ last_payment_info }}
                     {% if can_pay %}
-                        <div class="text-right">
+                        <div class="text-right flip">
                             <a href="{% eventurl event "presale:event.order.pay.change" secret=order.secret order=order.code %}"
                                     class="btn btn-default">
                                 {% trans "Re-try payment or choose another payment method" %}
@@ -81,7 +81,7 @@
                     {% endif %}
                 {% else %}
                     {% if can_pay %}
-                        <div class="text-right">
+                        <div class="text-right flip">
                             <a href="{% eventurl event "presale:event.order.pay.change" secret=order.secret order=order.code %}"
                                     class="btn btn-primary btn-lg">{% trans "Pay now" %}</a>
                         </div>
@@ -115,7 +115,7 @@
     <div class="panel panel-primary cart">
         <div class="panel-heading">
             {% if order.can_modify_answers %}
-                <div class="pull-right">
+                <div class="pull-right flip">
                     <a href="{% eventurl event "presale:event.order.modify" secret=order.secret order=order.code %}">
                         <span class="fa fa-edit"></span>
                         {% trans "Change details" %}
@@ -178,7 +178,7 @@
                 <div class="panel panel-primary">
                     <div class="panel-heading">
                         {% if order.can_modify_answers %}
-                            <div class="pull-right">
+                            <div class="pull-right flip">
                                 <a href="{% eventurl event "presale:event.order.modify" secret=order.secret order=order.code %}">
                                     <span class="fa fa-edit"></span>
                                     {% trans "Change details" %}
diff --git a/src/pretix/presale/templates/pretixpresale/event/order_pay_change.html b/src/pretix/presale/templates/pretixpresale/event/order_pay_change.html
index ddb7de0d1e..ea680f3f14 100644
--- a/src/pretix/presale/templates/pretixpresale/event/order_pay_change.html
+++ b/src/pretix/presale/templates/pretixpresale/event/order_pay_change.html
@@ -24,7 +24,7 @@
                         <h4 class="panel-title">
                             <label class="radio">
                                 {% if show_fees %}
-                                    <strong class="pull-right">{% if p.fee_diff >= 0 %}+{% else %}-{% endif %} {{ p.fee_diff_abs|money:event.currency }}</strong>
+                                    <strong class="pull-right flip">{% if p.fee_diff >= 0 %}+{% else %}-{% endif %} {{ p.fee_diff_abs|money:event.currency }}</strong>
                                 {% endif %}
                                 <input type="radio" name="payment" value="{{ p.provider.identifier }}"
                                         data-parent="#payment_accordion"
diff --git a/src/pretix/presale/templates/pretixpresale/event/order_pay_confirm.html b/src/pretix/presale/templates/pretixpresale/event/order_pay_confirm.html
index 1ba973591d..67c253d60b 100644
--- a/src/pretix/presale/templates/pretixpresale/event/order_pay_confirm.html
+++ b/src/pretix/presale/templates/pretixpresale/event/order_pay_confirm.html
@@ -17,7 +17,7 @@
         <div class="row-fluid">
             <div class="panel panel-primary">
                 <div class="panel-heading">
-                    <div class="pull-right">
+                    <div class="pull-right flip">
                         <strong>
                             {% blocktrans trimmed with total=payment.amount|money:request.event.currency %}
                                 Total: {{ total }}
diff --git a/src/pretix/presale/templates/pretixpresale/event/position.html b/src/pretix/presale/templates/pretixpresale/event/position.html
index 49a153ca6b..19ac77964f 100644
--- a/src/pretix/presale/templates/pretixpresale/event/position.html
+++ b/src/pretix/presale/templates/pretixpresale/event/position.html
@@ -18,7 +18,7 @@
                 {% trans "View in backend" %}
             </a>
         {% endif %}
-        {% include "pretixpresale/event/fragment_order_status.html" with order=order class="pull-right" %}
+        {% include "pretixpresale/event/fragment_order_status.html" with order=order class="pull-right flip" %}
         <div class="clearfix"></div>
     </h2>
     {% include "pretixpresale/event/fragment_downloads.html" %}
diff --git a/src/pretix/presale/templates/pretixpresale/organizers/base.html b/src/pretix/presale/templates/pretixpresale/organizers/base.html
index fab376cf19..f18ea26c35 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/base.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/base.html
@@ -8,7 +8,7 @@
 {% endblock %}
 {% block page %}
     <div class="page-header">
-        <div class="pull-left">
+        <div class="pull-left flip">
             {% if organizer_logo %}
                 <a href="{% eventurl organizer "presale:organizer.index" %}" title="{{ organizer.name }}">
                     <img src="{{ organizer_logo|thumb:'5000x120' }}" alt="{{ organizer.name }}"
@@ -18,7 +18,7 @@
                 <h1><a href="{% eventurl organizer "presale:organizer.index" %}">{{ organizer.name }}</a></h1>
             {% endif %}
         </div>
-        <div class="pull-right loginbox">
+        <div class="pull-right flip loginbox">
             {% if organizer.settings.locales|length > 1 %}
                 <div class="locales">
                     {% for l in languages %}
diff --git a/src/pretix/presale/templates/pretixpresale/organizers/calendar.html b/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
index 0141560d8b..3c8467b0e1 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
@@ -18,7 +18,7 @@
             {% endif %}
         {% endfor %}
         <div class="row">
-            <div class="col-sm-4 col-xs-12">
+            <div class="col-sm-4 col-xs-12 text-left flip">
                 <div class="btn-group" role="group">
                     <a href="?{% url_replace request "style" "list" %}" type="button" class="btn btn-default">
                         <span class="fa fa-list"></span>
@@ -52,7 +52,7 @@
                     {% trans "Go" %}
                 </button>
             </div>
-            <div class="col-sm-4 hidden-xs text-right">
+            <div class="col-sm-4 hidden-xs text-right flip">
                 <a href="?{% url_replace request "year" before.year "month" before.month %}" class="btn btn-default">
                     <span class="fa fa-arrow-left"></span>
                     {{ before|date:"F Y" }}
diff --git a/src/pretix/presale/templates/pretixpresale/organizers/index.html b/src/pretix/presale/templates/pretixpresale/organizers/index.html
index 0bb5d4f6c6..4a1d672a5c 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/index.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/index.html
@@ -95,7 +95,7 @@
                             <span class="label label-warning">{% trans "Not yet on sale" %}</span>
                         {% endif %}
                     </td>
-                    <td class="text-right">
+                    <td class="text-right flip">
                         <a class="btn btn-primary" href="{{ url }}">
                             {% if e.has_subevents %}{% trans "Buy tickets" %}
                             {% elif e.presale_is_running and e.best_availability_state == 100 %}{% trans "Buy tickets" %}
diff --git a/src/pretix/settings.py b/src/pretix/settings.py
index cefb7452ed..7ed9b48b4a 100644
--- a/src/pretix/settings.py
+++ b/src/pretix/settings.py
@@ -415,6 +415,9 @@ LANGUAGES_OFFICIAL = {
 LANGUAGES_INCUBATING = {
     'pt-br', 'pl', 'it',
 } - set(config.get('languages', 'allow_incubating', fallback='').split(','))
+LANGUAGES_RTL = {
+    'ar', 'hw'
+}
 
 if DEBUG:
     LANGUAGES = ALL_LANGUAGES
diff --git a/src/pretix/static/bootstrap/scss/_rtl.scss b/src/pretix/static/bootstrap/scss/_rtl.scss
new file mode 100644
index 0000000000..e44be1e434
--- /dev/null
+++ b/src/pretix/static/bootstrap/scss/_rtl.scss
@@ -0,0 +1,1642 @@
+/*******************************************************************************
+ *              bootstrap-rtl (version 3.3.4)
+ *      Author: Morteza Ansarinia (http://github.com/morteza)
+ *  Created on: August 13,2015
+ *     Project: bootstrap-rtl
+ *   Copyright: Unlicensed Public Domain
+ *******************************************************************************/
+
+html.rtl {
+  direction: rtl;
+
+  body {
+    direction: rtl;
+  }
+
+  .flip.text-left {
+    text-align: right;
+  }
+
+  .flip.text-right {
+    text-align: left;
+  }
+
+  .list-unstyled {
+    padding-right: 0;
+    padding-left: initial;
+  }
+
+  .list-inline {
+    padding-right: 0;
+    padding-left: initial;
+    margin-right: -5px;
+    margin-left: 0;
+  }
+
+  dd {
+    margin-right: 0;
+    margin-left: initial;
+  }
+
+  @media (min-width: 768px) {
+    .dl-horizontal dt {
+      float: right;
+      clear: right;
+      text-align: left;
+    }
+    .dl-horizontal dd {
+      margin-right: 180px;
+      margin-left: 0;
+    }
+  }
+
+  blockquote {
+    border-right: 5px solid #eeeeee;
+    border-left: 0;
+  }
+
+  .blockquote-reverse,
+  blockquote.pull-left {
+    padding-left: 15px;
+    padding-right: 0;
+    border-left: 5px solid #eeeeee;
+    border-right: 0;
+    text-align: left;
+  }
+
+  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+    position: relative;
+    min-height: 1px;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+    float: right;
+  }
+
+  .col-xs-12 {
+    width: 100%;
+  }
+
+  .col-xs-11 {
+    width: 91.66666667%;
+  }
+
+  .col-xs-10 {
+    width: 83.33333333%;
+  }
+
+  .col-xs-9 {
+    width: 75%;
+  }
+
+  .col-xs-8 {
+    width: 66.66666667%;
+  }
+
+  .col-xs-7 {
+    width: 58.33333333%;
+  }
+
+  .col-xs-6 {
+    width: 50%;
+  }
+
+  .col-xs-5 {
+    width: 41.66666667%;
+  }
+
+  .col-xs-4 {
+    width: 33.33333333%;
+  }
+
+  .col-xs-3 {
+    width: 25%;
+  }
+
+  .col-xs-2 {
+    width: 16.66666667%;
+  }
+
+  .col-xs-1 {
+    width: 8.33333333%;
+  }
+
+  .col-xs-pull-12 {
+    left: 100%;
+    right: auto;
+  }
+
+  .col-xs-pull-11 {
+    left: 91.66666667%;
+    right: auto;
+  }
+
+  .col-xs-pull-10 {
+    left: 83.33333333%;
+    right: auto;
+  }
+
+  .col-xs-pull-9 {
+    left: 75%;
+    right: auto;
+  }
+
+  .col-xs-pull-8 {
+    left: 66.66666667%;
+    right: auto;
+  }
+
+  .col-xs-pull-7 {
+    left: 58.33333333%;
+    right: auto;
+  }
+
+  .col-xs-pull-6 {
+    left: 50%;
+    right: auto;
+  }
+
+  .col-xs-pull-5 {
+    left: 41.66666667%;
+    right: auto;
+  }
+
+  .col-xs-pull-4 {
+    left: 33.33333333%;
+    right: auto;
+  }
+
+  .col-xs-pull-3 {
+    left: 25%;
+    right: auto;
+  }
+
+  .col-xs-pull-2 {
+    left: 16.66666667%;
+    right: auto;
+  }
+
+  .col-xs-pull-1 {
+    left: 8.33333333%;
+    right: auto;
+  }
+
+  .col-xs-pull-0 {
+    left: auto;
+    right: auto;
+  }
+
+  .col-xs-push-12 {
+    right: 100%;
+    left: 0;
+  }
+
+  .col-xs-push-11 {
+    right: 91.66666667%;
+    left: 0;
+  }
+
+  .col-xs-push-10 {
+    right: 83.33333333%;
+    left: 0;
+  }
+
+  .col-xs-push-9 {
+    right: 75%;
+    left: 0;
+  }
+
+  .col-xs-push-8 {
+    right: 66.66666667%;
+    left: 0;
+  }
+
+  .col-xs-push-7 {
+    right: 58.33333333%;
+    left: 0;
+  }
+
+  .col-xs-push-6 {
+    right: 50%;
+    left: 0;
+  }
+
+  .col-xs-push-5 {
+    right: 41.66666667%;
+    left: 0;
+  }
+
+  .col-xs-push-4 {
+    right: 33.33333333%;
+    left: 0;
+  }
+
+  .col-xs-push-3 {
+    right: 25%;
+    left: 0;
+  }
+
+  .col-xs-push-2 {
+    right: 16.66666667%;
+    left: 0;
+  }
+
+  .col-xs-push-1 {
+    right: 8.33333333%;
+    left: 0;
+  }
+
+  .col-xs-push-0 {
+    right: auto;
+    left: 0;
+  }
+
+  .col-xs-offset-12 {
+    margin-right: 100%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-11 {
+    margin-right: 91.66666667%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-10 {
+    margin-right: 83.33333333%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-9 {
+    margin-right: 75%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-8 {
+    margin-right: 66.66666667%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-7 {
+    margin-right: 58.33333333%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-6 {
+    margin-right: 50%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-5 {
+    margin-right: 41.66666667%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-4 {
+    margin-right: 33.33333333%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-3 {
+    margin-right: 25%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-2 {
+    margin-right: 16.66666667%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-1 {
+    margin-right: 8.33333333%;
+    margin-left: 0;
+  }
+
+  .col-xs-offset-0 {
+    margin-right: 0%;
+    margin-left: 0;
+  }
+
+  @media (min-width: 768px) {
+    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+      float: right;
+    }
+    .col-sm-12 {
+      width: 100%;
+    }
+    .col-sm-11 {
+      width: 91.66666667%;
+    }
+    .col-sm-10 {
+      width: 83.33333333%;
+    }
+    .col-sm-9 {
+      width: 75%;
+    }
+    .col-sm-8 {
+      width: 66.66666667%;
+    }
+    .col-sm-7 {
+      width: 58.33333333%;
+    }
+    .col-sm-6 {
+      width: 50%;
+    }
+    .col-sm-5 {
+      width: 41.66666667%;
+    }
+    .col-sm-4 {
+      width: 33.33333333%;
+    }
+    .col-sm-3 {
+      width: 25%;
+    }
+    .col-sm-2 {
+      width: 16.66666667%;
+    }
+    .col-sm-1 {
+      width: 8.33333333%;
+    }
+    .col-sm-pull-12 {
+      left: 100%;
+      right: auto;
+    }
+    .col-sm-pull-11 {
+      left: 91.66666667%;
+      right: auto;
+    }
+    .col-sm-pull-10 {
+      left: 83.33333333%;
+      right: auto;
+    }
+    .col-sm-pull-9 {
+      left: 75%;
+      right: auto;
+    }
+    .col-sm-pull-8 {
+      left: 66.66666667%;
+      right: auto;
+    }
+    .col-sm-pull-7 {
+      left: 58.33333333%;
+      right: auto;
+    }
+    .col-sm-pull-6 {
+      left: 50%;
+      right: auto;
+    }
+    .col-sm-pull-5 {
+      left: 41.66666667%;
+      right: auto;
+    }
+    .col-sm-pull-4 {
+      left: 33.33333333%;
+      right: auto;
+    }
+    .col-sm-pull-3 {
+      left: 25%;
+      right: auto;
+    }
+    .col-sm-pull-2 {
+      left: 16.66666667%;
+      right: auto;
+    }
+    .col-sm-pull-1 {
+      left: 8.33333333%;
+      right: auto;
+    }
+    .col-sm-pull-0 {
+      left: auto;
+      right: auto;
+    }
+    .col-sm-push-12 {
+      right: 100%;
+      left: 0;
+    }
+    .col-sm-push-11 {
+      right: 91.66666667%;
+      left: 0;
+    }
+    .col-sm-push-10 {
+      right: 83.33333333%;
+      left: 0;
+    }
+    .col-sm-push-9 {
+      right: 75%;
+      left: 0;
+    }
+    .col-sm-push-8 {
+      right: 66.66666667%;
+      left: 0;
+    }
+    .col-sm-push-7 {
+      right: 58.33333333%;
+      left: 0;
+    }
+    .col-sm-push-6 {
+      right: 50%;
+      left: 0;
+    }
+    .col-sm-push-5 {
+      right: 41.66666667%;
+      left: 0;
+    }
+    .col-sm-push-4 {
+      right: 33.33333333%;
+      left: 0;
+    }
+    .col-sm-push-3 {
+      right: 25%;
+      left: 0;
+    }
+    .col-sm-push-2 {
+      right: 16.66666667%;
+      left: 0;
+    }
+    .col-sm-push-1 {
+      right: 8.33333333%;
+      left: 0;
+    }
+    .col-sm-push-0 {
+      right: auto;
+      left: 0;
+    }
+    .col-sm-offset-12 {
+      margin-right: 100%;
+      margin-left: 0;
+    }
+    .col-sm-offset-11 {
+      margin-right: 91.66666667%;
+      margin-left: 0;
+    }
+    .col-sm-offset-10 {
+      margin-right: 83.33333333%;
+      margin-left: 0;
+    }
+    .col-sm-offset-9 {
+      margin-right: 75%;
+      margin-left: 0;
+    }
+    .col-sm-offset-8 {
+      margin-right: 66.66666667%;
+      margin-left: 0;
+    }
+    .col-sm-offset-7 {
+      margin-right: 58.33333333%;
+      margin-left: 0;
+    }
+    .col-sm-offset-6 {
+      margin-right: 50%;
+      margin-left: 0;
+    }
+    .col-sm-offset-5 {
+      margin-right: 41.66666667%;
+      margin-left: 0;
+    }
+    .col-sm-offset-4 {
+      margin-right: 33.33333333%;
+      margin-left: 0;
+    }
+    .col-sm-offset-3 {
+      margin-right: 25%;
+      margin-left: 0;
+    }
+    .col-sm-offset-2 {
+      margin-right: 16.66666667%;
+      margin-left: 0;
+    }
+    .col-sm-offset-1 {
+      margin-right: 8.33333333%;
+      margin-left: 0;
+    }
+    .col-sm-offset-0 {
+      margin-right: 0%;
+      margin-left: 0;
+    }
+  }
+  @media (min-width: 992px) {
+    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+      float: right;
+    }
+    .col-md-12 {
+      width: 100%;
+    }
+    .col-md-11 {
+      width: 91.66666667%;
+    }
+    .col-md-10 {
+      width: 83.33333333%;
+    }
+    .col-md-9 {
+      width: 75%;
+    }
+    .col-md-8 {
+      width: 66.66666667%;
+    }
+    .col-md-7 {
+      width: 58.33333333%;
+    }
+    .col-md-6 {
+      width: 50%;
+    }
+    .col-md-5 {
+      width: 41.66666667%;
+    }
+    .col-md-4 {
+      width: 33.33333333%;
+    }
+    .col-md-3 {
+      width: 25%;
+    }
+    .col-md-2 {
+      width: 16.66666667%;
+    }
+    .col-md-1 {
+      width: 8.33333333%;
+    }
+    .col-md-pull-12 {
+      left: 100%;
+      right: auto;
+    }
+    .col-md-pull-11 {
+      left: 91.66666667%;
+      right: auto;
+    }
+    .col-md-pull-10 {
+      left: 83.33333333%;
+      right: auto;
+    }
+    .col-md-pull-9 {
+      left: 75%;
+      right: auto;
+    }
+    .col-md-pull-8 {
+      left: 66.66666667%;
+      right: auto;
+    }
+    .col-md-pull-7 {
+      left: 58.33333333%;
+      right: auto;
+    }
+    .col-md-pull-6 {
+      left: 50%;
+      right: auto;
+    }
+    .col-md-pull-5 {
+      left: 41.66666667%;
+      right: auto;
+    }
+    .col-md-pull-4 {
+      left: 33.33333333%;
+      right: auto;
+    }
+    .col-md-pull-3 {
+      left: 25%;
+      right: auto;
+    }
+    .col-md-pull-2 {
+      left: 16.66666667%;
+      right: auto;
+    }
+    .col-md-pull-1 {
+      left: 8.33333333%;
+      right: auto;
+    }
+    .col-md-pull-0 {
+      left: auto;
+      right: auto;
+    }
+    .col-md-push-12 {
+      right: 100%;
+      left: 0;
+    }
+    .col-md-push-11 {
+      right: 91.66666667%;
+      left: 0;
+    }
+    .col-md-push-10 {
+      right: 83.33333333%;
+      left: 0;
+    }
+    .col-md-push-9 {
+      right: 75%;
+      left: 0;
+    }
+    .col-md-push-8 {
+      right: 66.66666667%;
+      left: 0;
+    }
+    .col-md-push-7 {
+      right: 58.33333333%;
+      left: 0;
+    }
+    .col-md-push-6 {
+      right: 50%;
+      left: 0;
+    }
+    .col-md-push-5 {
+      right: 41.66666667%;
+      left: 0;
+    }
+    .col-md-push-4 {
+      right: 33.33333333%;
+      left: 0;
+    }
+    .col-md-push-3 {
+      right: 25%;
+      left: 0;
+    }
+    .col-md-push-2 {
+      right: 16.66666667%;
+      left: 0;
+    }
+    .col-md-push-1 {
+      right: 8.33333333%;
+      left: 0;
+    }
+    .col-md-push-0 {
+      right: auto;
+      left: 0;
+    }
+    .col-md-offset-12 {
+      margin-right: 100%;
+      margin-left: 0;
+    }
+    .col-md-offset-11 {
+      margin-right: 91.66666667%;
+      margin-left: 0;
+    }
+    .col-md-offset-10 {
+      margin-right: 83.33333333%;
+      margin-left: 0;
+    }
+    .col-md-offset-9 {
+      margin-right: 75%;
+      margin-left: 0;
+    }
+    .col-md-offset-8 {
+      margin-right: 66.66666667%;
+      margin-left: 0;
+    }
+    .col-md-offset-7 {
+      margin-right: 58.33333333%;
+      margin-left: 0;
+    }
+    .col-md-offset-6 {
+      margin-right: 50%;
+      margin-left: 0;
+    }
+    .col-md-offset-5 {
+      margin-right: 41.66666667%;
+      margin-left: 0;
+    }
+    .col-md-offset-4 {
+      margin-right: 33.33333333%;
+      margin-left: 0;
+    }
+    .col-md-offset-3 {
+      margin-right: 25%;
+      margin-left: 0;
+    }
+    .col-md-offset-2 {
+      margin-right: 16.66666667%;
+      margin-left: 0;
+    }
+    .col-md-offset-1 {
+      margin-right: 8.33333333%;
+      margin-left: 0;
+    }
+    .col-md-offset-0 {
+      margin-right: 0%;
+      margin-left: 0;
+    }
+  }
+  @media (min-width: 1200px) {
+    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+      float: right;
+    }
+    .col-lg-12 {
+      width: 100%;
+    }
+    .col-lg-11 {
+      width: 91.66666667%;
+    }
+    .col-lg-10 {
+      width: 83.33333333%;
+    }
+    .col-lg-9 {
+      width: 75%;
+    }
+    .col-lg-8 {
+      width: 66.66666667%;
+    }
+    .col-lg-7 {
+      width: 58.33333333%;
+    }
+    .col-lg-6 {
+      width: 50%;
+    }
+    .col-lg-5 {
+      width: 41.66666667%;
+    }
+    .col-lg-4 {
+      width: 33.33333333%;
+    }
+    .col-lg-3 {
+      width: 25%;
+    }
+    .col-lg-2 {
+      width: 16.66666667%;
+    }
+    .col-lg-1 {
+      width: 8.33333333%;
+    }
+    .col-lg-pull-12 {
+      left: 100%;
+      right: auto;
+    }
+    .col-lg-pull-11 {
+      left: 91.66666667%;
+      right: auto;
+    }
+    .col-lg-pull-10 {
+      left: 83.33333333%;
+      right: auto;
+    }
+    .col-lg-pull-9 {
+      left: 75%;
+      right: auto;
+    }
+    .col-lg-pull-8 {
+      left: 66.66666667%;
+      right: auto;
+    }
+    .col-lg-pull-7 {
+      left: 58.33333333%;
+      right: auto;
+    }
+    .col-lg-pull-6 {
+      left: 50%;
+      right: auto;
+    }
+    .col-lg-pull-5 {
+      left: 41.66666667%;
+      right: auto;
+    }
+    .col-lg-pull-4 {
+      left: 33.33333333%;
+      right: auto;
+    }
+    .col-lg-pull-3 {
+      left: 25%;
+      right: auto;
+    }
+    .col-lg-pull-2 {
+      left: 16.66666667%;
+      right: auto;
+    }
+    .col-lg-pull-1 {
+      left: 8.33333333%;
+      right: auto;
+    }
+    .col-lg-pull-0 {
+      left: auto;
+      right: auto;
+    }
+    .col-lg-push-12 {
+      right: 100%;
+      left: 0;
+    }
+    .col-lg-push-11 {
+      right: 91.66666667%;
+      left: 0;
+    }
+    .col-lg-push-10 {
+      right: 83.33333333%;
+      left: 0;
+    }
+    .col-lg-push-9 {
+      right: 75%;
+      left: 0;
+    }
+    .col-lg-push-8 {
+      right: 66.66666667%;
+      left: 0;
+    }
+    .col-lg-push-7 {
+      right: 58.33333333%;
+      left: 0;
+    }
+    .col-lg-push-6 {
+      right: 50%;
+      left: 0;
+    }
+    .col-lg-push-5 {
+      right: 41.66666667%;
+      left: 0;
+    }
+    .col-lg-push-4 {
+      right: 33.33333333%;
+      left: 0;
+    }
+    .col-lg-push-3 {
+      right: 25%;
+      left: 0;
+    }
+    .col-lg-push-2 {
+      right: 16.66666667%;
+      left: 0;
+    }
+    .col-lg-push-1 {
+      right: 8.33333333%;
+      left: 0;
+    }
+    .col-lg-push-0 {
+      right: auto;
+      left: 0;
+    }
+    .col-lg-offset-12 {
+      margin-right: 100%;
+      margin-left: 0;
+    }
+    .col-lg-offset-11 {
+      margin-right: 91.66666667%;
+      margin-left: 0;
+    }
+    .col-lg-offset-10 {
+      margin-right: 83.33333333%;
+      margin-left: 0;
+    }
+    .col-lg-offset-9 {
+      margin-right: 75%;
+      margin-left: 0;
+    }
+    .col-lg-offset-8 {
+      margin-right: 66.66666667%;
+      margin-left: 0;
+    }
+    .col-lg-offset-7 {
+      margin-right: 58.33333333%;
+      margin-left: 0;
+    }
+    .col-lg-offset-6 {
+      margin-right: 50%;
+      margin-left: 0;
+    }
+    .col-lg-offset-5 {
+      margin-right: 41.66666667%;
+      margin-left: 0;
+    }
+    .col-lg-offset-4 {
+      margin-right: 33.33333333%;
+      margin-left: 0;
+    }
+    .col-lg-offset-3 {
+      margin-right: 25%;
+      margin-left: 0;
+    }
+    .col-lg-offset-2 {
+      margin-right: 16.66666667%;
+      margin-left: 0;
+    }
+    .col-lg-offset-1 {
+      margin-right: 8.33333333%;
+      margin-left: 0;
+    }
+    .col-lg-offset-0 {
+      margin-right: 0%;
+      margin-left: 0;
+    }
+  }
+
+  caption {
+    text-align: right;
+  }
+
+  th {
+    text-align: right;
+  }
+
+  @media screen and (max-width: 767px) {
+    .table-responsive > .table-bordered {
+      border: 0;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:first-child,
+    .table-responsive > .table-bordered > tbody > tr > th:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+    .table-responsive > .table-bordered > thead > tr > td:first-child,
+    .table-responsive > .table-bordered > tbody > tr > td:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+      border-right: 0;
+      border-left: initial;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:last-child,
+    .table-responsive > .table-bordered > tbody > tr > th:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+    .table-responsive > .table-bordered > thead > tr > td:last-child,
+    .table-responsive > .table-bordered > tbody > tr > td:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+      border-left: 0;
+      border-right: initial;
+    }
+  }
+
+  .radio label,
+  .checkbox label {
+    padding-right: 20px;
+    padding-left: initial;
+  }
+
+  .radio input[type="radio"],
+  .radio-inline input[type="radio"],
+  .checkbox input[type="checkbox"],
+  .checkbox-inline input[type="checkbox"] {
+    margin-right: -20px;
+    margin-left: auto;
+  }
+
+  .radio-inline,
+  .checkbox-inline {
+    padding-right: 20px;
+    padding-left: 0;
+  }
+
+  .radio-inline + .radio-inline,
+  .checkbox-inline + .checkbox-inline {
+    margin-right: 10px;
+    margin-left: 0;
+  }
+
+  .has-feedback .form-control {
+    padding-left: 42.5px;
+    padding-right: 12px;
+  }
+
+  .form-control-feedback {
+    left: 0;
+    right: auto;
+  }
+
+  @media (min-width: 768px) {
+    .form-inline label {
+      padding-right: 0;
+      padding-left: initial;
+    }
+    .form-inline .radio input[type="radio"],
+    .form-inline .checkbox input[type="checkbox"] {
+      margin-right: 0;
+      margin-left: auto;
+    }
+  }
+  @media (min-width: 768px) {
+    .form-horizontal .control-label {
+      text-align: left;
+    }
+  }
+
+  .form-horizontal .has-feedback .form-control-feedback {
+    left: 15px;
+    right: auto;
+  }
+
+  .caret {
+    margin-right: 2px;
+    margin-left: 0;
+  }
+
+  .dropdown-menu {
+    right: 0;
+    left: auto;
+    float: left;
+    text-align: right;
+  }
+
+  .dropdown-menu.pull-right {
+    left: 0;
+    right: auto;
+    float: right;
+  }
+
+  .dropdown-menu-right {
+    left: auto;
+    right: 0;
+  }
+
+  .dropdown-menu-left {
+    left: 0;
+    right: auto;
+  }
+
+  @media (min-width: 768px) {
+    .navbar-right .dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+    .navbar-right .dropdown-menu-left {
+      left: 0;
+      right: auto;
+    }
+  }
+
+  .btn-group > .btn,
+  .btn-group-vertical > .btn {
+    float: right;
+  }
+
+  .btn-group .btn + .btn,
+  .btn-group .btn + .btn-group,
+  .btn-group .btn-group + .btn,
+  .btn-group .btn-group + .btn-group {
+    margin-right: -1px;
+    margin-left: 0px;
+  }
+
+  .btn-toolbar {
+    margin-right: -5px;
+    margin-left: 0px;
+  }
+
+  .btn-toolbar .btn-group,
+  .btn-toolbar .input-group {
+    float: right;
+  }
+
+  .btn-toolbar > .btn,
+  .btn-toolbar > .btn-group,
+  .btn-toolbar > .input-group {
+    margin-right: 5px;
+    margin-left: 0px;
+  }
+
+  .btn-group > .btn:first-child {
+    margin-right: 0;
+  }
+
+  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .btn-group > .btn:last-child:not(:first-child),
+  .btn-group > .dropdown-toggle:not(:first-child) {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .btn-group > .btn-group {
+    float: right;
+  }
+
+  .btn-group.btn-group-justified > .btn,
+  .btn-group.btn-group-justified > .btn-group {
+    float: none;
+  }
+
+  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+    border-radius: 0;
+  }
+
+  .btn-group > .btn-group:first-child > .btn:last-child,
+  .btn-group > .btn-group:first-child > .dropdown-toggle {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .btn-group > .btn-group:last-child > .btn:first-child {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .btn .caret {
+    margin-right: 0;
+  }
+
+  .btn-group-vertical > .btn + .btn,
+  .btn-group-vertical > .btn + .btn-group,
+  .btn-group-vertical > .btn-group + .btn,
+  .btn-group-vertical > .btn-group + .btn-group {
+    margin-top: -1px;
+    margin-right: 0;
+  }
+
+  .input-group .form-control {
+    float: right;
+  }
+
+  .input-group .form-control:first-child,
+  .input-group-addon:first-child,
+  .input-group-btn:first-child > .btn,
+  .input-group-btn:first-child > .btn-group > .btn,
+  .input-group-btn:first-child > .dropdown-toggle,
+  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .input-group-addon:first-child {
+    border-left: 0px;
+    border-right: 1px solid;
+  }
+
+  .input-group .form-control:last-child,
+  .input-group-addon:last-child,
+  .input-group-btn:last-child > .btn,
+  .input-group-btn:last-child > .btn-group > .btn,
+  .input-group-btn:last-child > .dropdown-toggle,
+  .input-group-btn:first-child > .btn:not(:first-child),
+  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+    border-bottom-left-radius: 4px;
+    border-top-left-radius: 4px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .input-group-addon:last-child {
+    border-left-width: 1px;
+    border-left-style: solid;
+    border-right: 0px;
+  }
+
+  .input-group-btn > .btn + .btn {
+    margin-right: -1px;
+    margin-left: auto;
+  }
+
+  .input-group-btn:first-child > .btn,
+  .input-group-btn:first-child > .btn-group {
+    margin-left: -1px;
+    margin-right: auto;
+  }
+
+  .input-group-btn:last-child > .btn,
+  .input-group-btn:last-child > .btn-group {
+    margin-right: -1px;
+    margin-left: auto;
+  }
+
+  .nav {
+    padding-right: 0;
+    padding-left: initial;
+  }
+
+  .nav-tabs > li {
+    float: right;
+  }
+
+  .nav-tabs > li > a {
+    margin-left: auto;
+    margin-right: -2px;
+    border-radius: 4px 4px 0 0;
+  }
+
+  .nav-pills > li {
+    float: right;
+  }
+
+  .nav-pills > li > a {
+    border-radius: 4px;
+  }
+
+  .nav-pills > li + li {
+    margin-right: 2px;
+    margin-left: auto;
+  }
+
+  .nav-stacked > li {
+    float: none;
+  }
+
+  .nav-stacked > li + li {
+    margin-right: 0;
+    margin-left: auto;
+  }
+
+  .nav-justified > .dropdown .dropdown-menu {
+    right: auto;
+  }
+
+  .nav-tabs-justified > li > a {
+    margin-left: 0;
+    margin-right: auto;
+  }
+
+  @media (min-width: 768px) {
+    .nav-tabs-justified > li > a {
+      border-radius: 4px 4px 0 0;
+    }
+  }
+  @media (min-width: 768px) {
+    .navbar-header {
+      float: right;
+    }
+  }
+
+  .navbar-collapse {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+
+  .navbar-brand {
+    float: right;
+  }
+
+  @media (min-width: 768px) {
+    .navbar > .container .navbar-brand,
+    .navbar > .container-fluid .navbar-brand {
+      margin-right: -15px;
+      margin-left: auto;
+    }
+  }
+
+  .navbar-toggle {
+    float: left;
+    margin-left: 15px;
+    margin-right: auto;
+  }
+
+  @media (max-width: 767px) {
+    .navbar-nav .open .dropdown-menu > li > a,
+    .navbar-nav .open .dropdown-menu .dropdown-header {
+      padding: 5px 25px 5px 15px;
+    }
+  }
+  @media (min-width: 768px) {
+    .navbar-nav {
+      float: right;
+    }
+    .navbar-nav > li {
+      float: right;
+    }
+  }
+  @media (min-width: 768px) {
+    .navbar-left.flip {
+      float: right !important;
+    }
+    .navbar-right:last-child {
+      margin-left: -15px;
+      margin-right: auto;
+    }
+    .navbar-right.flip {
+      float: left !important;
+      margin-left: -15px;
+      margin-right: auto;
+    }
+    .navbar-right .dropdown-menu {
+      left: 0;
+      right: auto;
+    }
+  }
+  @media (min-width: 768px) {
+    .navbar-text {
+      float: right;
+    }
+    .navbar-text.navbar-right:last-child {
+      margin-left: 0;
+      margin-right: auto;
+    }
+  }
+
+  .pagination {
+    padding-right: 0;
+  }
+
+  .pagination > li > a,
+  .pagination > li > span {
+    float: right;
+    margin-right: -1px;
+    margin-left: 0px;
+  }
+
+  .pagination > li:first-child > a,
+  .pagination > li:first-child > span {
+    margin-left: 0;
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .pagination > li:last-child > a,
+  .pagination > li:last-child > span {
+    margin-right: -1px;
+    border-bottom-left-radius: 4px;
+    border-top-left-radius: 4px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .pager {
+    padding-right: 0;
+    padding-left: initial;
+  }
+
+  .pager .next > a,
+  .pager .next > span {
+    float: left;
+  }
+
+  .pager .previous > a,
+  .pager .previous > span {
+    float: right;
+  }
+
+  .nav-pills > li > a > .badge {
+    margin-left: 0px;
+    margin-right: 3px;
+  }
+
+  .list-group-item > .badge {
+    float: left;
+  }
+
+  .list-group-item > .badge + .badge {
+    margin-left: 5px;
+    margin-right: auto;
+  }
+
+  .alert-dismissable,
+  .alert-dismissible {
+    padding-left: 35px;
+    padding-right: 15px;
+  }
+
+  .alert-dismissable .close,
+  .alert-dismissible .close {
+    right: auto;
+    left: -21px;
+  }
+
+  .progress-bar {
+    float: right;
+  }
+
+  .media > .pull-left {
+    margin-right: 10px;
+  }
+
+  .media > .pull-left.flip {
+    margin-right: 0;
+    margin-left: 10px;
+  }
+
+  .media > .pull-right {
+    margin-left: 10px;
+  }
+
+  .media > .pull-right.flip {
+    margin-left: 0;
+    margin-right: 10px;
+  }
+
+  .media-right,
+  .media > .pull-right {
+    padding-right: 10px;
+    padding-left: initial;
+  }
+
+  .media-left,
+  .media > .pull-left {
+    padding-left: 10px;
+    padding-right: initial;
+  }
+
+  .media-list {
+    padding-right: 0;
+    padding-left: initial;
+    list-style: none;
+  }
+
+  .list-group {
+    padding-right: 0;
+    padding-left: initial;
+  }
+
+  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+    border-top-right-radius: 3px;
+    border-top-left-radius: 0;
+  }
+
+  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 0;
+  }
+
+  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+    border-bottom-left-radius: 3px;
+    border-top-right-radius: 0;
+  }
+
+  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+    border-bottom-right-radius: 3px;
+    border-top-left-radius: 0;
+  }
+
+  .panel > .table-bordered > thead > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .panel > .table-bordered > tbody > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .panel > .table-bordered > tfoot > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .panel > .table-bordered > thead > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .panel > .table-bordered > tbody > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .panel > .table-bordered > tfoot > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-right: 0;
+    border-left: none;
+  }
+
+  .panel > .table-bordered > thead > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .panel > .table-bordered > tbody > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .panel > .table-bordered > tfoot > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .panel > .table-bordered > thead > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .panel > .table-bordered > tbody > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .panel > .table-bordered > tfoot > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: none;
+    border-left: 0;
+  }
+
+  .embed-responsive .embed-responsive-item,
+  .embed-responsive iframe,
+  .embed-responsive embed,
+  .embed-responsive object {
+    right: 0;
+    left: auto;
+  }
+
+  .close {
+    float: left;
+  }
+
+  .modal-footer {
+    text-align: left;
+  }
+
+  .modal-footer.flip {
+    text-align: right;
+  }
+
+  .modal-footer .btn + .btn {
+    margin-left: auto;
+    margin-right: 5px;
+  }
+
+  .modal-footer .btn-group .btn + .btn {
+    margin-right: -1px;
+    margin-left: auto;
+  }
+
+  .modal-footer .btn-block + .btn-block {
+    margin-right: 0;
+    margin-left: auto;
+  }
+
+  .popover {
+    left: auto;
+    text-align: right;
+  }
+
+  .popover.top > .arrow {
+    right: 50%;
+    left: auto;
+    margin-right: -11px;
+    margin-left: auto;
+  }
+
+  .popover.top > .arrow:after {
+    margin-right: -10px;
+    margin-left: auto;
+  }
+
+  .popover.bottom > .arrow {
+    right: 50%;
+    left: auto;
+    margin-right: -11px;
+    margin-left: auto;
+  }
+
+  .popover.bottom > .arrow:after {
+    margin-right: -10px;
+    margin-left: auto;
+  }
+
+  .carousel-control {
+    right: 0;
+    bottom: 0;
+  }
+
+  .carousel-control.left {
+    right: auto;
+    left: 0;
+    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
+    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+  }
+
+  .carousel-control.right {
+    left: auto;
+    right: 0;
+    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
+    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+  }
+
+  .carousel-control .icon-prev,
+  .carousel-control .glyphicon-chevron-left {
+    left: 50%;
+    right: auto;
+    margin-right: -10px;
+  }
+
+  .carousel-control .icon-next,
+  .carousel-control .glyphicon-chevron-right {
+    right: 50%;
+    left: auto;
+    margin-left: -10px;
+  }
+
+  .carousel-indicators {
+    right: 50%;
+    left: 0;
+    margin-right: -30%;
+    margin-left: 0;
+    padding-left: 0;
+  }
+
+  @media screen and (min-width: 768px) {
+    .carousel-control .glyphicon-chevron-left,
+    .carousel-control .icon-prev {
+      margin-left: 0;
+      margin-right: -15px;
+    }
+    .carousel-control .glyphicon-chevron-right,
+    .carousel-control .icon-next {
+      margin-left: 0;
+      margin-right: -15px;
+    }
+    .carousel-caption {
+      left: 20%;
+      right: 20%;
+      padding-bottom: 30px;
+    }
+  }
+
+  .pull-right.flip {
+    float: left !important;
+  }
+
+  .pull-left.flip {
+    float: right !important;
+  }
+}
diff --git a/src/pretix/static/pretixbase/scss/_rtl.scss b/src/pretix/static/pretixbase/scss/_rtl.scss
new file mode 100644
index 0000000000..c0f4a5cd16
--- /dev/null
+++ b/src/pretix/static/pretixbase/scss/_rtl.scss
@@ -0,0 +1,37 @@
+html.rtl {
+  #loadingmodal .modal-card .modal-card-icon, #ajaxerr .modal-card .modal-card-icon {
+    float: right;
+  }
+  #loadingmodal .modal-card .modal-card-content, #ajaxerr .modal-card .modal-card-content {
+    margin-right: 160px;
+    margin-left: 0;
+    text-align: right;
+  }
+  .alert-success, .alert-danger, .alert-info, .alert-warning, .alert-legal {
+    padding-right: 65px;
+    padding-left: 15px;
+  }
+  .alert {
+    text-align: right;
+  }
+  .alert-success::before, .alert-danger::before, .alert-info::before, .alert-warning::before, .alert-legal::before {
+    left: inherit;
+    right: 0;
+  }
+}
+
+@media(min-width: $screen-sm-min) {
+  html.rtl .nameparts-form-group {
+    input, select {
+      border-radius: $border-radius-base;
+    }
+    input:not(:first-child), select:not(:first-child) {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+    input:not(:last-child), select:not(:last-child)  {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+}
diff --git a/src/pretix/static/pretixcontrol/scss/_rtl.scss b/src/pretix/static/pretixcontrol/scss/_rtl.scss
new file mode 100644
index 0000000000..e254c19d6e
--- /dev/null
+++ b/src/pretix/static/pretixcontrol/scss/_rtl.scss
@@ -0,0 +1,115 @@
+html.rtl {
+  .timeline .col-date {
+    float: right;
+    text-align: left;
+  }
+
+  .timeline .col-event {
+    margin-right: 120px;
+    margin-left: 0;
+  }
+
+
+  .navbar-top-links li:last-child {
+    margin-left: 15px;
+    margin-right: 0;
+  }
+
+  .sidebar .context-selector a span.caret {
+    right: inherit;
+    left: 15px;
+  }
+
+  .sidebar .context-selector a {
+    padding: 10px 7px 9px 20px;
+  }
+
+  .sidebar ul li a.arrow {
+    right: inherit;
+    left: 0;
+  }
+
+  .sidebar ul li a.has-children {
+    margin-right: 0;
+    margin-left: 40px;
+  }
+
+  .sidebar .fa.arrow::before {
+    content: "\f105";
+  }
+
+  .sidebar .nav-second-level li a {
+    padding-left: 15px;
+    padding-right: 37px;
+  }
+
+  .splitdatetimepart.datepickerfield {
+    border-bottom-right-radius: $border-radius-base;
+    border-top-right-radius: $border-radius-base;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .splitdatetimepart.timepickerfield {
+    border-bottom-left-radius: $border-radius-base;
+    border-top-left-radius: $border-radius-base;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+    border-right: 0;
+    border-left: 1px solid $input-group-addon-border-color;
+  }
+
+  .submit-group {
+    text-align: left;
+
+    .pull-left {
+      float: right !important;
+    }
+    .btn-cancel {
+      float: right !important;
+    }
+  }
+
+  .checkbox .label {
+    display: inline-block;
+  }
+  .scrolling-multiple-choice {
+    padding-right: 15px;
+    padding-left: 0;
+  }
+  .tab-content {
+    border-radius: $border-radius-large 0 $border-radius-large $border-radius-large;
+  }
+  .nav-tabs > li > a {
+    margin-right: 0;
+  }
+  .table-product-overview td:not(:first-child), .table-product-overview th:not(:first-child):not(.text-center) {
+    text-align: left;
+  }
+  .product-row dl {
+    padding-left: 0;
+    padding-right: 20px;
+  }
+}
+@media (min-width: $screen-sm-min) {
+  html.rtl #page-wrapper {
+    margin: 0 250px 0 0;
+  }
+}
+@media(max-width: $screen-sm-max) {
+  html.rtl .timeline {
+    .col-date {
+      width: 100%;
+      float: none;
+      text-align: right;
+      padding-right: 15px;
+    }
+
+    .col-event {
+      margin-left: 0;
+      margin-right: 0;
+      padding-left: 15px;
+    }
+  }
+}
+
diff --git a/src/pretix/static/pretixcontrol/scss/auth.scss b/src/pretix/static/pretixcontrol/scss/auth.scss
index 30ac0eeb1a..811f7c88bc 100644
--- a/src/pretix/static/pretixcontrol/scss/auth.scss
+++ b/src/pretix/static/pretixcontrol/scss/auth.scss
@@ -55,3 +55,6 @@ footer {
     margin: auto;
     margin-bottom: 20px;
 }
+
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";
diff --git a/src/pretix/static/pretixcontrol/scss/main.scss b/src/pretix/static/pretixcontrol/scss/main.scss
index 5a37d9384e..e7488f19e3 100644
--- a/src/pretix/static/pretixcontrol/scss/main.scss
+++ b/src/pretix/static/pretixcontrol/scss/main.scss
@@ -665,3 +665,7 @@ h1 .label {
         }
     }
 }
+
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";
+@import "_rtl.scss";
diff --git a/src/pretix/static/pretixpresale/scss/_rtl.scss b/src/pretix/static/pretixpresale/scss/_rtl.scss
new file mode 100644
index 0000000000..e69747081d
--- /dev/null
+++ b/src/pretix/static/pretixpresale/scss/_rtl.scss
@@ -0,0 +1,57 @@
+html.rtl {
+  .info-row {
+    & > .fa {
+      float: right;
+    }
+    p {
+      margin-right: 40px;
+      margin-left: 0;
+    }
+  }
+  .cart-row > div {
+    float: right;
+  }
+  .checkout-flow .checkout-step:last-child .checkout-step-bar-right, .checkout-flow .checkout-step:first-child .checkout-step-bar-left {
+    background: $gray-lighter;
+  }
+  .checkout-flow .checkout-step.step-current .checkout-step-bar-left {
+    background: $gray-lighter;
+  }
+  .checkout-flow .checkout-step.step-current .checkout-step-bar-right,
+  .checkout-flow .checkout-step.step-done .checkout-step-bar-right, .checkout-flow .checkout-step.step-done .checkout-step-bar-left {
+    background: $brand-primary;
+  }
+  .checkout-flow .checkout-step:last-child .checkout-step-bar-left, .checkout-flow .checkout-step:first-child .checkout-step-bar-right {
+    background: transparent;
+  }
+  .cart-modify {
+    margin-left: 0;
+    margin-right: 10px;
+  }
+  .cart-row dl dd {
+    padding-right: 20px;
+    padding-left: 0;
+  }
+  .thank-you .fa {
+    float: right;
+    margin-left: 30px;
+    margin-right: 0;
+  }
+  .thank-you p {
+    margin-right: 158px;
+    margin-left: 0;
+  }
+  .fa-arrow-right::before {
+    content: $fa-var-arrow-left;
+  }
+  .fa-arrow-left::before {
+    content: $fa-var-arrow-right;
+  }
+  .page-header h1 {
+    direction: rtl;
+    * {
+      display: inline-block;
+    }
+  }
+}
+
diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss
index b0f6edd43a..8222bcbe2b 100644
--- a/src/pretix/static/pretixpresale/scss/main.scss
+++ b/src/pretix/static/pretixpresale/scss/main.scss
@@ -291,3 +291,6 @@ h2 .label {
 @import "_iframe.scss";
 @import "_a11y.scss";
 @import "_print.scss";
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";
+@import "_rtl.scss";