1
2.mblHeading .mblToolBarButtonRtl {
3  float: right;
4}
5.mblToolBarButtonTextRtl .mblToolBarButtonIcon {
6  padding-right: 10px;
7  padding-left: 0px;
8}
9.mblToolBarButtonTextRtl .mblToolBarButtonLabel {
10  padding-left: 10px;
11  padding-right: 0px;
12}
13.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow {
14  right: 1px;
15}
16.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow {
17  left: 0px;
18}
19.mblRoundRectCategoryRtl {
20  margin: 18px 20px 0px 0px;
21}
22.mblListItemRtl .mblDomButtonGrayArrow > div,
23.mblListItemRtl .mblDomButtonArrow > div {
24  right: 6px;
25  -webkit-transform: rotate(-45deg);
26  transform: rotate(-45deg);
27  border-width: 3px 0px 0px 3px;
28}
29.mblListItemRtl .mblDomButtonDarkBlueCheck > div,
30.mblListItemRtl .mblDomButtonCheck > div {
31  right: 0px;
32  -webkit-transform: scaleX(-0.7) rotate(-135deg);
33  transform: scaleX(-0.7) rotate(-135deg);
34  border-width: 3px 0px 0px 4px;
35}
36.mblListItemRtl .mblListItemDeleteIcon {
37  float: right;
38  margin-left: 11px;
39}
40.mblListItemRtl .mblListItemIcon {
41  float: right;
42  margin-left: 11px;
43  margin-right: 0px;
44}
45.mblListItemRtl .mblListItemRightIcon,
46.mblListItemRtl .mblListItemRightIcon2,
47.mblListItemRtl .mblListItemUncheckIcon {
48  float: left;
49}
50.mblListItemRtl .mblListItemRightText {
51  float: left;
52  margin-left: 4px;
53}
54.mblListItemRtl .mblListItemLayoutLeft {
55  float: right;
56  margin-left: 11px;
57}
58.mblListItemRtl .mblListItemLayoutRight {
59  float: left;
60}
61.mblSwitchRtl {
62  text-align: right;
63}
64.mblListItemRtl .mblSwitch {
65  left: 12px;
66  right: auto;
67}
68.mblSwitchRtl.mblSwitchOn .mblSwitchInner {
69  left: -50px;
70}
71.mblSwitchBgLeftRtl {
72  left: 51px;
73}
74.mblSwitchTextLeftRtl {
75  left: 0px;
76}
77.mblSwitchTextRightRtl {
78  left: -40px;
79}
80.mblSwitchRtl.mblSwSquareShape.mblSwitchOff .mblSwitchInner {
81  left: 0px;
82}
83.mblSwitchRtl.mblSwSquareShape.mblSwitchOn .mblSwitchInner {
84  left: -53px;
85}
86.mblSwSquareShape .mblSwitchBgRightRtl {
87  left: 0px;
88}
89.mblSwSquareShape .mblSwitchBgLeftRtl {
90  left: 53px;
91}
92.mblSwitchRtl.mblSwSquareShape .mblSwitchKnob {
93  left: 53px;
94}
95.mblSwSquareShape .mblSwitchTextRightRtl {
96  left: -40px;
97}
98.mblSwitchRtl.mblSwRoundShape1.mblSwitchOff .mblSwitchInner {
99  left: 0px;
100}
101.mblSwRoundShape1 .mblSwitchBgRightRtl {
102  left: 0px;
103}
104.mblSwitchRtl.mblSwRoundShape1 .mblSwitchKnob {
105  left: 50px;
106}
107.mblSwRoundShape1 .mblSwitchTextRightRtl {
108  left: -26px;
109}
110.mblSwitchRtl.mblSwRoundShape2.mblSwitchOff .mblSwitchInner {
111  left: 0px;
112}
113.mblSwitchRtl.mblSwRoundShape2.mblSwitchOn .mblSwitchInner {
114  left: -51px;
115}
116.mblSwRoundShape2 .mblSwitchBgRightRtl {
117  left: 0px;
118}
119.mblSwitchRtl.mblSwRoundShape2 .mblSwitchKnob {
120  left: 51px;
121}
122.mblSwRoundShape2 .mblSwitchTextRightRtl {
123  left: -42px;
124}
125.mblSwitchRtl.mblSwArcShape1.mblSwitchOff .mblSwitchInner {
126  left: 0px;
127}
128.mblSwArcShape1 .mblSwitchBgRightRtl {
129  left: 0px;
130}
131.mblSwitchRtl.mblSwArcShape1 .mblSwitchKnob {
132  left: 50px;
133}
134.mblSwArcShape1 .mblSwitchTextRightRtl {
135  left: -26px;
136}
137.mblSwitchRtl.mblSwArcShape2.mblSwitchOff .mblSwitchInner {
138  left: 0px;
139}
140.mblSwArcShape2.mblSwitchOn .mblSwitchInner {
141  left: -51px;
142}
143.mblSwArcShape2 .mblSwitchBgRightRtl {
144  left: 0px;
145}
146.mblSwitchRtl.mblSwArcShape2 .mblSwitchKnob {
147  left: 51px;
148}
149.mblSwArcShape2 .mblSwitchTextRightRtl {
150  left: -42px;
151}
152.mblSwitchRtl.mblSwDefaultShape.mblSwitchOff .mblSwitchInner {
153  left: 0px;
154}
155.mblSwitchRtl.mblSwDefaultShape.mblSwitchOn .mblSwitchInner {
156  left: -53px;
157}
158.mblSwDefaultShape .mblSwitchBgRightRtl {
159  left: 0px;
160}
161.mblSwDefaultShape .mblSwitchBgLeftRtl {
162  left: 53px;
163}
164.mblSwitchRtl.mblSwDefaultShape .mblSwitchKnob {
165  left: 53px;
166}
167.mblSwDefaultShape .mblSwitchTextRightRtl {
168  left: -40px;
169}
170.mblHeading .mblProgressIndicatorRtl {
171  float: right;
172}
173.mblProgContainerRtl {
174  left: 0;
175}
176.mblProgressIndicatorCenterRtl {
177  left: 0px;
178  display: inline-block;
179}
180.mblProgressIndicatorCenterRtl .mblProgContainerRtl {
181  left: 0px;
182}
183.mblCarouselItemRtl.mblCarouselSlot {
184  float: right;
185}
186.mblCarouselRtl .mblCarouselBtnContainer {
187  float: left;
188}
189.mblCarouselRtl .mblCarouselTitle {
190  margin: 2px 0px 2px 4px;
191}
192.mblCarouselRtl .mblCarouselHeaderBar .mblPageIndicator {
193  float: left;
194}
195.mblComboBoxMenuItemRtl {
196  text-align: right;
197}
198.mblIconItemRtl {
199  float: right;
200}
201.mblIconItemRtl .mblIconItemDeleteIcon {
202  right: 2px;
203}
204.mblIconItemPaneRtl .mblIconItemPaneHeading {
205  padding-right: 40px;
206}
207.mblIconItemPaneRtl .mblIconItemPaneIcon {
208  right: 1px;
209}
210.mblIconMenuItemRtl {
211  float: right;
212}
213.mblIconMenuItemFirstColumn {
214  border-right: none;
215  border-left: 1px solid #000000;
216}
217.mblSpinWheelSlotRtl,
218.mblSpinWheelRtl .mblSpinWheelSlot {
219  float: right;
220}
221.mblTabBarButtonRtl {
222  float: right;
223}
224.mblTabBarButtonIconAreaRtl {
225  margin: 0 auto;
226  width: 29px;
227}
228.mblTabBarTabBar .mblTabBarButtonIconAreaRtl {
229  padding-top: 4px;
230}
231.mblTabBarSegmentedControl.mblTabBarNoText .mblTabBarButtonIconAreaRtl {
232  position: relative;
233}
234.mblTabBarSegmentedControl .mblTabBarButtonRtl {
235  border-width: 1px 0px 1px 1px !important;
236}
237.mblTabBarSegmentedControl .mblTabBarButtonRtl:first-child {
238  border-right-width: 1px !important;
239  border-left-width: 0px;
240  border-top-right-radius: 6px;
241  border-top-left-radius: 0px;
242  border-bottom-right-radius: 6px;
243  border-bottom-left-radius: 0px;
244}
245.mblTabBarSegmentedControl .mblTabBarButtonRtl:last-child {
246  border-top-left-radius: 6px;
247  border-top-right-radius: 0px;
248  border-bottom-left-radius: 6px;
249  border-bottom-right-radius: 0px;
250  border-left-width: 1px !important;
251}
252.mblTabBarSegmentedControl .mblTabBarButtonIconAreaRtl {
253  position: absolute;
254  top: 0px;
255  right: 0px;
256  left: auto;
257}
258.mblHeading .mblTabBarSegmentedControl.mblTabBarRtl {
259  float: right;
260}
261.mblTabBarStandardTab .mblTabBarButtonIconAreaRtl {
262  position: absolute;
263  top: 3px;
264  right: 0px;
265  left: auto;
266}
267.mblTabBarStandardTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel {
268  margin-right: 20px;
269  margin-left: 0px;
270}
271.mblTabBarSlimTab .mblTabBarButtonRtl {
272  border-left: 1px solid #4e4e4e;
273}
274.mblTabBarSlimTab .mblTabBarButtonRtl:first-child {
275  border-right: 1px solid #4e4e4e;
276}
277.mblTabBarSlimTab .mblTabBarButtonIconAreaRtl {
278  position: absolute;
279  top: 0px;
280  right: 0px;
281  left: auto;
282}
283.mblTabBarSlimTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel {
284  margin-right: 20px;
285  margin-left: 0px;
286}
287.mblTabBarFlatTab .mblTabBarButtonIconAreaRtl {
288  position: absolute;
289  top: 0px;
290  right: 0px;
291  left: auto;
292}
293.mblTabBarFlatTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel {
294  margin-right: 20px;
295  margin-left: 0px;
296}
297.mblTabBarTallTab .mblTabBarButtonRtl {
298  margin-left: 2px;
299}
300.mblTabBarTallTab .mblTabBarButtonIconAreaRtl {
301  margin-top: 8px;
302}
303.mblToggleButtonRtl {
304  padding: 0 25px 0 10px!important;
305}
306.mblToggleButtonRtl.mblToggleButtonChecked:after {
307  right: 7px;
308}
309.mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlignRtl > * > *:last-child {
310  text-align: left;
311}
312