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