new Sass tool for developing css for LTR and RTL languages easily
[openemr.git] / interface / themes / rtl.scss
blob3fe375c501b8e14af21357bce70eebec9bc76015
3 //    RTL adjustments for style*.css files
5 //    Author     : Amiel Elboim, Matrix
8 /* General RTL calsses */
9 @mixin rtl_style {
11     tr, td, th{
12         text-align: right !important;
14     }
16     /*Bootstrap 3 classes modified for rtl*/
17     .text-center {
18         text-align: center !important;
19     }
21     .css_button span {
22         padding: 5px 0 5px 10px;
23     }
25     #navigation-slide, #navigation-slide *{
26         padding-right:0px;
27         margin-right:0px;
28     }
30     #navigation-slide a{
32         padding: 5px 2px 5px 10px;
33     }
35     /* Calander */
36     #bottomLeft{
38         float: right !important;
39     }
40     #bigCal{
41         border-right: 1px solid black !important;
42     }
45     /*miscellaneous*/
46     .misc-internet-search{
47         float: right !important;
48     }
50     /* record_disclosure.php */
51     #record-disclosure, #record-disclosure>div {
53         float:none !important;
55     }
57     /* /patient_file/encounter/forms.php  */
58     #encounter_forms .encounter-summary-column{
59         float: right !important;
60     }
61     #encounter_forms .form_header_controls, #encounter_forms .form_header{
62         float: none !important;
63     }
66     /* /interface/main/main_title.php */
67     table#main-title tr td:nth-child(1){
68         text-align: left !important;
69     }
70     table#main-title tr td:nth-child(2){
71         text-align: center !important;
72     }
73     table#main-title tr td:nth-child(2) div, table#main-title tr td:nth-child(3) div{
74         float: none !important;
75     }
76     table#main-title tr td:nth-child(3){
77         text-align: center !important;
78     }
79     table#main-title tr td:nth-child(4){
80         text-align: right !important;
81     }
82     table#main-title tr td:nth-child(4) table{
83         float: left;
84     }
86     /* /interface/patient_file/summary/demographics.php */
87     .demographics-box{
88         position: relative
89     }
90     .demographics-box>div{
91         float: none !important;
92         position: absolute;
93     }
94     .demographics-box>div:first-child{
95         width: 55% !important;
96     }
97     .demographics-box>div:last-child{
98         margin-right: 55%
99     }
102     #tdallday3>span{
103         direction: ltr;
104         display: inline-block;
105     }
106     #tdallday3>span>input{
107         text-align: right;
108     }
110     /* /interface/clickmap/template/general_new.html */
111     .graphic-pain-map{
112         float: none !important;
113         width: 600px;
114     }
115     .graphic-pain-map img{
116         width: 100%;
117     }
118     body>.nav{
119         margin-right: 40px;
120     }
123     /* ajax_template.html */
125     #dateNAV img{
126         display: none;
127     }
128     #dateNav>a:nth-child(2), #dateNav>a:nth-child(3){
129         display: inline-block;
130         width: 16px;
131         height: 15.5px;
132     }
133     #dateNav>a:nth-child(2){
135         background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
136         margin-right: 10px;
137     }
138     #dateNav>a:nth-child(3){
140         background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
142     }
144     /* /main/messages/messages.php */
145     td.amount-msg{
147         text-align: left !important;
148         direction: ltr;
149     }
151     /*  /interface/billing/edih_view.php  */
152     #tabs ul.ui-tabs-nav li.ui-state-default{
153         float: right;
154     }
157     /* /interface/code_systems/dataloads_ajax.php */
159     #accordion .left_wrpr, #accordion .wrpr{
160         float: right !important;
161     }
162     .ui-dialog .ui-dialog-title{
164         float: none !important;
165     }
167     .cancel-float{
168         float: none !important;
169     }
171     /* /templates/documents/general_view.html */
172     #documents_actions form[name^=document]>div>div, #documents_actions form[name=notes]>div>div{
174         float: none !important;
175         display: inline-block;
176     }
179     #documents_list img[src*=branch], #documents_list img[src*=line], #documents_list img[src*=plus], #documents_list img[src*=minus]{
180         -webkit-transform: rotate(180deg);
181         -moz-transform: rotate(180deg);
182         -o-transform: rotate(180deg);
183         -ms-transform: rotate(180deg);
184         transform: rotate(180deg);
185     }
186     #documents_list img[src*=branchbottom]{
187         -webkit-transform:  translate(2px ,0) rotate(-90deg);
188         -moz-transform:  translate(2px ,0) rotate(-90deg);
189         -o-transform:  translate(2px ,0) rotate(-90deg);
190         -ms-transform:  translate(2px ,0) rotate(-90deg);
191         transform: translate(2px ,0) rotate(-90deg);
192     }
195     .tabs-container ul.tabs{
196         width: 100%;
197     }
199     .tabs-container ul.tabs li{
201         float: none !important;
202     }
203     .container_body .viewport .overview{
204         left: initial !important;
205     }
207     .top-menu-carecoordination li{
208         float: right !important;
209     }
212     .setup-carecoordination .top-menu-carecoordination li{
213         float: right !important;
214     }
215     .setup-carecoordination .ca-ca-in-1{
216         float: right !important;
217     }
218     .setup-carecoordination ul.virtualpage_system_based_forms{
220         float: right !important;
221     }
222     .setup-carecoordination .ca-ca-in-2{
224         float: right;
225         padding-right: 2% !important;
226         float: right !important;
227     }
228     .setup-carecoordination #paginatediv_database_tables a[rel=next]{
229         float: left !important;
230         transform: rotate(180deg);
231     }
232     .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
233         float: right !important;
234         transform: rotate(180deg);
235     }
237     /* online - portal */
239     /* patients/summary_pat_portal.php */
240     div#portal-buttons-bottom{
241         padding: 5px 15px;
242     }
244     #DEM .label_custom, #report_parameters table table td.label_custom {
245         text-align: left !important;
246     }
248     /* flow board */
249     form#pattrk h2>span{
250         float: right !important;
251     }
252     form#pattrk #inanewwindow>span{
253         float: left !important;
254     }
256     /* cdr Groups */
257     .cdr-rules-class .ui-multiselect .ui-state-default {
258         padding: 0 20px;
259     }
261     .rule_detail.edit.summry .left_col {
262         float: none;
263         margin: 5px;
264     }
266     .rule_detail .left_col,
267     .rule_detail .mid_col,
268     .rule_detail .end_col {
269         float: none;
270         display: inline-block;
271     }
273     #namecontainer_preminders {
274         float: right !important;
275     }
277     #namecontainer_creminders {
278         float: right !important;
279     }
281     .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
282         float: right;
283     }
285     .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
286         -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
287         -moz-transform: rotate(180deg);        /* FF */
288         -o-transform: rotate(180deg);          /* Opera */
289         -ms-transform: rotate(180deg);         /* IE9 */
290         transform: rotate(180deg);             /* W3C compliant browsers */
292         /* IE8 and below */
293         filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
294     }
298     div.formname{
299         float: right !important;
300         padding-left: 10px !important;
301     }
303     .select2-search, .select2-results{
304         direction: rtl !important;
305     }
307     [name="userlist"] .checkbox input[type=checkbox] {
308         margin-left: 0px !important;
309     }