source: pro-violet-viettel/sourcecode/assets/css/uncompressed/ace-rtl.css @ 689

Last change on this file since 689 was 313, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 44.0 KB
Line 
1.rtl [class*="col-xs-"] {
2  float: right;
3}
4@media (min-width: 768px) {
5  .rtl [class*="col-sm-"] {
6    float: right;
7  }
8}
9@media (min-width: 992px) {
10  .rtl [class*="col-md-"] {
11    float: right;
12  }
13}
14@media (min-width: 1200px) {
15  .rtl [class*="col-lg-"] {
16    float: right;
17  }
18}
19@media (min-width: 768px) {
20  .rtl [class*="col-sm-push-"] {
21    left: auto;
22  }
23  .rtl [class*="col-sm-pull-"] {
24    right: auto;
25  }
26  .rtl [class*="col-sm-offset-"] {
27    margin-left: auto;
28  }
29  .rtl .col-sm-push-1 {
30    right: 8.33333%;
31  }
32  .rtl .col-sm-push-2 {
33    right: 16.6666%;
34  }
35  .rtl .col-sm-push-3 {
36    right: 25%;
37  }
38  .rtl .col-sm-push-4 {
39    right: 33.3333%;
40  }
41  .rtl .col-sm-push-5 {
42    right: 41.6666%;
43  }
44  .rtl .col-sm-push-6 {
45    right: 50%;
46  }
47  .rtl .col-sm-push-7 {
48    right: 58.3333%;
49  }
50  .rtl .col-sm-push-8 {
51    right: 66.6666%;
52  }
53  .rtl .col-sm-push-9 {
54    right: 75%;
55  }
56  .rtl .col-sm-push-10 {
57    right: 83.3333%;
58  }
59  .rtl .col-sm-push-11 {
60    right: 91.6666%;
61  }
62  .rtl .col-sm-pull-1 {
63    left: 8.33333%;
64  }
65  .rtl .col-sm-pull-2 {
66    left: 16.6666%;
67  }
68  .rtl .col-sm-pull-3 {
69    left: 25%;
70  }
71  .rtl .col-sm-pull-4 {
72    left: 33.3333%;
73  }
74  .rtl .col-sm-pull-5 {
75    left: 41.6666%;
76  }
77  .rtl .col-sm-pull-6 {
78    left: 50%;
79  }
80  .rtl .col-sm-pull-7 {
81    left: 58.3333%;
82  }
83  .rtl .col-sm-pull-8 {
84    left: 66.6666%;
85  }
86  .rtl .col-sm-pull-9 {
87    left: 75%;
88  }
89  .rtl .col-sm-pull-10 {
90    left: 83.3333%;
91  }
92  .rtl .col-sm-pull-11 {
93    left: 91.6666%;
94  }
95  .rtl .col-sm-offset-1 {
96    margin-right: 8.33333%;
97  }
98  .rtl .col-sm-offset-2 {
99    margin-right: 16.6666%;
100  }
101  .rtl .col-sm-offset-3 {
102    margin-right: 25%;
103  }
104  .rtl .col-sm-offset-4 {
105    margin-right: 33.3333%;
106  }
107  .rtl .col-sm-offset-5 {
108    margin-right: 41.6666%;
109  }
110  .rtl .col-sm-offset-6 {
111    margin-right: 50%;
112  }
113  .rtl .col-sm-offset-7 {
114    margin-right: 58.3333%;
115  }
116  .rtl .col-sm-offset-8 {
117    margin-right: 66.6666%;
118  }
119  .rtl .col-sm-offset-9 {
120    margin-right: 75%;
121  }
122  .rtl .col-sm-offset-10 {
123    margin-right: 83.3333%;
124  }
125  .rtl .col-sm-offset-11 {
126    margin-right: 91.6666%;
127  }
128}
129@media (min-width: 992px) {
130  .rtl [class*="col-md-push-"] {
131    left: auto;
132  }
133  .rtl [class*="col-md-pull-"] {
134    right: auto;
135  }
136  .rtl [class*="col-md-offset-"] {
137    margin-left: auto;
138  }
139  .rtl .col-md-push-1 {
140    right: 8.33333%;
141  }
142  .rtl .col-md-push-2 {
143    right: 16.6666%;
144  }
145  .rtl .col-md-push-3 {
146    right: 25%;
147  }
148  .rtl .col-md-push-4 {
149    right: 33.3333%;
150  }
151  .rtl .col-md-push-5 {
152    right: 41.6666%;
153  }
154  .rtl .col-md-push-6 {
155    right: 50%;
156  }
157  .rtl .col-md-push-7 {
158    right: 58.3333%;
159  }
160  .rtl .col-md-push-8 {
161    right: 66.6666%;
162  }
163  .rtl .col-md-push-9 {
164    right: 75%;
165  }
166  .rtl .col-md-push-10 {
167    right: 83.3333%;
168  }
169  .rtl .col-md-push-11 {
170    right: 91.6666%;
171  }
172  .rtl .col-md-pull-1 {
173    left: 8.33333%;
174  }
175  .rtl .col-md-pull-2 {
176    left: 16.6666%;
177  }
178  .rtl .col-md-pull-3 {
179    left: 25%;
180  }
181  .rtl .col-md-pull-4 {
182    left: 33.3333%;
183  }
184  .rtl .col-md-pull-5 {
185    left: 41.6666%;
186  }
187  .rtl .col-md-pull-6 {
188    left: 50%;
189  }
190  .rtl .col-md-pull-7 {
191    left: 58.3333%;
192  }
193  .rtl .col-md-pull-8 {
194    left: 66.6666%;
195  }
196  .rtl .col-md-pull-9 {
197    left: 75%;
198  }
199  .rtl .col-md-pull-10 {
200    left: 83.3333%;
201  }
202  .rtl .col-md-pull-11 {
203    left: 91.6666%;
204  }
205  .rtl .col-md-offset-1 {
206    margin-right: 8.33333%;
207  }
208  .rtl .col-md-offset-2 {
209    margin-right: 16.6666%;
210  }
211  .rtl .col-md-offset-3 {
212    margin-right: 25%;
213  }
214  .rtl .col-md-offset-4 {
215    margin-right: 33.3333%;
216  }
217  .rtl .col-md-offset-5 {
218    margin-right: 41.6666%;
219  }
220  .rtl .col-md-offset-6 {
221    margin-right: 50%;
222  }
223  .rtl .col-md-offset-7 {
224    margin-right: 58.3333%;
225  }
226  .rtl .col-md-offset-8 {
227    margin-right: 66.6666%;
228  }
229  .rtl .col-md-offset-9 {
230    margin-right: 75%;
231  }
232  .rtl .col-md-offset-10 {
233    margin-right: 83.3333%;
234  }
235  .rtl .col-md-offset-11 {
236    margin-right: 91.6666%;
237  }
238}
239@media (min-width: 1200px) {
240  .rtl [class*="col-lg-push-"] {
241    left: auto;
242  }
243  .rtl [class*="col-lg-pull-"] {
244    right: auto;
245  }
246  .rtl [class*="col-lg-offset-"] {
247    margin-left: auto;
248  }
249  .rtl .col-lg-push-1 {
250    right: 8.33333%;
251  }
252  .rtl .col-lg-push-2 {
253    right: 16.6666%;
254  }
255  .rtl .col-lg-push-3 {
256    right: 25%;
257  }
258  .rtl .col-lg-push-4 {
259    right: 33.3333%;
260  }
261  .rtl .col-lg-push-5 {
262    right: 41.6666%;
263  }
264  .rtl .col-lg-push-6 {
265    right: 50%;
266  }
267  .rtl .col-lg-push-7 {
268    right: 58.3333%;
269  }
270  .rtl .col-lg-push-8 {
271    right: 66.6666%;
272  }
273  .rtl .col-lg-push-9 {
274    right: 75%;
275  }
276  .rtl .col-lg-push-10 {
277    right: 83.3333%;
278  }
279  .rtl .col-lg-push-11 {
280    right: 91.6666%;
281  }
282  .rtl .col-lg-pull-1 {
283    left: 8.33333%;
284  }
285  .rtl .col-lg-pull-2 {
286    left: 16.6666%;
287  }
288  .rtl .col-lg-pull-3 {
289    left: 25%;
290  }
291  .rtl .col-lg-pull-4 {
292    left: 33.3333%;
293  }
294  .rtl .col-lg-pull-5 {
295    left: 41.6666%;
296  }
297  .rtl .col-lg-pull-6 {
298    left: 50%;
299  }
300  .rtl .col-lg-pull-7 {
301    left: 58.3333%;
302  }
303  .rtl .col-lg-pull-8 {
304    left: 66.6666%;
305  }
306  .rtl .col-lg-pull-9 {
307    left: 75%;
308  }
309  .rtl .col-lg-pull-10 {
310    left: 83.3333%;
311  }
312  .rtl .col-lg-pull-11 {
313    left: 91.6666%;
314  }
315  .rtl .col-lg-offset-1 {
316    margin-right: 8.33333%;
317  }
318  .rtl .col-lg-offset-2 {
319    margin-right: 16.6666%;
320  }
321  .rtl .col-lg-offset-3 {
322    margin-right: 25%;
323  }
324  .rtl .col-lg-offset-4 {
325    margin-right: 33.3333%;
326  }
327  .rtl .col-lg-offset-5 {
328    margin-right: 41.6666%;
329  }
330  .rtl .col-lg-offset-6 {
331    margin-right: 50%;
332  }
333  .rtl .col-lg-offset-7 {
334    margin-right: 58.3333%;
335  }
336  .rtl .col-lg-offset-8 {
337    margin-right: 66.6666%;
338  }
339  .rtl .col-lg-offset-9 {
340    margin-right: 75%;
341  }
342  .rtl .col-lg-offset-10 {
343    margin-right: 83.3333%;
344  }
345  .rtl .col-lg-offset-11 {
346    margin-right: 91.6666%;
347  }
348}
349.rtl ul,
350.rtl ol {
351  margin-left: 0;
352  margin-right: 25px;
353}
354.rtl ul.list-unstyled,
355.rtl ol.list-unstyled,
356.rtl ul.list-inline,
357.rtl ol.list-inline {
358  margin-right: 0;
359}
360.rtl li > ul,
361.rtl li > ol {
362  margin-left: 0;
363  margin-right: 18px;
364}
365.rtl dd {
366  margin-left: 0;
367  margin-right: 10px;
368}
369.rtl .dl-horizontal dt {
370  float: right;
371  clear: right;
372  text-align: left;
373}
374.rtl .dl-horizontal dd {
375  margin-left: 0;
376  margin-right: 180px;
377}
378.rtl blockquote p,
379.rtl blockquote small {
380  text-align: left;
381}
382.rtl blockquote small:before {
383  content: "";
384}
385.rtl blockquote small:after {
386  content: "\00A0 \2014";
387}
388.rtl blockquote.pull-right p,
389.rtl blockquote.pull-right small {
390  text-align: right;
391}
392.rtl blockquote.pull-right small:after {
393  content: "";
394}
395.rtl blockquote.pull-right small:before {
396  content: "\2014 \00A0";
397}
398.rtl .radio,
399.rtl .checkbox {
400  padding-left: 0;
401  padding-right: 20px;
402}
403.rtl .radio input[type="radio"],
404.rtl .checkbox input[type="checkbox"] {
405  float: right;
406  margin-left: 0;
407  margin-right: -20px;
408}
409.rtl .radio.inline + .radio.inline,
410.rtl .checkbox.inline + .checkbox.inline {
411  margin-left: 0;
412  margin-right: 10px;
413}
414.rtl .help-inline {
415  padding-left: 0;
416  padding-right: 5px;
417}
418.rtl .input-group .input-group-addon:first-child {
419  border-left-width: 0;
420  border-right: 1px solid #CCCCCC;
421}
422.rtl .input-group .input-group-addon:last-child {
423  border-right-width: 0;
424  border-left: 1px solid #CCCCCC;
425}
426.rtl input.search-query {
427  padding-left: 14px;
428  padding-left: 4px \9;
429  padding-right: 14px;
430  padding-right: 4px \9;
431}
432.rtl .form-search .radio,
433.rtl .form-search .checkbox,
434.rtl .form-inline .radio,
435.rtl .form-inline .checkbox {
436  padding-right: 0;
437}
438.rtl .form-search .radio input[type="radio"],
439.rtl .form-search .checkbox input[type="checkbox"],
440.rtl .form-inline .radio input[type="radio"],
441.rtl .form-inline .checkbox input[type="checkbox"] {
442  float: right;
443  margin-right: 0;
444  margin-left: 3px;
445}
446.rtl .form-horizontal .control-label {
447  text-align: left;
448}
449.rtl .btn-group + .btn-group {
450  margin-left: auto;
451  margin-right: 5px;
452}
453.rtl .btn-group > .btn,
454.rtl .btn-group-vertical > .btn {
455  float: right;
456}
457.rtl .dropdown-menu {
458  margin: 2px 0 0;
459}
460.rtl .dropdown .caret {
461  margin-left: 0;
462  margin-right: 2px;
463}
464.rtl .close {
465  float: left;
466}
467.rtl .table-header .close {
468  margin-right: auto;
469  margin-left: 6px;
470}
471.rtl .alert .close {
472  float: left;
473}
474.rtl .nav {
475  margin-right: 0;
476}
477.rtl .nav-tabs > li,
478.rtl .nav-pills > li {
479  float: right;
480}
481.rtl .nav-pills > li > a {
482  margin-right: 0;
483  margin-left: 2px;
484}
485.rtl .nav-stacked > li {
486  float: none;
487}
488.rtl .nav-tabs > li > a {
489  margin-right: 0;
490  margin-left: -1px;
491}
492.rtl .tabs-left > .nav-tabs > li,
493.rtl .tabs-right > .nav-tabs > li {
494  float: none;
495}
496.rtl .navbar {
497  direction: rtl;
498  text-align: right;
499}
500.rtl .navbar .navbar-brand {
501  float: right;
502}
503.rtl .navbar-search {
504  float: right;
505}
506.rtl .navbar-text {
507  float: right;
508}
509.rtl ul.pagination {
510  margin-right: 0;
511}
512.rtl .pager {
513  margin-right: 0;
514}
515.rtl .pager .next > a,
516.rtl .pager .next > span {
517  float: left;
518}
519.rtl .pager .previous > a,
520.rtl .pager .previous > span {
521  float: right;
522}
523.rtl .modal {
524  direction: rtl;
525  text-align: right;
526}
527.rtl .modal-footer {
528  text-align: left;
529}
530.rtl .modal-footer .btn + .btn {
531  margin-left: 0;
532  margin-right: 5px;
533}
534.rtl .popover.bottom .arrow:after,
535.rtl .popover.top .arrow:after {
536  margin-right: -10px;
537  margin-left: auto;
538}
539.rtl .popover-content,
540.rtl .tooltip-inner {
541  text-align: right;
542  direction: rtl;
543}
544.rtl .thumbnails {
545  margin-left: 0;
546  margin-right: -24px;
547}
548.rtl .row .thumbnails {
549  margin-right: 0;
550}
551.rtl .thumbnails > li {
552  float: right;
553  margin-left: 0;
554  margin-right: 24px;
555}
556.rtl .media-list {
557  margin-right: 0;
558}
559.rtl .main-container {
560  direction: rtl;
561  text-align: right;
562}
563.rtl .main-content {
564  margin-right: 190px;
565  margin-left: 0;
566}
567.rtl li > ul.margin,
568.rtl li > ol.margin {
569  margin-left: 0;
570  margin-right: 18px;
571}
572.rtl .ace-nav > li {
573  float: right !important;
574  border-left: none;
575  border-right: 1px solid #DDD;
576}
577.rtl .ace-nav > li:first-child {
578  border-right: none;
579}
580.rtl .ace-nav > li > a > .badge {
581  left: auto;
582  right: 2px;
583}
584.rtl .ace-nav > li.no-border {
585  border: none;
586}
587.rtl .ace-nav > li.margin-4 {
588  margin-left: 0;
589  margin-right: 4px;
590}
591.rtl .ace-nav > li.margin-3 {
592  margin-left: 0;
593  margin-right: 3px;
594}
595.rtl .ace-nav > li.margin-2 {
596  margin-left: 0;
597  margin-right: 2px;
598}
599.rtl .ace-nav > li.margin-1 {
600  margin-left: 0;
601  margin-right: 1px;
602}
603.rtl .ace-nav .nav-user-photo {
604  margin: -4px 0 0 8px;
605}
606.rtl .ace-nav .dropdown-menu.dropdown-closer {
607  left: 0;
608}
609.rtl .breadcrumbs {
610  padding: 0 0 0 12px;
611}
612.rtl .breadcrumbs.fixed,
613.rtl .breadcrumbs.breadcrumbs-fixed {
614  position: fixed;
615  left: 0;
616  right: 190px;
617}
618.rtl .breadcrumb {
619  margin: 0 12px 0 22px;
620}
621.rtl .breadcrumb .icon-home {
622  margin-left: 2px;
623  margin-right: 4px;
624}
625.rtl .breadcrumb > li + li:before {
626  content: "\f104";
627  padding: 0 2px 0 5px;
628}
629.rtl .breadcrumb > li + li:last-child:before {
630  display: none;
631}
632.rtl .breadcrumb > li + li:last-child:after {
633  display: inline;
634  font-family: FontAwesome;
635  font-size: 14px;
636  content: "\f104";
637  color: #b2b6bf;
638  margin-left: 2px;
639  padding: 0 2px 0 5px;
640  position: relative;
641  top: 1px;
642}
643.rtl .nav-search {
644  left: 22px;
645  right: auto;
646}
647.rtl .sidebar > .nav-search.menu-min .nav-search .form-search {
648  left: auto;
649  right: 5px;
650}
651.rtl .sidebar {
652  float: right;
653  border-width: 0 0 0 1px;
654}
655.rtl .sidebar:before {
656  border-width: 0 0 0 1px;
657}
658.rtl .sidebar.fixed,
659.rtl .sidebar.sidebar-fixed {
660  left: auto;
661  right: 0;
662}
663.rtl .sidebar.fixed:before,
664.rtl .sidebar.sidebar-fixed:before {
665  left: auto;
666  right: 0;
667}
668.rtl .nav-list > li > a {
669  padding: 0 7px 0 16px;
670}
671.rtl .nav-list > li > a:hover:before {
672  left: auto;
673  right: 0;
674}
675.rtl .nav-list > li a > .arrow {
676  left: 9px;
677  right: auto;
678}
679.rtl .nav-list > li.active:after {
680  left: -2px;
681  right: auto;
682  border-width: 0 0 0 2px;
683}
684.rtl .nav-list > li .submenu > li {
685  margin-left: 0;
686  margin-right: 0;
687}
688.rtl .nav-list > li .submenu > li > a {
689  padding: 7px 37px 8px 0;
690}
691.rtl .nav-list > li .submenu > li a > [class*="icon-"]:first-child {
692  left: auto;
693  right: 10px;
694}
695.rtl .nav-list > li > .submenu > li:before {
696  left: auto;
697  right: 18px;
698}
699.rtl .nav-list > li > .submenu:before {
700  left: auto;
701  right: 18px;
702  border-width: 0 1px 0 0;
703}
704.rtl .nav-list > li.active > .submenu:before {
705  border-right-color: #8eb3d0;
706}
707.rtl .nav-list li.active > a:after {
708  left: 0;
709  right: auto;
710  border-left-color: #2b7dbc;
711  border-right-color: transparent;
712}
713.rtl .nav-list a .badge,
714.rtl .nav-list a .label {
715  right: auto;
716  left: 11px;
717}
718.rtl .nav-list a.dropdown-toggle .badge,
719.rtl .nav-list a.dropdown-toggle .label {
720  right: auto;
721  left: 28px;
722}
723.rtl .menu-min .nav-list a .badge,
724.rtl .menu-min .nav-list a .label {
725  left: auto;
726  right: 4px;
727}
728.rtl .sidebar.menu-min + .main-content {
729  margin-left: auto;
730  margin-right: 43px;
731}
732.rtl .sidebar.menu-min + .main-content .breadcrumbs.fixed,
733.rtl .sidebar.menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
734  left: 0;
735  right: 43px;
736}
737.rtl .menu-min .nav-list > li > a > .menu-text {
738  left: auto;
739  right: 42px;
740  padding-left: 0;
741  padding-right: 12px;
742  -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
743  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
744}
745.rtl .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
746  left: auto;
747  right: 43px;
748  -webkit-box-shadow: none;
749  box-shadow: none;
750}
751.rtl .menu-min .nav-list > li.active > a > .menu-text {
752  border-left-color: #cccccc;
753  border-right-color: #1963aa;
754}
755.rtl .menu-min .nav-list > li > .submenu {
756  -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
757  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
758  left: auto;
759  right: 42px;
760}
761.rtl .menu-min .nav-list > li > .submenu li > a {
762  margin-left: auto;
763  margin-right: 0;
764  padding-left: 0;
765  padding-right: 24px;
766}
767.rtl .menu-min .nav-list > li > .submenu li > a > [class*="icon-"]:first-child {
768  left: auto;
769  right: 4px;
770}
771.rtl .menu-min .nav-list > li.active > .submenu {
772  border-left-color: #cccccc;
773  border-right-color: #1963aa;
774}
775.rtl .menu-min .sidebar-shortcuts-large {
776  -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
777  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
778  left: auto;
779  right: 42px;
780}
781.rtl .nav-list > li > .submenu a > .arrow {
782  left: 11px;
783  right: auto;
784}
785.rtl .nav-list > li > .submenu li > .submenu > li > a > .arrow {
786  left: 12px;
787  right: auto;
788}
789.rtl .nav-list > li > .submenu li > .submenu > li > a {
790  margin-left: auto;
791  padding-left: 0;
792  margin-right: 20px;
793  padding-right: 22px;
794}
795.rtl .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
796  margin-left: auto;
797  padding-left: 0;
798  margin-right: 20px;
799  padding-right: 38px;
800}
801.rtl .menu-min .nav-list > li > .submenu li > .submenu > li > a {
802  margin-right: 0px;
803  padding-right: 30px;
804}
805.rtl .menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
806  margin-right: 0px;
807  padding-right: 45px;
808}
809.rtl button.btn:active {
810  left: -1px;
811}
812.rtl .btn.disabled:active,
813.rtl .btn[disabled]:active {
814  left: 0;
815}
816.rtl .btn > [class*="icon-"] {
817  margin-left: 4px;
818  margin-right: 0;
819}
820.rtl .btn > [class*="icon-"].icon-on-right {
821  margin-left: 0;
822  margin-right: 4px;
823}
824.rtl .btn > [class*="icon-"].icon-only {
825  margin: 0;
826}
827.rtl .btn-lg > [class*="icon-"] {
828  margin-left: 6px;
829  margin-right: 0;
830}
831.rtl .btn-lg > [class*="icon-"].icon-on-right {
832  margin-left: 0;
833  margin-right: 6px;
834}
835.rtl .btn-sm > [class*="icon-"] {
836  margin-left: 3px;
837  margin-right: 0;
838}
839.rtl .btn-sm > [class*="icon-"].icon-on-right {
840  margin-left: 0;
841  margin-right: 3px;
842}
843.rtl .btn-xs > [class*="icon-"],
844.rtl.btn-minier > [class*="icon-"] {
845  margin-left: 2px;
846  margin-right: 0;
847}
848.rtl .btn-xs > [class*="icon-"].icon-on-right,
849.rtl.btn-minier > [class*="icon-"].icon-on-right {
850  margin-left: 0;
851  margin-right: 2px;
852}
853.rtl .btn-group > .btn > .caret {
854  margin-left: 0;
855  margin-right: 1px;
856}
857.rtl .dropdown-menu.dropdown-only-icon > li {
858  float: right;
859}
860.rtl .dropdown-light .dropdown-submenu:hover > a:after,
861.rtl .dropdown-lighter .dropdown-submenu:hover > a:after {
862  border-left-color: transparent;
863  border-right-color: #444;
864}
865.rtl .dropdown-navbar > li > [class*="icon-"],
866.rtl .dropdown-navbar > li > a > [class*="icon-"] {
867  margin-right: 0 !important;
868  margin-left: 5px !important;
869}
870.rtl .dropdown-navbar [class*="btn"][class*="icon-"] {
871  margin: 0 0 0 5px;
872}
873.rtl .dropdown-navbar .msg-photo {
874  margin-left: 6px;
875  margin-right: 0;
876}
877.rtl .dropdown-navbar .user-menu > li > a > [class*="icon-"] {
878  margin-left: 6px;
879  margin-right: 0;
880}
881.rtl .help-button {
882  margin-left: 0;
883  margin-right: 4px;
884}
885.rtl .form-search .radio [type=radio] + label,
886.rtl .form-inline .radio [type=radio] + label,
887.rtl .form-search .checkbox [type=checkbox] + label,
888.rtl .form-inline .checkbox [type=checkbox] + label {
889  float: right;
890  margin-left: 0;
891  margin-right: -20px;
892}
893.form-search .rtl .form-search .radio [type=radio] + label,
894.form-search .rtl .form-inline .radio [type=radio] + label,
895.form-search .rtl .form-search .checkbox [type=checkbox] + label,
896.form-search .rtl .form-inline .checkbox [type=checkbox] + label,
897.form-inline .rtl .form-search .radio [type=radio] + label,
898.form-inline .rtl .form-inline .radio [type=radio] + label,
899.form-inline .rtl .form-search .checkbox [type=checkbox] + label,
900.form-inline .rtl .form-inline .checkbox [type=checkbox] + label {
901  margin-right: 0;
902  margin-left: 3px;
903}
904.rtl input[type=checkbox].ace + .lbl::before,
905.rtl input[type=radio].ace + .lbl::before {
906  margin-right: 0;
907  margin-left: 1px;
908}
909.rtl input[type=checkbox].ace.ace-switch + .lbl::before,
910.rtl input[type=radio].ace.ace-switch + .lbl::before {
911  direction: ltr;
912  text-align: left;
913}
914.rtl .ace-file-input .file-label:before {
915  right: auto;
916  left: 0;
917}
918.rtl .ace-file-input .file-label .file-name {
919  padding-left: 0;
920  padding-right: 30px;
921}
922.rtl .ace-file-input .file-label.selected {
923  left: 16px;
924  right: 0;
925}
926.rtl .ace-file-input .file-label [class*="icon-"] {
927  right: 0;
928  left: auto;
929}
930.rtl .ace-file-input .remove {
931  left: -8px;
932  right: auto;
933}
934.rtl .ace-file-multiple .file-label.selected .file-name [class*="icon-"] {
935  right: 0;
936  left: auto;
937}
938.rtl .ace-file-multiple .file-label .file-name {
939  padding: 0;
940  text-align: right;
941}
942.rtl .ace-file-multiple .file-label .file-name img {
943  margin: 4px 1px 4px 8px;
944}
945.rtl .ace-file-multiple .file-label .file-name.large {
946  text-align: center;
947}
948.rtl .ace-file-multiple .file-label .file-name.large img {
949  margin: 0;
950}
951.rtl .ace-file-multiple .remove {
952  left: -11px;
953  right: auto;
954}
955.rtl .ace-file-multiple .file-label.selected .file-name [class*="icon-"] {
956  margin-left: 4px;
957  margin-right: 2px;
958}
959.rtl .nav-tabs.padding-24 {
960  padding-left: 0;
961  padding-right: 24px;
962}
963.rtl .nav-tabs.padding-20 {
964  padding-left: 0;
965  padding-right: 20px;
966}
967.rtl .nav-tabs.padding-16 {
968  padding-left: 0;
969  padding-right: 16px;
970}
971.rtl .nav-tabs.padding-12 {
972  padding-left: 0;
973  padding-right: 12px;
974}
975.rtl .nav-tabs.padding-8 {
976  padding-left: 0;
977  padding-right: 8px;
978}
979.rtl .nav-tabs.padding-4 {
980  padding-left: 0;
981  padding-right: 4px;
982}
983.rtl .nav-tabs.padding-22 {
984  padding-left: 0;
985  padding-right: 22px;
986}
987.rtl .nav-tabs.padding-18 {
988  padding-left: 0;
989  padding-right: 18px;
990}
991.rtl .nav-tabs.padding-14 {
992  padding-left: 0;
993  padding-right: 14px;
994}
995.rtl .nav-tabs.padding-10 {
996  padding-left: 0;
997  padding-right: 10px;
998}
999.rtl .nav-tabs.padding-6 {
1000  padding-left: 0;
1001  padding-right: 6px;
1002}
1003.rtl .nav-tabs.padding-2 {
1004  padding-left: 0;
1005  padding-right: 2px;
1006}
1007.rtl .tabs-right > .nav-tabs[class*="padding-"],
1008.rtl .tabs-left > .nav-tabs[class*="padding-"] {
1009  padding-right: 0;
1010}
1011.rtl .tabs-left > .nav-tabs {
1012  margin-left: auto;
1013  margin-right: -1px;
1014}
1015.rtl .tabs-left > .nav-tabs > li > a,
1016.rtl .tabs-left > .nav-tabs > li > a:hover,
1017.rtl .tabs-left > .nav-tabs > li > a:focus {
1018  margin: 0 -1px 0 0;
1019}
1020.rtl .tabs-left > .nav-tabs > li.active > a,
1021.rtl .tabs-left > .nav-tabs > li.active > a:hover,
1022.rtl .tabs-left > .nav-tabs > li.active > a:focus {
1023  margin: 0 -1px;
1024}
1025.rtl .nav-tabs.tab-space-1 > li > a {
1026  margin-right: auto;
1027  margin-left: 1px;
1028}
1029.rtl .nav-tabs.tab-space-2 > li > a {
1030  margin-right: auto;
1031  margin-left: 2px;
1032}
1033.rtl .nav-tabs.tab-space-3 > li > a {
1034  margin-right: auto;
1035  margin-left: 3px;
1036}
1037.rtl .nav-tabs.tab-space-4 > li > a {
1038  margin-right: auto;
1039  margin-left: 4px;
1040}
1041.rtl .nav-tabs[class*="tab-color-"] > li > a,
1042.rtl .nav-tabs[class*="tab-color-"] > li > a:focus,
1043.rtl .nav-tabs[class*="tab-color-"] > li > a:hover {
1044  margin-right: auto;
1045  margin-left: 3px;
1046}
1047.rtl .accordion-style2.panel-group .panel-heading .accordion-toggle {
1048  border-width: 0 2px 0 0;
1049}
1050.rtl .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
1051  border-width: 0 1px 0 0;
1052}
1053.rtl .table thead:first-child tr th [class*="icon-"]:first-child {
1054  margin-left: 2px;
1055  margin-right: 0;
1056}
1057.rtl .widget-main.no-padding .table-bordered th:first-child,
1058.rtl .widget-main.padding-0 .table-bordered th:first-child,
1059.rtl .widget-main.no-padding .table-bordered td:first-child,
1060.rtl .widget-main.padding-0 .table-bordered td:first-child {
1061  border-left-width: 1px;
1062}
1063.rtl .widget-main.no-padding .table-bordered th:last-child,
1064.rtl .widget-main.padding-0 .table-bordered th:last-child,
1065.rtl .widget-main.no-padding .table-bordered td:last-child,
1066.rtl .widget-main.padding-0 .table-bordered td:last-child {
1067  border-left-width: 0;
1068}
1069.rtl .table-header {
1070  padding-left: 0;
1071  padding-right: 12px;
1072}
1073.rtl .dataTables_length {
1074  margin-left: 0;
1075  margin-right: 8px;
1076}
1077.rtl .dataTables_filter {
1078  margin-left: 8px;
1079  margin-right: 0;
1080  text-align: left;
1081}
1082.rtl .dataTables_info {
1083  margin: 0 12px 0 0;
1084}
1085.rtl .dataTables_paginate {
1086  text-align: left;
1087}
1088.rtl .dataTable th[class*=sort]:after {
1089  float: left;
1090  margin-right: 0;
1091  margin-left: 4px;
1092}
1093.rtl .dataTables_wrapper > .row > [class*="col-"] {
1094  float: right;
1095  margin-left: 0;
1096  width: 50%;
1097  -webkit-box-sizing: border-box;
1098  -moz-box-sizing: border-box;
1099  box-sizing: border-box;
1100}
1101.rtl .widget-box {
1102  direction: rtl;
1103  text-align: right;
1104}
1105.rtl .widget-header {
1106  padding-left: 0;
1107  padding-right: 12px;
1108}
1109.rtl .widget-header:after {
1110  clear: left;
1111}
1112.rtl .widget-header-large {
1113  padding-left: 0;
1114  padding-right: 18px;
1115}
1116.rtl .widget-header-small {
1117  padding-left: 0;
1118  padding-right: 10px;
1119}
1120.rtl .widget-header > .widget-caption > [class*="icon-"],
1121.rtl .widget-header > :first-child > [class*="icon-"] {
1122  margin-right: 0;
1123  margin-left: 5px;
1124}
1125.rtl .widget-toolbar {
1126  float: left;
1127}
1128.rtl .widget-toolbar:before {
1129  left: auto;
1130  right: -1px;
1131  border-width: 0 0 0 1px;
1132}
1133.rtl .widget-toolbar > [data-action] > [class*="icon-"] {
1134  margin-right: auto;
1135  margin-left: 0;
1136}
1137.rtl .widget-box.transparent > .widget-header {
1138  padding-left: 0;
1139  padding-right: 3px;
1140}
1141.rtl .widget-box.transparent > .widget-header-large {
1142  padding-left: 0;
1143  padding-right: 5px;
1144}
1145.rtl .widget-box.transparent > .widget-header-small {
1146  padding-left: 0;
1147  padding-right: 1px;
1148}
1149.rtl [class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a {
1150  margin-right: 0;
1151  margin-left: 1px;
1152}
1153.rtl .infobox {
1154  padding: 8px 9px 6px 3px;
1155  text-align: right;
1156}
1157.rtl .infobox > .infobox-icon > [class*="icon-"] {
1158  padding: 1px 2px 0 1px;
1159}
1160.rtl .infobox > .infobox-data {
1161  text-align: right;
1162  padding-left: 0;
1163  padding-right: 8px;
1164}
1165.rtl .infobox > .stat {
1166  left: 20px;
1167  right: auto;
1168  padding-left: 18px;
1169  padding-right: 0;
1170}
1171.rtl .infobox > .stat:before {
1172  left: 4px;
1173  right: auto;
1174}
1175.rtl .infobox > .stat:after {
1176  left: 1px;
1177  right: auto;
1178}
1179.rtl .infobox > .badge {
1180  left: 20px;
1181  right: auto;
1182}
1183.rtl .infobox.infobox-dark > .badge {
1184  left: 2px;
1185  right: auto;
1186}
1187.rtl .infobox-small {
1188  text-align: right;
1189}
1190.rtl .infobox-small > .infobox-data {
1191  text-align: right;
1192}
1193.rtl .infobox-small > .infobox-chart > .sparkline {
1194  margin-left: auto;
1195  margin-right: 2px;
1196}
1197.rtl .infobox-small .percentage {
1198  margin-left: auto;
1199  margin-right: 2px;
1200}
1201.rtl .pricing-box .widget-header {
1202  padding-right: 0;
1203}
1204.rtl .pricing-table-header {
1205  text-align: right;
1206}
1207.rtl .pricing-table-header > li {
1208  padding: 7px 11px 7px 0;
1209}
1210.rtl .pricing-box-small {
1211  margin-left: 0;
1212  margin-right: -2px;
1213}
1214.rtl .pricing-span[class*="col-"] {
1215  float: right !important;
1216}
1217.rtl .pricing-span-header {
1218  float: right;
1219  padding-left: 0;
1220  padding-right: 12px;
1221}
1222@media only screen and (max-width: 768px) {
1223  .rtl .pricing-box:nth-child(odd) {
1224    padding-right: 12px !important;
1225    padding-left: 0 !important;
1226  }
1227  .rtl .pricing-box:nth-child(even) {
1228    padding-left: 12px !important;
1229    padding-right: 0 !important;
1230  }
1231}
1232.rtl .pricing-span {
1233  float: right !important;
1234}
1235@media only screen and (max-width: 460px) {
1236  .rtl .pricing-box,
1237  .rtl .pricing-box:nth-child(odd),
1238  .rtl .pricing-box:nth-child(even) {
1239    padding-left: 12px !important;
1240    padding-right: 12px !important;
1241  }
1242}
1243.rtl.login-layout .main-content {
1244  margin-right: 0;
1245}
1246.rtl.login-layout .login-box .toolbar > div:first-child {
1247  float: right;
1248  text-align: right;
1249}
1250.rtl.login-layout .login-box .toolbar > div:first-child > a {
1251  margin-left: 0;
1252  margin-right: 11px;
1253}
1254.rtl.login-layout .login-box .toolbar > div:first-child + div {
1255  float: left;
1256  text-align: left;
1257}
1258.rtl.login-layout .login-box .toolbar > div:first-child + div > a {
1259  margin-left: 11px;
1260  margin-right: 0;
1261}
1262.rtl .ace-thumbnails {
1263  margin-right: 0;
1264}
1265.rtl .ace-thumbnails > li {
1266  float: right;
1267}
1268.rtl .ace-thumbnails > li .tags {
1269  direction: ltr;
1270}
1271.rtl .ace-thumbnails > li .tags > .label-holder {
1272  margin: 1px 0 0 1px;
1273  direction: rtl;
1274  text-align: right;
1275}
1276.rtl .itemdiv {
1277  padding-right: 0;
1278  padding-left: 3px;
1279}
1280.rtl .itemdiv > .user {
1281  left: auto;
1282  right: 0;
1283}
1284.rtl .itemdiv > .body {
1285  margin-right: 50px;
1286  margin-left: 12px;
1287}
1288.rtl .itemdiv > .body > .time {
1289  right: auto;
1290  left: 9px;
1291}
1292.rtl .itemdiv > .body > .text {
1293  padding-left: 0;
1294  padding-right: 7px;
1295}
1296.rtl .itemdiv > .body > .text:after {
1297  right: 16px;
1298  left: -12px;
1299}
1300.rtl .itemdiv > .body > .text > [class*="icon-quote-"]:first-child {
1301  margin-left: 4px;
1302  margin-right: 0;
1303}
1304.rtl .itemdiv.dialogdiv:before {
1305  left: auto;
1306  right: 19px;
1307}
1308.rtl .itemdiv.dialogdiv > .body {
1309  border-left-width: 1px;
1310  border-right-width: 2px;
1311  margin-left: 1px;
1312}
1313.rtl .itemdiv.dialogdiv > .body:before {
1314  left: auto;
1315  right: -7px;
1316  border-width: 2px 2px 0 0;
1317  -webkit-transform: rotate(45deg);
1318  -ms-transform: rotate(45deg);
1319  transform: rotate(45deg);
1320}
1321.rtl .itemdiv.dialogdiv > .body > .time {
1322  float: left;
1323}
1324.rtl .itemdiv.dialogdiv > .body > .text {
1325  padding-right: 0;
1326}
1327.rtl .itemdiv.memberdiv {
1328  float: right;
1329}
1330.rtl .itemdiv .tools {
1331  right: auto;
1332  left: 4px;
1333}
1334.rtl .itemdiv.commentdiv .tools {
1335  right: auto;
1336  left: 9px;
1337}
1338.rtl .item-list {
1339  margin: 0;
1340}
1341.rtl .item-list > li {
1342  border-left-width: 1px;
1343  border-right-width: 3px;
1344  border-left-color: #DDD;
1345}
1346.rtl li[class*="item-"] {
1347  border-left-width: 1px;
1348  border-right-width: 3px;
1349  border-left-color: #DDD;
1350}
1351.rtl li.item-orange {
1352  border-right-color: #e8b110;
1353}
1354.rtl li.item-orange2 {
1355  border-right-color: #f79263;
1356}
1357.rtl li.item-red {
1358  border-right-color: #d53f40;
1359}
1360.rtl li.item-red2 {
1361  border-right-color: #d15b47;
1362}
1363.rtl li.item-green {
1364  border-right-color: #9abc32;
1365}
1366.rtl li.item-green2 {
1367  border-right-color: #0490a6;
1368}
1369.rtl li.item-blue {
1370  border-right-color: #4f99c6;
1371}
1372.rtl li.item-blue2 {
1373  border-right-color: #3983c2;
1374}
1375.rtl li.item-blue3 {
1376  border-right-color: #1144eb;
1377}
1378.rtl li.item-pink {
1379  border-right-color: #cb6fd7;
1380}
1381.rtl li.item-black {
1382  border-right-color: #505050;
1383}
1384.rtl li.item-grey {
1385  border-right-color: #a0a0a0;
1386}
1387.rtl li.item-brown {
1388  border-right-color: #a52a2a;
1389}
1390.rtl li.item-default {
1391  border-right-color: #abbac3;
1392}
1393.rtl li.item-purple {
1394  border-right-color: #6f3cc4;
1395}
1396.rtl .profile-info-name {
1397  text-align: left;
1398  padding-right: 0;
1399  padding-left: 10px;
1400  left: auto;
1401  right: 0;
1402}
1403.rtl .profile-info-value {
1404  padding-right: 6px;
1405  padding-left: 4px;
1406  margin-left: auto;
1407  margin-right: 120px;
1408}
1409.rtl .profile-info-value > span + span:before {
1410  margin-left: 3px;
1411  margin-right: 1px;
1412}
1413.rtl .profile-user-info-striped .profile-info-value {
1414  padding-left: 0;
1415  padding-right: 12px;
1416}
1417.rtl .profile-activity img,
1418.rtl .profile-activity .thumbicon {
1419  margin-right: 0;
1420  margin-left: 10px;
1421}
1422.rtl .profile-activity .tools {
1423  left: 12px;
1424  right: auto;
1425}
1426.rtl .user-profile .user-title-label + .dropdown-menu {
1427  margin-left: auto;
1428  margin-right: -12px;
1429}
1430.rtl .user-status {
1431  margin-right: auto;
1432  margin-left: 1px;
1433}
1434.rtl .tab-content.profile-edit-tab-content {
1435  -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
1436  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
1437}
1438.rtl .inbox-tabs.nav-tabs > li.active > a.btn-new-mail > .btn:before {
1439  left: auto;
1440  right: 35%;
1441  right: calc(50% - 6px);
1442}
1443.rtl .inbox-tabs.nav-tabs.tab-size-bigger > li.active > a.btn-new-mail > .btn:before {
1444  left: auto;
1445  right: 35%;
1446  right: calc(50% - 8px);
1447}
1448.rtl .inbox-tabs.nav-tabs > li.pull-left {
1449  float: left;
1450}
1451@media only screen and (max-width: 475px) {
1452  .rtl .inbox-tabs > .li-new-mail {
1453    text-align: left;
1454  }
1455}
1456.rtl .message-item .sender {
1457  margin-left: 4px;
1458  margin-right: 6px;
1459}
1460.rtl .message-item .summary {
1461  margin-left: auto;
1462  margin-right: 30px;
1463}
1464.rtl .message-item .message-flags {
1465  right: auto;
1466  left: 101%;
1467  left: calc(100% + 4px);
1468}
1469.rtl .message-item .time {
1470  float: left;
1471}
1472.rtl .message-item .attachment {
1473  float: left;
1474}
1475.rtl .message-star {
1476  margin-left: 4px;
1477  margin-right: 6px;
1478}
1479.rtl .mail-tag:empty {
1480  margin-left: 1px;
1481  margin-right: 0;
1482}
1483.rtl ul.attachment-list {
1484  margin-left: 0;
1485  margin-right: 8px;
1486}
1487.rtl .attached-file > [class*="icon-"] {
1488  margin-right: auto;
1489  margin-left: 2px;
1490}
1491.rtl .messagebar-item-left,
1492.rtl .messagebar-item-right {
1493  text-align: right;
1494}
1495.rtl .message-navbar .nav-search {
1496  left: auto;
1497  right: 60px;
1498}
1499.rtl .inbox-folders .btn > [class*="icon-"]:first-child {
1500  text-align: right;
1501}
1502.rtl .inbox-folders .btn.active:before {
1503  left: auto;
1504  right: -1px;
1505  border-left: none;
1506  border-right: 3px solid #4F99C6;
1507}
1508.rtl .inbox-folders .btn .counter {
1509  right: auto;
1510  left: 8px;
1511}
1512.rtl .message-form .controls {
1513  margin-right: 125px;
1514}
1515.rtl .timeline-container:before {
1516  right: 28px;
1517  left: auto;
1518}
1519.rtl .timeline-item .transparent.widget-box {
1520  border-right: 3px solid #DAE1E5;
1521  border-left: none;
1522}
1523.rtl .timeline-item .transparent .widget-header > :first-child {
1524  margin-left: auto;
1525  margin-right: 8px;
1526}
1527.rtl .timeline-item:nth-child(even) .widget-box.transparent {
1528  border-right-color: #DBDBDB !important;
1529}
1530.rtl .timeline-item .widget-box {
1531  margin-left: auto;
1532  margin-right: 60px;
1533}
1534.rtl .timeline-info {
1535  float: right;
1536}
1537.rtl .timeline-label {
1538  margin-right: 34px;
1539  margin-left: auto;
1540}
1541.rtl .timeline-style2:before {
1542  display: none;
1543}
1544.rtl .timeline-style2 .timeline-item:before {
1545  left: auto;
1546  right: 90px;
1547}
1548.rtl .timeline-style2 .timeline-item .transparent.widget-box {
1549  border-right: none !important;
1550}
1551.rtl .timeline-style2 .timeline-indicator {
1552  left: auto;
1553  right: 86px;
1554}
1555.rtl .timeline-style2 .timeline-date {
1556  text-align: left;
1557  margin-right: auto;
1558  margin-left: 25px;
1559}
1560.rtl .timeline-style2 .timeline-item .widget-box {
1561  margin-left: auto;
1562  margin-right: 112px;
1563}
1564.rtl .timeline-style2 .timeline-label {
1565  margin-right: 0;
1566  text-align: left;
1567}
1568.rtl .ace-settings-container {
1569  left: 0;
1570  right: auto;
1571}
1572.rtl .btn.ace-settings-btn {
1573  float: right;
1574  border-radius: 0 6px 6px 0 !important;
1575}
1576.rtl .ace-settings-box {
1577  float: right;
1578}
1579.rtl .grid2,
1580.rtl .grid3,
1581.rtl .grid4 {
1582  float: right;
1583  border-left: none;
1584  border-right: 1px solid #E3E3E3;
1585}
1586.rtl .grid2:first-child,
1587.rtl .grid3:first-child,
1588.rtl .grid4:first-child {
1589  border-right: none;
1590}
1591.rtl .easyPieChart canvas {
1592  left: auto;
1593  right: 0;
1594}
1595.rtl .external-event > [class*="icon-"]:first-child {
1596  margin-right: 0;
1597  margin-left: 5px;
1598  border-right: none;
1599  border-left: 1px solid #FFF;
1600}
1601.rtl #cboxCurrent {
1602  left: auto;
1603  right: 64px;
1604}
1605.rtl #cboxNext,
1606.rtl #cboxPrevious {
1607  margin-left: 0;
1608  margin-right: 5px;
1609}
1610.rtl #cboxPrevious {
1611  left: auto;
1612  right: 27px;
1613}
1614.rtl #cboxNext {
1615  left: auto;
1616  right: 0;
1617}
1618.rtl .ace-spinner .spinner-buttons > button.btn:active {
1619  left: auto;
1620  top: auto;
1621}
1622.rtl .wizard-steps {
1623  margin-right: 0;
1624}
1625.rtl .wizard-actions {
1626  text-align: left;
1627}
1628.rtl .wizard-steps li:first-child:before {
1629  right: 50%;
1630  left: auto;
1631}
1632.rtl .tree {
1633  padding-left: 0;
1634  padding-right: 9px;
1635}
1636.rtl .tree:before {
1637  left: auto;
1638  right: 0;
1639  border-width: 0 1px 0 0;
1640}
1641.rtl .tree .tree-folder .tree-folder-header .tree-folder-name {
1642  margin-left: 0;
1643  margin-right: 2px;
1644}
1645.rtl .tree .tree-folder .tree-folder-header > [class*="icon-"]:first-child {
1646  margin: -2px -2px 0 0;
1647}
1648.rtl .tree .tree-folder:last-child:after {
1649  left: auto;
1650  right: -15px;
1651  border-left: none;
1652  border-right: 1px solid #FFF;
1653}
1654.rtl .tree .tree-folder .tree-folder-content {
1655  margin-left: 0;
1656  margin-right: 23px;
1657}
1658.rtl .tree .tree-folder .tree-folder-content:before {
1659  left: auto;
1660  right: -14px;
1661  border-width: 0 1px 0 0;
1662}
1663.rtl .tree .tree-item .tree-item-name {
1664  margin-left: 0;
1665  margin-right: 3px;
1666}
1667.rtl .tree .tree-item .tree-item-name > [class*="icon-"]:first-child {
1668  margin-right: 0;
1669  margin-left: 3px;
1670}
1671.rtl .tree .tree-folder:before,
1672.rtl .tree .tree-item:before {
1673  left: auto;
1674  right: -13px;
1675}
1676.rtl .tree .tree-loading {
1677  margin-left: 0;
1678  margin-right: 36px;
1679}
1680.rtl #gritter-notice-wrapper {
1681  text-align: right;
1682  direction: rtl;
1683  left: 20px;
1684  right: auto;
1685}
1686.rtl .gritter-close {
1687  right: auto;
1688  left: 3px;
1689}
1690.rtl .gritter-image {
1691  float: right;
1692}
1693.rtl .gritter-with-image,
1694.rtl .gritter-without-image {
1695  float: left;
1696}
1697.rtl .wysiwyg-toolbar .dropdown-menu {
1698  text-align: right;
1699}
1700.rtl .wysiwyg-toolbar .wysiwyg-choose-file {
1701  margin-left: auto;
1702}
1703.rtl .wysiwyg-toolbar .btn-group > .btn,
1704.rtl .wysiwyg-toolbar .btn-group > .inline > .btn {
1705  float: none;
1706}
1707.rtl .wysiwyg-style1 .btn-group:after,
1708.rtl .wysiwyg-style2 .btn-group:after {
1709  left: auto;
1710  border-left: none;
1711  right: -2px;
1712  border-right: 1px solid #E1E6EA;
1713}
1714.rtl .wysiwyg-toolbar .dropdown-menu input[type=text] {
1715  margin-left: 0;
1716  margin-right: 8px;
1717}
1718.rtl .wysiwyg-toolbar .dropdown-menu .btn {
1719  margin-right: 1px;
1720  margin-left: 8px;
1721}
1722.rtl .widget-body .md-header {
1723  margin-left: 0;
1724  margin-right: 9px;
1725}
1726.rtl .widget-body .md-header .btn-inverse {
1727  padding-right: 0;
1728  padding-left: 5px;
1729}
1730.rtl .select2-container .select2-choice {
1731  padding-left: 0;
1732  padding-right: 8px;
1733}
1734.rtl .select2-container.select2-allowclear .select2-choice .select2-chosen {
1735  margin-right: auto;
1736  margin-left: 42px;
1737}
1738.rtl .select2-container .select2-choice > .select2-chosen {
1739  margin-left: 26px;
1740  margin-right: auto;
1741}
1742.rtl .select2-container .select2-choice abbr {
1743  right: auto;
1744  left: 20px;
1745}
1746.rtl .select2-container .select2-choice .select2-arrow {
1747  right: auto;
1748  left: 0;
1749}
1750.rtl .select2-container .select2-choice .select2-arrow b:before {
1751  right: 5px;
1752  left: auto;
1753}
1754.rtl .select2-container-multi .select2-choices li {
1755  float: right;
1756}
1757.rtl .select2-container-multi .select2-choices .select2-search-choice {
1758  margin: 3px 5px 3px 0;
1759  padding: 3px 18px 3px 5px;
1760}
1761.rtl .select2-results {
1762  margin-right: 0;
1763}
1764.rtl .select2-drop {
1765  direction: rtl;
1766  text-align: right;
1767}
1768.rtl .select2-drop input {
1769  padding-right: 5px;
1770  padding-left: 20px;
1771}
1772.rtl .select2-drop .select2-results {
1773  padding-right: 4px;
1774  padding-left: 0;
1775}
1776.rtl .select2-search:after {
1777  right: -20px;
1778  left: auto;
1779}
1780.rtl .select2-search input.select2-active {
1781  background-position: 0%;
1782}
1783.rtl .editable-buttons {
1784  margin-left: auto;
1785  margin-right: 1px;
1786}
1787.rtl .editable-buttons .btn {
1788  margin: 0 0 0 1px;
1789}
1790.rtl .editable-input .ace-spinner {
1791  margin-right: auto;
1792  margin-left: 8px;
1793}
1794.rtl .editable-inline .editable-slider {
1795  margin-right: auto;
1796  margin-left: 4px;
1797}
1798.rtl .tags .tag {
1799  padding-left: 22px;
1800  padding-right: 9px;
1801  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
1802}
1803.rtl .tags .tag .close {
1804  float: none;
1805  left: 0;
1806  right: auto;
1807}
1808.rtl .ui-datepicker .ui-datepicker-prev:before {
1809  content: "\f061";
1810}
1811.rtl .ui-datepicker .ui-datepicker-next:before {
1812  content: "\f060";
1813}
1814.rtl .ui-menu,
1815.rtl .ui-dialog,
1816.rtl .ui-jqdialog {
1817  direction: rtl;
1818  text-align: right;
1819}
1820.rtl .ui-menu .ui-menu-item a .ui-menu-icon {
1821  float: left;
1822}
1823.rtl .ui-menu .ui-menu-item a .ui-menu-icon:before {
1824  content: "\f104";
1825}
1826.rtl .ui-dialog .ui-dialog-titlebar-close,
1827.rtl .ui-jqdialog .ui-jqdialog-titlebar-close {
1828  left: 8px !important;
1829  right: auto !important;
1830}
1831.rtl .ui-tabs .ui-tabs-nav li {
1832  float: right;
1833  margin-right: 0;
1834  margin-left: 0.2em;
1835}
1836.rtl .ui-tabs .ui-tabs-nav li a {
1837  float: right;
1838}
1839.rtl .ui-tabs .ui-tabs-nav li.ui-state-default > a {
1840  margin-right: auto;
1841  margin-left: -1px;
1842}
1843.rtl .ui-accordion .ui-accordion-header {
1844  padding-right: 24px;
1845  padding-left: 8px;
1846}
1847.rtl .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
1848  position: absolute;
1849  left: auto;
1850  right: 10px;
1851}
1852.rtl .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
1853  content: "\f0d9";
1854}
1855.rtl .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
1856  content: "\f0d7";
1857}
1858.rtl .ui-jqgrid .ui-jqgrid-hdiv {
1859  border-width: 1px 1px 0 0;
1860}
1861.rtl .ui-jqgrid .ui-jqgrid-labels th {
1862  border-right: none !important;
1863  border-left: 1px solid #E1E1E1 !important;
1864  text-align: right !important;
1865}
1866.rtl .ui-jqgrid .ui-jqgrid-labels th:first-child {
1867  border-right: 1px solid #E1E1E1 !important;
1868}
1869.rtl .ui-jqgrid-labels th[id*="_cb"]:first-child {
1870  text-align: center !important;
1871}
1872.rtl .ui-jqgrid-sortable {
1873  padding-left: 0;
1874  padding-right: 4px;
1875}
1876.rtl .ui-jqdialog-content .searchFilter table {
1877  margin-left: auto;
1878  margin-right: 4px;
1879}
1880.rtl .ui-jqdialog-content .searchFilter .add-group,
1881.rtl .ui-jqdialog-content .searchFilter .add-rule,
1882.rtl .ui-jqdialog-content .searchFilter .delete-group {
1883  margin-left: auto !important;
1884  margin-right: 4px !important;
1885}
1886.rtl .ui-jqdialog-content .CaptionTD {
1887  text-align: left;
1888}
1889.rtl .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
1890  text-align: right;
1891  padding-left: 0;
1892  padding-right: 12px;
1893  float: right !important;
1894}
1895.rtl .dd {
1896  text-align: right;
1897  direction: rtl;
1898}
1899.rtl .dd-list {
1900  text-align: right;
1901  direction: rtl;
1902  margin-right: 0;
1903}
1904.rtl .dd-list .dd-list {
1905  padding-right: 30px;
1906  padding-left: 0;
1907}
1908.rtl .dd2-handle + .dd2-content,
1909.rtl .dd2-handle + .dd2-content[class*="btn-"] {
1910  padding-left: 0;
1911  padding-right: 44px;
1912}
1913.rtl .dd-item > button {
1914  float: right;
1915  margin: 5px 5px 5px 1px;
1916  left: auto;
1917  right: 1px;
1918}
1919.rtl .dd2-item.dd-item > button {
1920  margin-left: 5px;
1921  margin-right: 34px;
1922}
1923.rtl .dd-dragel > li > .dd-handle {
1924  border-right: 2px solid #777;
1925  border-left-width: 0;
1926}
1927.rtl .dd-list > li[class*="item-"] {
1928  border-left-width: 0;
1929  border-right-width: 0;
1930}
1931.rtl .dd-list > li[class*="item-"] > .dd-handle {
1932  border-right: 2px solid;
1933  border-right-color: inherit;
1934  border-left-color: #DAE2EA;
1935  border-left-width: 1px;
1936}
1937.rtl .dd-list > li > .dd-handle .sticker {
1938  right: auto;
1939  left: 0;
1940}
1941.rtl .dd2-handle,
1942.rtl .dd-dragel > li > .dd2-handle {
1943  left: auto;
1944  right: 0;
1945  border-width: 1px 0 0 1px;
1946}
1947.rtl .limiterBox {
1948  direction: rtl;
1949  text-align: right;
1950}
1951.rtl ol.linenums {
1952  margin-right: 33px;
1953}
1954.rtl ol.linenums li {
1955  padding-left: 0;
1956  padding-right: 12px;
1957}
1958.rtl .prettyprint.linenums {
1959  -webkit-box-shadow: -40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset;
1960  box-shadow: -40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset;
1961}
1962/** Responsive RTL **/
1963@media only screen and (max-width: 767px) {
1964  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
1965    right: auto;
1966    left: -80px;
1967  }
1968  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
1969  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
1970    right: auto;
1971    left: 100px;
1972  }
1973  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
1974    right: auto;
1975    left: -40px;
1976  }
1977  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
1978  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
1979    right: auto;
1980    left: 60px;
1981  }
1982}
1983@media only screen and (max-width: 480px) {
1984  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
1985    right: auto;
1986    left: -120px;
1987  }
1988  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
1989  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
1990    right: auto;
1991    left: 140px;
1992  }
1993  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
1994    right: auto;
1995    left: -80px;
1996  }
1997  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
1998  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
1999    right: auto;
2000    left: 100px;
2001  }
2002  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
2003    right: auto;
2004    left: -50px;
2005  }
2006  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
2007  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
2008    right: auto;
2009    left: 70px;
2010  }
2011}
2012@media only screen and (max-width: 460px) {
2013  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
2014    left: auto;
2015    right: -5px;
2016  }
2017  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
2018  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
2019    left: auto;
2020    right: 25px;
2021  }
2022  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
2023    left: auto;
2024    right: -60px;
2025  }
2026  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
2027  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
2028    left: auto;
2029    right: 80px;
2030  }
2031  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
2032    left: auto;
2033    right: -110px;
2034  }
2035  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
2036  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
2037    left: auto;
2038    right: 130px;
2039  }
2040}
2041@media only screen and (max-width: 460px) {
2042  .rtl .ace-nav > li {
2043    text-align: right;
2044    float: none !important;
2045  }
2046  .rtl .ace-nav > li:first-child {
2047    border-left: none;
2048    border-right: 1px solid #DDD;
2049  }
2050  .rtl .ace-nav > li:last-child {
2051    border-left: 1px solid #DDD;
2052  }
2053}
2054@media (min-width: 422px) and (max-width: 480px), (max-width: 340px) {
2055  .rtl .ace-nav .nav-user-photo {
2056    margin-left: 0;
2057  }
2058  .rtl .user-info {
2059    margin-left: auto;
2060    right: auto;
2061    margin-right: 1px;
2062    left: 2px;
2063  }
2064}
2065@media only screen and (max-width: 767px) {
2066  .rtl .nav-search {
2067    right: auto;
2068    left: 5px;
2069  }
2070}
2071@media only screen and (max-width: 991px) {
2072  .rtl .navbar-brand {
2073    margin-right: 0;
2074  }
2075  .rtl .sidebar {
2076    left: auto;
2077    box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2);
2078    border-left-width: 1px;
2079    border-right-width: 0;
2080  }
2081  .rtl .sidebar.display,
2082  .rtl .sidebar.menu-min.display {
2083    left: auto;
2084    right: 0;
2085  }
2086  .rtl .sidebar.menu-min {
2087    left: auto;
2088    right: -50px;
2089  }
2090  .rtl .main-content {
2091    margin-left: auto !important;
2092    margin-right: 0 !important;
2093  }
2094  .rtl .menu-toggler {
2095    left: auto;
2096    margin-right: auto;
2097    right: 0;
2098    margin-left: 2px;
2099    padding-left: 0;
2100    padding-right: 33px;
2101  }
2102  .rtl .menu-toggler:before {
2103    left: auto;
2104    right: 4px;
2105  }
2106  .rtl .menu-toggler:after {
2107    left: auto;
2108    right: 4px;
2109  }
2110  .rtl .menu-toggler > .menu-text {
2111    left: auto;
2112    right: 0;
2113  }
2114  .rtl .menu-toggler > .menu-text:after {
2115    left: auto;
2116    right: -8px;
2117  }
2118  .rtl .breadcrumb {
2119    margin-left: auto;
2120    margin-right: 90px;
2121  }
2122}
2123/* move the icons to the line below */
2124@media only screen and (max-width: 460px) {
2125  .rtl .navbar .navbar-brand {
2126    display: block;
2127    float: none;
2128  }
2129}
2130/* gallery */
2131@media only screen and (max-width: 480px) {
2132  .rtl .ace-thumbnails > li {
2133    float: none;
2134  }
2135}
2136@media only screen and (max-width: 320px) {
2137  .rtl .breadcrumb {
2138    margin-left: 0;
2139    margin-right: 36px;
2140  }
2141  .rtl .menu-toggler > .menu-text:after {
2142    left: auto;
2143    right: -13px;
2144  }
2145}
2146@media only screen and (max-width: 480px) {
2147  .rtl .fc-header td {
2148    text-align: right;
2149  }
2150}
2151/* custom grid */
2152@media only screen and (max-width: 360px) {
2153  .rtl .grid2,
2154  .rtl .grid3,
2155  .rtl .grid4 {
2156    border-right: none;
2157  }
2158  .rtl .grid2 > [class*="pull-"],
2159  .rtl .grid3 > [class*="pull-"],
2160  .rtl .grid4 > [class*="pull-"] {
2161    right: auto;
2162    left: 11px;
2163  }
2164}
2165@media only screen and (max-width: 767px) {
2166  .rtl .help-inline,
2167  .rtl .input-icon + .help-inline {
2168    padding-right: 0;
2169  }
2170}
2171@media only screen and (max-width: 480px) {
2172  .rtl .profile-info-value {
2173    margin-left: auto;
2174    margin-right: 90px;
2175  }
2176  .rtl .profile-user-info-striped .profile-info-name {
2177    padding-right: 10px;
2178    padding-left: 0;
2179    text-align: right;
2180  }
2181  .rtl .profile-user-info-striped .profile-info-value {
2182    margin-left: auto;
2183    margin-right: 10px;
2184  }
2185}
Note: See TracBrowser for help on using the repository browser.