Feat fixes #7658 signature page twigify (#7659)
[openemr.git] / interface / themes / rtl.scss
blobfbc530212e351a3f317d82efd961175a75aef488
1 //    RTL adjustments for style*.css files
2 //    Author: Amiel Elboim, Matrix
4 // Warning: Do not put Bootstrap variables in here as the file will break
5 /* General RTL classes */
6 @mixin rtl_style {
7   body {
8     direction: rtl;
9   }
11   tr,
12   td,
13   th {
14     text-align: right !important;
15   }
17   #navigation-slide,
18   #navigation-slide * {
19     margin-right: 0;
20     padding-right: 0;
21   }
23   #navigation-slide a {
24     padding: 5px 2px 5px 10px;
25   }
27   /* Calander */
28   #bottomLeft {
29     float: right !important;
30   }
32   /*miscellaneous*/
33   .misc-internet-search {
34     float: right !important;
35   }
37   /* record_disclosure.php */
38   #record-disclosure,
39   #record-disclosure > div {
40     float: none !important;
42   }
44   /* /patient_file/encounter/forms.php  */
45   #encounter_forms {
46     .encounter-summary-column {
47       float: right !important;
48     }
50     .form_header_controls,
51     .form_header {
52       float: none !important;
53     }
54   }
56   /* /interface/patient_file/summary/demographics.php */
57   .demographics-box {
58     position: relative;
60     > div {
61       float: none !important;
62       position: absolute;
64       &:first-child {
65         width: 55% !important;
66       }
68       &:last-child {
69         margin-right: 75%;
70       }
71     }
72   }
74   #tdallday3 > span {
75     direction: ltr;
76     display: inline-block;
78     > input {
79       text-align: right;
80     }
81   }
83   /* /interface/clickmap/template/general_new.html */
84   .graphic-pain-map {
85     float: none !important;
86     width: 600px;
87   }
89   .graphic-pain-map img {
90     width: 100%;
91   }
93   /* ajax_template.html */
95   #dateNAV {
96     img {
97       display: none;
98     }
100     > a:nth-child(2),
101     > a:nth-child(3) {
102       display: inline-block;
103       height: 15.5px;
104       width: 16px;
105     }
107     > a:nth-child(2) {
108       background-image: url('../../public/images/rightbtn.gif');
109       margin-right: 10px;
110     }
112     > a:nth-child(3) {
113       background-image: url('../../public/images/leftbtn.gif');
114     }
115   }
117   /* /main/messages/messages.php */
118   td.amount-msg {
119     direction: ltr;
120     text-align: left !important;
121   }
123   /*  /interface/billing/edih_view.php  */
124   #tabs ul.ui-tabs-nav li.ui-state-default {
125     float: right;
126   }
128   /* /interface/code_systems/dataloads_ajax.php */
130   #accordion .left_wrpr,
131   #accordion .wrpr {
132     float: right !important;
133   }
135   .ui-dialog .ui-dialog-title,
136   .cancel-float {
137     float: none !important;
138   }
140   /* /templates/documents/general_view.html */
141   #documents_actions form[name^=document] > div > div,
142   #documents_actions form[name=notes] > div > div {
143     display: inline-block;
144     float: none !important;
145   }
147   #documents_list img[src*=branch],
148   #documents_list img[src*=line],
149   #documents_list img[src*=plus],
150   #documents_list img[src*=minus] {
151     transform: rotate(180deg);
152   }
154   #documents_list img[src*=branchbottom] {
155     transform: translate(2px, 0) rotate(-90deg);
156   }
158   .tabs-container ul.tabs {
159     width: 100%;
161     li {
162       float: none !important;
163     }
164   }
166   .container_body .viewport .overview {
167     left: initial !important;
168   }
170   .top-menu-carecoordination li,
171   .setup-carecoordination .top-menu-carecoordination li,
172   .setup-carecoordination .ca-ca-in-1,
173   .setup-carecoordination ul.virtualpage_system_based_forms {
174     float: right !important;
175   }
177   .setup-carecoordination {
178     .ca-ca-in-2 {
179       float: right !important;
180       padding-right: 2% !important;
181     }
183     #paginatediv_database_tables {
184       a[rel=next] {
185         float: left !important;
186         transform: rotate(180deg);
187       }
189       a[rel=previous] {
190         float: right !important;
191         transform: rotate(180deg);
192       }
193     }
194   }
196   /* online - portal */
198   /* patients/summary_pat_portal.php */
199   div#portal-buttons-bottom {
200     padding: 5px 15px;
201   }
203   #DEM .label_custom,
204   #report_parameters table table td.label_custom {
205     text-align: left !important;
206   }
208   /* flow board */
209   form#pattrk {
210     h2 > span {
211       float: right !important;
212     }
214     #inanewwindow > span {
215       float: left !important;
216     }
217   }
219   /* cdr Groups */
220   .cdr-rules-class .ui-multiselect .ui-state-default {
221     padding: 0 20px;
222   }
224   .rule_detail {
225     &.edit.summry .left_col {
226       float: none;
227       margin: 5px;
228     }
230     .left_col,
231     .mid_col,
232     .end_col {
233       display: inline-block;
234       float: none;
235     }
236   }
238   #namecontainer_preminders,
239   #namecontainer_creminders {
240     float: right !important;
241   }
243   .xdsoft_datepicker .xdsoft_mounthpicker {
244     button,
245     > div {
246       float: right;
247     }
249     button.xdsoft_prev,
250     button.xdsoft_next {
251       transform: rotate(180deg);
252     }
253   }
255   div.formname {
256     float: right !important;
257     padding-left: 10px !important;
258   }
260   .select2-search,
261   .select2-results {
262     direction: rtl !important;
263   }
265   [name="userlist"] .checkbox input[type=checkbox] {
266     margin-left: 0 !important;
267   }
269   #create_patient_btn {
270     float: left;
271   }
275 @mixin portal_style {
276   // None needed at the moment
279 /*expandable search rtl in main.php*/
281 .oe-expandable-search {
282   button {
283     &.btn-search1 {
284       padding: 4px 6px 4px 0 !important;
285       right: 0;
286     }
288     &.btn-globals-legacy {
289       right: 110px;
290     }
292     &.btn-globals-modern {
293       right: 0;
294     }
295   }
297   input:focus ~ button.btn-search1 {
298     outline: 0;
299     right: 245px;
300   }
303 /*expandable search rtl in main.php*/
304 /*vertical main menu */
306 .appMenu_small .menuSection > .menuEntries {
307   right: 40px !important;
310 /*vertical main menu */