Multiple improvements from IPPF related to layouts. (#1081)
[openemr.git] / interface / themes / rtl.css
blobe862124ba2a948358e330a9d46711fba0125d36c
1 /*
2 RTL adjustments for style*.css files
4 Author : Amiel Elboim, Matrix
5 */
7 /* General RTL calsses */
9 tr, td, th{
10 text-align: right !important;
14 body {
15 margin: 0px 0px 0px 2px;
16 direction: rtl;
19 .menu {
20 text-align: left;
23 .menu_selected {
24 text-align: left;
27 .logout {
28 text-align: right;
34 #documents_list {
35 float: right;
36 border-right: dashed 1px;
38 #documents_actions {
39 float: left;
42 #documents_actions form {
43 margin: 0px; padding: 0px;
47 /*=============================================================
48 * This section relates to the custom layouts that can be made
49 * using the OEMR tool in the Admin section. For example, the
50 * Patient Demographics are a custom layout.
51 *============================================================*/
53 #DEM .label_custom {
55 text-align: left;
57 #DEM .data {
58 text-align: right;
59 padding-right: 6px;/*30px - ie 6 fix*/
62 /* Patient History */
64 #HIS .groupname {
65 padding-right: 1px;
68 #HIS .data {
70 text-align: right;
71 padding-right: 10px;
75 /*=============================================================
76 * Patient Past Encounters and Documents
77 * seen in the patient encounter screen
78 *============================================================*/
80 #patient_pastenc th {
81 text-align: right;
86 /*=============================================================
87 * Patient Reports
88 * seen in the patient reports screens
89 *============================================================*/
90 #patient_reports .issues {
91 padding-right: 30px;
93 #patient_reports .issues table {
94 margin: 10px 0px 10px 0px;
96 #patient_reports .issues td {
97 padding: 2px;
99 #patient_reports .encounters td {
100 padding: 2px;
102 #patient_reports .encounter_forms {
103 margin:5px 15px 5px 15px;
106 /*=============================================================
107 * Report - Custom
108 * seen as the patient report (custom_report.php)
109 *============================================================*/
111 #report_custom .billing {
112 margin: 5px;
113 padding: 5px;
115 #report_custom h1 {
116 margin: 0px 0px 5px 0px;
117 padding: 0px;
119 #report_custom .immunizations {
120 margin: 5px;
121 padding: 5px;
123 #report_custom .notes {
124 margin: 5px;
125 padding: 5px;
127 #report_custom .transactions {
128 margin: 5px;
129 padding: 5px;
131 #report_custom .communications {
132 margin: 5px;
133 padding: 5px;
135 #report_custom .documents {
136 margin: 5px;
137 padding: 5px;
139 #report_custom .demographics {
140 margin: 5px;
141 padding: 5px;
143 #report_custom .insurance {
144 margin: 5px;
145 padding: 5px;
147 #report_custom .history {
148 margin: 5px;
149 padding: 5px;
151 #report_custom .issue {
152 margin-left: 20px;
154 #report_custom .issue_type {
155 padding: 5px 0px 5px 0px;
157 #report_custom .issue_diag {
158 margin: 0px 20px 0px 20px;
160 #report_custom .encounter {
161 border-top:2px dotted black;
162 padding: 10px 5px 10px 5px;
164 #report_custom .encounter h1 {
165 margin: 0px;
166 padding: 0px;
168 #report_custom .encounter_form {
169 margin: 10px;
170 padding: 10px;
171 border-top: 1px solid gray;
177 * CSS BUTTONS
179 .css_button_small {
180 float: right;
181 margin-right: 3px;
182 padding-right: 10px; /* sliding doors padding */
185 .css_button_small span {
186 padding: 0px 0px 0px 10px;
189 .css_button {
190 float: right;
191 margin-right: 3px;
192 padding-right: 10px; /* sliding doors padding */
195 .css_button span {
196 padding: 5px 0 5px 10px;
198 .sellistclass {
199 float:right;
202 * TABS
205 ul.tabNav { margin: 0; padding: 0; }
206 ul.tabNav { float: right; }
207 ul.tabNav li { float: right;
208 margin: 0 1px 0 0;
209 padding: 6px 0 0;
210 text-align: right;
212 ul.tabNav li.current {
213 padding-top: 0;
214 text-align: right;
216 ul.tabNav a {
217 padding: 4px 4px 5px 4px;
219 ul.tabNav li.current a {padding: 8px; }
221 div.tabContainer {
222 float: right;
225 div.tab table td {
226 padding-right: 1px;
229 * REPORTS
232 #report_parameters table table td.label_custom {
233 text-align: left;
236 #report_results table thead {
237 text-align:right;
240 * List-table formatting
242 .showborder td {
243 text-align:right;
245 .showborder_head th {
246 text-align:right;
248 .shownoborder td {
249 text-align:right;
251 .showborder_long tr td{
252 text-align:right;
257 #navigation-slide, #navigation-slide *{
258 padding-right:0px;
259 margin-right:0px;
262 #navigation-slide a{
264 padding: 5px 2px 5px 10px;
267 #sddm li
268 { margin: 0;
269 padding: 0;
270 float:right;
273 #sddm li a
275 margin: 0 1px 0 0;
276 padding: 4px 10px;
277 text-align:right;
280 #sddm div a
282 margin: 0;
283 padding: 5px 10px;
284 text-align: right;
288 .text-area{
289 text-align:right;
291 .example_menu a {
292 margin-left: 0;
293 padding: 2px 2px 2px 17px;
296 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
297 margin: 0 0 10px 0;
300 /* Calander */
301 #bottomLeft{
303 float: right !important;
305 #bigCal{
306 border-right: 1px solid black !important;
310 /*miscellaneous*/
311 .misc-internet-search{
312 float: right !important;
315 form#new_note div{
317 float: none !important;
319 /* record_disclosure.php */
320 #record-disclosure, #record-disclosure>div {
322 float:none !important;
325 /* newpatient/common.php */
326 form#new-encounter-form div{
328 float: none !important;
329 display: inherit;
331 form#new-encounter-form a{
332 margin-top: 4px;
335 /* /patient_file/encounter/forms.php */
336 #encounter_forms .encounter-summary-column{
337 float: right !important;
339 #encounter_forms .form_header_controls, #encounter_forms .form_header{
340 float: none !important;
344 /* /interface/main/main_title.php */
345 table#main-title tr td:nth-child(1){
346 text-align: left !important;
348 table#main-title tr td:nth-child(2){
349 text-align: center !important;
351 table#main-title tr td:nth-child(2) div, table#main-title tr td:nth-child(3) div{
352 float: none !important;
354 table#main-title tr td:nth-child(3){
355 text-align: center !important;
357 table#main-title tr td:nth-child(4){
358 text-align: right !important;
360 table#main-title tr td:nth-child(4) table{
361 float: left;
364 /* /interface/patient_file/summary/demographics.php */
365 .demographics-box{
366 position: relative
368 .demographics-box>div{
369 float: none !important;
370 position: absolute;
372 .demographics-box>div:first-child{
373 width: 55% !important;
375 .demographics-box>div:last-child{
376 margin-right: 55%
380 #tdallday3>span{
381 direction: ltr;
382 display: inline-block;
384 #tdallday3>span>input{
385 text-align: right;
388 /* /interface/clickmap/template/general_new.html */
389 .graphic-pain-map{
390 float: none !important;
391 width: 600px;
393 .graphic-pain-map img{
394 width: 100%;
396 body>.nav{
397 margin-right: 40px;
401 /* ajax_template.html */
403 #dateNAV img{
404 display: none;
406 #dateNav>a:nth-child(2), #dateNav>a:nth-child(3){
407 display: inline-block;
408 width: 16px;
409 height: 15.5px;
411 #dateNav>a:nth-child(2){
413 background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
414 margin-right: 10px;
416 #dateNav>a:nth-child(3){
418 background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
422 /* /main/messages/messages.php */
423 td.amount-msg{
425 text-align: left !important;
426 direction: ltr;
429 /* /interface/billing/edih_view.php */
430 #tabs ul.ui-tabs-nav li.ui-state-default{
431 float: right;
435 /* /interface/code_systems/dataloads_ajax.php */
437 #accordion .left_wrpr, #accordion .wrpr{
438 float: right !important;
440 .ui-dialog .ui-dialog-title{
442 float: none !important;
446 /* /library/js/datatables/media/css/demo_table.css */
448 #pt_table_paginate #pt_table_next{
450 float: none !important;
451 background: url('../../library/css/images/back_disabled.png') no-repeat top left !important;
452 display: inline-block;
453 width: 54px !important;
454 padding-left: 20px !important;
455 padding-right: 5px !important;
459 #pt_table_paginate #pt_table_previous{
461 float: none !important;
462 background: url('../../library/css/images/forward_disabled.png') no-repeat top right !important;
463 display: inline-block;
464 width: 54px !important;
465 padding-right: 20px !important;
466 padding-left: 5px !important;
470 .cancel-float{
471 float: none !important;
474 /* /templates/documents/general_view.html */
475 #documents_actions form[name^=document]>div>div, #documents_actions form[name=notes]>div>div{
477 float: none !important;
478 display: inline-block;
482 #documents_list img[src*=branch], #documents_list img[src*=line], #documents_list img[src*=plus], #documents_list img[src*=minus]{
483 -webkit-transform: rotate(180deg);
484 -moz-transform: rotate(180deg);
485 -o-transform: rotate(180deg);
486 -ms-transform: rotate(180deg);
487 transform: rotate(180deg);
489 #documents_list img[src*=branchbottom]{
490 -webkit-transform: translate(2px ,0) rotate(-90deg);
491 -moz-transform: translate(2px ,0) rotate(-90deg);
492 -o-transform: translate(2px ,0) rotate(-90deg);
493 -ms-transform: translate(2px ,0) rotate(-90deg);
494 transform: translate(2px ,0) rotate(-90deg);
498 .tabs-container ul.tabs{
499 width: 100%;
502 .tabs-container ul.tabs li{
504 float: none !important;
506 .container_body .viewport .overview{
507 left: initial !important;
510 .top-menu-carecoordination li{
511 float: right !important;
515 .setup-carecoordination .top-menu-carecoordination li{
516 float: right !important;
518 .setup-carecoordination .ca-ca-in-1{
519 float: right !important;
521 .setup-carecoordination ul.virtualpage_system_based_forms{
523 float: right !important;
525 .setup-carecoordination .ca-ca-in-2{
527 float: right;
528 padding-right: 2% !important;
529 float: right !important;
531 .setup-carecoordination #paginatediv_database_tables a[rel=next]{
532 float: left !important;
533 transform: rotate(180deg);
535 .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
536 float: right !important;
537 transform: rotate(180deg);
540 /* online - portal */
542 /* patients/summary_pat_portal.php */
543 div#portal-buttons-bottom{
544 padding: 5px 15px;
547 #DEM .label_custom, #report_parameters table table td.label_custom {
548 text-align: left !important;
551 /* flow board */
552 form#pattrk h2>span{
553 float: right !important;
555 form#pattrk #inanewwindow>span{
556 float: left !important;
559 /* cdr Groups */
560 .cdr-rules-class .ui-multiselect .ui-state-default {
561 padding: 0 20px;
564 .rule_detail.edit.summry .left_col {
565 float: none;
566 margin: 5px;
569 .rule_detail .left_col,
570 .rule_detail .mid_col,
571 .rule_detail .end_col {
572 float: none;
573 display: inline-block;
576 #namecontainer_preminders {
577 float: right !important;
580 /* Therapy Groups */
581 #therapy_groups_list_container #clear_filters{
582 float: right;
585 #namecontainer_creminders {
586 float: right !important;
589 .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
590 float: right;
593 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
594 -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
595 -moz-transform: rotate(180deg); /* FF */
596 -o-transform: rotate(180deg); /* Opera */
597 -ms-transform: rotate(180deg); /* IE9 */
598 transform: rotate(180deg); /* W3C compliant browsers */
600 /* IE8 and below */
601 filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
604 #file_type_whitelist .subject-black-list,
605 #file_type_whitelist .subject-white-list,
606 #file_type_whitelist .subject-info-save,
607 #file_type_whitelist .subject-info-arrows
609 float: right;
612 #white-list, #black-list{
613 direction: ltr;