Feat openemr fix 7480 7494 email prescription (#7495)
[openemr.git] / interface / themes / rtl_style_pdf.css
blobffa6980e03aaabbffc31f7bd82c07bb2c2e7bbb6
1 @import url('core.css');
3 a {
4 color: #00c;
5 text-decoration: none;
8 a:visited {
9 color: #00c;
12 a:hover {
13 color: #f55;
16 .menu {
17 color: #00c;
18 font-size: 11pt;
19 font-style: italic;
20 text-align: left;
21 text-decoration: none;
24 .menu_selected {
25 color: #000;
26 font-size: 11pt;
27 font-style: italic;
28 text-align: left;
29 text-decoration: none;
32 .logout {
33 color: #000;
34 font-size: 11pt;
35 font-style: italic;
36 text-align: right;
37 text-decoration: none;
40 .text {
41 color: #000;
42 font-size: 9pt;
43 text-decoration: none;
46 .required {
47 color: #800;
48 font-size: 10pt;
49 font-weight: bold;
50 text-decoration: none;
53 .bold {
54 color: #000;
55 font-size: 9pt;
56 font-weight: bold;
57 text-decoration: none;
60 .alert-custom {
61 color: #f00;
62 font-size: 70%;
63 text-decoration: none;
66 .small {
67 color: #000;
68 font-size: 80%;
69 text-decoration: none;
72 .link {
73 color: #00c;
74 font-size: 70%;
75 text-decoration: none;
78 .more {
79 font-size: 70%;
80 text-decoration: none;
83 .back {
84 font-size: 70%;
85 text-decoration: none;
88 .link_selected {
89 color: #00f;
90 font-size: 70%;
91 text-decoration: none;
94 .link_selected:visited {
95 color: #00f;
96 font-size: 70%;
97 text-decoration: none;
100 .link_submit {
101 color: #007;
102 font-size: 10pt;
103 text-decoration: none;
106 .link_submit a:visited {
107 color: #007;
110 .link_submit a:hover {
111 color: #f55;
114 .items {
115 font-size: 6pt;
118 .title {
119 font-size: 12pt;
120 font-weight: bold;
121 text-decoration: none;
124 /* see .titlebar below */
125 .title_bar {
126 color: #000;
127 font-size: 12pt;
128 font-weight: bold;
129 text-decoration: none;
132 .title_bar_top {
133 color: #000;
134 font-size: 13px;
135 font-weight: bold;
136 text-decoration: none;
139 .body_top {
140 background-color: #fefdcf;
141 margin: 8px;
144 /* $top_bg_line */
145 .bgcolor2 {
146 background-color: #fefdcf;
149 /* $GLOBALS['style']['BGCOLOR2'] */
150 .body_bottom {
151 background: url("../pic/aquabg.gif") repeat;
152 margin: 8px;
155 /* $bottom_bg_line */
156 .body_title {
157 background-color: #fedf98;
160 /* $title_bg_line */
161 .body_nav {
162 background-color: #fefdcf;
165 /* $nav_bg_line */
166 .body_filler {
167 background-color: #f7f0d5;
170 /* $login_filler_line */
171 .body_login {
172 background: url("../pic/aquabg.gif") repeat;
175 /* $login_body_line */
176 .table_bg {
177 background-color: #ccc;
180 /* $table_bg */
181 .bgcolor1 {
182 background-color: #ccc;
185 /* $GLOBALS['style']['BGCOLOR1'] */
186 .textcolor11 {
187 background-color: #222;
190 /* $GLOBALS['style']['TEXTCOLOR11'] */
191 .highlightcolor {
192 background-color: #ddd;
195 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
196 .bottom_line {
197 background: url("../pic/aquabg.gif") repeat;
200 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
201 .logobar {
202 background-color: #24262c;
203 height: 110px;
206 /* $GLOBALS['logoBarHeight'] */
207 .navbar {
208 height: 22px;
211 /* $GLOBALS['navBarHeight'] */
212 .titlebar {
213 height: 20px;
216 /* $GLOBALS['titleBarHeight'] */
217 #addressbook_list td {
218 padding-left: 4px;
219 padding-right: 4px;
222 #addressbook_list a,
223 #addressbook_list a:visited,
224 #addressbook_list a:hover {
225 color: #00c;
228 #addressbook_list tr.search {
229 font-size: 9pt;
230 font-weight: bold;
233 #addressbook_list tr.head {
234 background-color: #ccc;
235 font-size: 10pt;
236 font-weight: bold;
239 #addressbook_list tr.detail {
240 font-size: 10pt;
243 #addressbook_list .inputtext {
244 background-color: transparent;
245 border-color: #000;
246 border-style: solid;
247 border-width: 1px;
248 font-size: 9pt;
249 font-weight: normal;
252 #addressbook_list .button {
253 font-size: 8pt;
254 font-weight: bold;
257 /* styles taken out of templates/report/general_default.html */
258 #reports_list td {
259 font-size: 8pt;
262 #reports_list a {
263 font-size: 8pt;
266 /* styles taken out of templates/documents/general_list.html */
267 #documents_list td {
268 font-size: 8pt;
271 #documents_list a {
272 font-size: 8pt;
275 #documents_list .treeMenuDefault {
276 font-style: italic;
279 #documents_list .treeMenuBold {
280 font-style: italic;
281 font-weight: bold;
284 #documents_list {
285 border-right: dashed 1px;
286 float: left;
287 height: 95%;
288 overflow: auto;
289 width: 29%;
292 #documents_actions {
293 float: right;
294 height: 95%;
295 overflow: auto;
296 padding-top: 10px;
297 width: 70%;
300 #documents_actions iframe {
301 border: 0;
302 display: inline;
303 height: 600px;
304 overflow: auto;
305 width: 100%;
308 #documents_actions form {
309 margin: 0;
310 padding: 0;
313 #documents_actions table {
314 height: 95%;
315 width: 100%;
318 /*=============================================================
319 * This section relates to the custom layouts that can be made
320 * using the OEMR tool in the Admin section. For example, the
321 * Patient Demographics are a custom layout.
322 *============================================================*/
323 #DEM .groupname {
324 color: #080;
325 font-size: 9pt;
326 font-weight: bold;
327 padding-right: 5px;
328 vertical-align: top;
329 width: 12%;
332 #DEM .label_custom {
333 font-size: 9pt;
334 font-weight: bold;
335 text-align: right;
336 vertical-align: top;
337 width: 22%;
340 #DEM .data {
341 font-size: 9pt;
342 padding-right: 6px;
343 text-align: left;
344 vertical-align: top;
345 /*30px - ie 6 fix*/
346 width: 22%;
349 /* Patient History */
350 #HIS .groupname {
351 color: #080;
352 font-size: 9pt;
353 font-weight: bold;
354 height: 2em;
355 padding-right: 1px;
356 vertical-align: top;
357 width: 12%;
360 #HIS .label_custom {
361 font-size: 9pt;
362 font-weight: bold;
363 vertical-align: top;
364 width: 22%;
367 #HIS .data {
368 font-size: 9pt;
369 padding-right: 10px;
370 text-align: left;
371 vertical-align: top;
372 width: 22%;
375 /*=============================================================
376 * Patient Notes
377 * seen in the patient summary and notes screens
378 *============================================================*/
379 #pnotes .billing {
380 background-color: #dfd;
383 #pnotes .highlight {
384 background-color: #fff;
387 #pnotes table {
388 border-collapse: collapse;
391 #pnotes .noterow td {
392 border-bottom: 1px dashed #000;
393 margin: 5px;
394 padding: 5px;
395 vertical-align: top;
398 #pnotes_ps_expand div.tab table td {
399 padding-right: 10px;
402 /*=============================================================
403 * Patient Stats
404 * seen in the patient stats screens
405 *============================================================*/
406 #patient_stats {
407 padding: 10px;
410 #patient_stats table {
411 border-collapse: collapse;
412 width: 100%;
415 #patient_stats td {
416 padding: 3px;
419 #patient_stats .statrow {
420 cursor: pointer;
423 #patient_stats .head {
424 background-color: #ccc;
425 font-size: 10pt;
426 text-align: center;
429 #patient_stats .detail {
430 font-size: 10pt;
431 vertical-align: top;
434 #patient_stats .btn {
435 background-color: transparent;
438 #patient_stats .bg1 {
439 background-color: #ddf;
442 #patient_stats .bg2 {
443 background-color: #fdd;
446 #patient_stats .center {
447 text-align: center;
450 /*=============================================================
451 * Patient Stats Summary
452 * seen in the patient summary screen
453 *============================================================*/
454 #patient_stats_summary table {
455 border-collapse: collapse;
458 #patient_stats_summary .noend_noreturn {
459 color: #e00;
462 #patient_stats_summary .noend {
463 color: #d50;
466 #patient_stats_summary .noreturn {
467 color: #00f;
470 #patient_stats_summary .title {
471 font-size: 1.1em;
474 #patient_stats_issues {
475 width: 100%;
478 #patient_stats_spreadsheets {
479 width: 100%;
482 #patient_stats_imm {
483 width: 100%;
486 #patient_stats_prescriptions {
487 width: 100%;
490 /*=============================================================
491 * Patient Past Encounters and Documents
492 * seen in the patient encounter screen
493 *============================================================*/
494 #patient_pastenc {
495 width: 100%;
498 #patient_pastenc .billing_note {
499 width: 25%;
502 #patient_pastenc .billing_note_text {
503 background-color: #d3d3d3;
504 border: 2px outset #000;
505 padding: 5px;
508 #patient_pastenc .billing_note_text_highlight {
509 background-color: #f7f5d1;
512 #patient_pastenc table {
513 border-collapse: collapse;
514 width: 100%;
517 #patient_pastenc tr {
518 cursor: pointer;
521 #patient_pastenc td {
522 border-top: 1px solid #000;
523 vertical-align: top;
526 #patient_pastenc th {
527 text-align: left;
530 #patient_pastenc #tooltipdiv {
531 background-color: #ffa;
532 border: 1px solid #000;
533 font-size: 9pt;
534 padding: 2px;
535 position: absolute;
536 visibility: hidden;
537 width: 500px;
538 z-index: 1000;
541 #patient_pastenc .highlight {
542 background-color: #fff;
545 #patient_pastenc .tooltip {
546 background: #f7f5d1;
547 border: 1px solid #333;
548 color: #333;
549 display: none;
550 padding: 2px 5px;
551 position: absolute;
554 /*=============================================================
555 * Patient Reports
556 * seen in the patient reports screens
557 *============================================================*/
558 #patient_reports {
559 width: 100%;
562 #patient_reports .issues {
563 padding-right: 30px;
566 #patient_reports .issues table {
567 margin: 10px 0;
570 #patient_reports .issues td {
571 padding: 2px;
574 #patient_reports .encounters td {
575 padding: 2px;
578 #patient_reports .encounter_forms {
579 margin: 5px 15px;
582 #patient_reports td {
583 vertical-align: top;
586 #patient_reports ul {
587 list-style: none;
590 /*=============================================================
591 * Report - Custom
592 * seen as the patient report (custom_report.php)
593 *============================================================*/
594 #report_custom {
595 width: 100%;
598 #report_custom table {
599 width: 80%;
602 #report_custom hr {
603 border: 2px dotted #000;
606 #report_custom .billing {
607 margin: 5px;
608 padding: 5px;
611 #report_custom h1 {
612 font-size: 120%;
613 margin: 0 0 5px;
614 padding: 0;
617 #report_custom .immunizations {
618 margin: 5px;
619 padding: 5px;
622 #report_custom .notes {
623 margin: 5px;
624 padding: 5px;
627 #report_custom .transactions {
628 margin: 5px;
629 padding: 5px;
632 #report_custom .communications {
633 margin: 5px;
634 padding: 5px;
637 #report_custom .documents {
638 margin: 5px;
639 padding: 5px;
642 #report_custom .demographics {
643 margin: 5px;
644 padding: 5px;
647 #report_custom .insurance {
648 margin: 5px;
649 padding: 5px;
652 #report_custom .insurance td {
653 width: 24%;
656 #report_custom .history {
657 margin: 5px;
658 padding: 5px;
661 #report_custom .issue {
662 margin-left: 20px;
665 #report_custom .issue_type {
666 font-weight: bold;
667 padding: 5px 0;
670 #report_custom .issue_diag {
671 margin: 0 20px;
674 #report_custom .encounter {
675 border-top: 2px dotted #000;
676 margin-top: 10px;
677 padding: 10px 5px;
678 width: 100%;
681 #report_custom .encounter h1 {
682 font-size: 140%;
683 margin: 0;
684 padding: 0;
687 #report_custom .encounter_form {
688 border-top: 1px solid #808080;
689 margin: 10px;
690 padding: 0;
693 #report_custom img.bigimage {
694 width: 540pt;
695 /* 540pt = 7.5 inches */
698 #addressbook_list tr.evenrow {
699 background-color: #ddf;
702 #addressbook_list tr.oddrow {
703 background-color: #fff;
706 .sellistclass {
707 float: left;
711 * TABS
713 ul.tabNav {
714 margin: 0;
715 padding: 0;
718 ul.tabNav {
719 float: left;
720 list-style: none;
721 width: 100%;
724 ul.tabNav li {
725 float: left;
726 font-size: 0.8em;
727 margin: 0 1px 0 0;
728 padding: 6px 0 0;
729 text-align: left;
730 vertical-align: bottom;
733 ul.tabNav li.current {
734 font-size: 0.8em;
735 font-weight: bold;
736 padding-top: 0;
737 text-align: left;
738 vertical-align: bottom;
741 ul.tabNav a {
742 background: #a7a7a7;
743 border: 1px solid #fff;
744 border-width: 1px 1px 0;
745 color: #333;
746 display: block;
747 padding: 4px 4px 5px;
748 text-decoration: none;
751 ul.tabNav li.current a {
752 background: #fff;
753 padding: 8px;
756 div.tabContainer {
757 clear: both;
758 float: left;
759 width: 100%;
762 div.tabContainer div.tab {
763 border: 1px solid #fff;
764 color: #000;
765 display: none;
766 padding: 10px;
769 div.tabContainer div.current {
770 display: block;
773 div.tab {
774 background: #fff none repeat scroll 0 0;
775 margin-bottom: 10px;
776 min-height: 180px;
777 width: 665px;
780 div.tab_long {
781 background: #fff none repeat scroll 0 0;
782 margin-bottom: 10px;
783 min-height: 180px;
784 width: 100%;
787 div.tab p:last-child {
788 margin-bottom: 0;
791 div.tab table td {
792 padding-bottom: 0;
793 padding-right: 1px;
796 div.tab table td.label_custom {
797 min-width: 80px;
800 div.tab table td.data {
801 min-width: 120px;
802 /*170px*/
805 div.notab {
806 background: #fff none repeat scroll 0 0;
807 margin-bottom: 10px;
808 width: 100%;
811 div.notab-right {
812 background: #fff none repeat scroll 0 0;
813 margin-bottom: 10px;
814 width: 100%;
817 .section-header {
818 border-bottom: 1px solid;
819 margin-bottom: 5px;
820 width: 685px;
823 .section-header-dynamic {
824 border-bottom: 1px solid;
825 margin-bottom: 5px;
828 .summary_item {
829 background: #fff;
830 padding: 8px;
834 * REPORTS
836 #report_parameters {
837 background-color: #ececec;
838 margin-top: 10px;
841 #report_parameters table {
842 border: solid 1px;
843 border-collapse: collapse;
844 width: 100%;
847 #report_parameters table td {
848 padding: 5px;
851 #report_parameters table table {
852 border: 0;
853 border-collapse: collapse;
854 font-size: 0.8em;
857 #report_parameters table table td.label_custom {
858 text-align: right;
861 #report_results table {
862 border-bottom: 1px solid #000;
863 border-collapse: collapse;
864 border-left: 1px solid #000;
865 border-right: 1px solid #000;
866 border-top: 1px solid #000;
867 margin-top: 1px;
868 width: 100%;
871 #report_results table thead {
872 background-color: #ddd;
873 display: table-header-group;
874 font-size: 0.7em;
875 font-weight: bold;
876 padding: 5px;
877 text-align: left;
880 #report_results table th {
881 border-bottom: 1px solid #000;
882 padding: 5px;
885 #report_results table td {
886 border-bottom: 1px dashed;
887 font-size: 0.8em;
888 padding: 5px;
891 .report_totals td {
892 background-color: #7f7;
893 font-weight: bold;
897 * List-table formatting
899 .showborder {
900 width: 650px;
903 .showborder td {
904 border-bottom: 1px dashed #000;
905 font-size: 9pt;
906 text-align: left;
909 .showborder_head th {
910 border-bottom: 1px solid #000;
911 font-size: 9pt;
912 text-align: left;
915 .shownoborder td {
916 font-size: 9pt;
917 text-align: left;
920 .showborder_long {
921 width: 100%;
924 .showborder_long tr td {
925 border-bottom: 1px dashed #000;
926 font-size: 9pt;
927 text-align: left;
931 * Drug lookup
933 .drug_lookup {
934 background-color: #eae6ff;
935 border: 2px outset #666;
936 display: block;
937 font-size: 8pt;
938 padding: 5px;
939 position: absolute;
942 /* Password alert styles */
943 .pwdalert {
944 color: #000;
945 display: block;
946 margin-left: 100px;
947 padding: 10px 10px 10px 15px;
948 width: 390pt;
951 .alertmsg1 {
952 background-color: #ffd6d6;
953 border: 3px solid #fe7b7a;
956 .alertmsg2 {
957 background-color: #fabfff;
958 border: 3px solid #f56fff;
961 .alertmsg3 {
962 background-color: #eef7dd;
963 border: 3px solid #9acc2e;
966 /* Password alert styles */
967 /* Style for red font */
968 .redtext {
969 color: #f00;
970 font-size: 10pt;
971 text-decoration: none;
974 /* Style for red font */
975 .de_identification_status_message {
976 border: 1px solid #00f;
977 width: 50%;
980 .de_identification_input_controls_box {
981 border: 1px solid #00f;
982 width: 100%;
985 .de_id_upgrade_login {
986 background-color: #fff;
987 border: 1px solid #000;
988 width: 40%;
991 #navigation-slide,
992 #navigation-slide * {
993 margin-left: 0;
994 padding-left: 0;
997 #navigation-slide li {
998 list-style: none;
1001 #navigation-slide a {
1002 background: #fff;
1003 border-top: 2px solid #eae6ff;
1004 color: #000;
1005 display: block;
1006 font-weight: bold;
1007 padding: 5px 2px 5px 10px;
1008 width: 150px;
1011 #navigation-slide li a.collapsed {
1012 background: #999;
1013 /* for IE */
1014 /* for webkit browsers */
1015 background: linear-gradient(to top, #fe5301, #fefdcf);
1016 /* for non-css3 browsers */
1017 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5301', endColorstr='#fefdcf');
1018 /* for firefox 3.6+ */
1021 #navigation-slide li a.expanded {
1022 background: #999;
1023 /* for IE */
1024 /* for webkit browsers */
1025 background: linear-gradient(to top, #fefdcf, #fe5301);
1026 /* for non-css3 browsers */
1027 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fe5301');
1028 /* for firefox 3.6+ */
1031 #navigation-slide ul li a.collapsed_lv2 {
1032 background: #999;
1033 /* for IE */
1034 /* for webkit browsers */
1035 background: linear-gradient(to top, #ffac84, #fefdcf);
1036 /* for non-css3 browsers */
1037 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac84', endColorstr='#fefdcf');
1038 /* for firefox 3.6+ */
1041 #navigation-slide ul li a.expanded_lv2 {
1042 background: #999;
1043 /* for IE */
1044 /* for webkit browsers */
1045 background: linear-gradient(to top, #fefdcf, #ffac84);
1046 /* for non-css3 browsers */
1047 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#ffac84');
1048 /* for firefox 3.6+ */
1051 #navigation-slide ul li a.collapsed_lv3 {
1052 background: #999;
1053 /* for IE */
1054 /* for webkit browsers */
1055 background: linear-gradient(to top, #aaa, #eee);
1056 /* for non-css3 browsers */
1057 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#eeeeee');
1058 /* for firefox 3.6+ */
1061 #navigation-slide ul li a.expanded_lv3 {
1062 background: #999;
1063 /* for IE */
1064 /* for webkit browsers */
1065 background: linear-gradient(to top, #eee, #aaa);
1066 /* for non-css3 browsers */
1067 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa');
1068 /* for firefox 3.6+ */
1071 #sddm li {
1072 background: #999;
1073 /* for IE */
1074 /* for webkit browsers */
1075 background: linear-gradient(to top, #fe5301, #fefdcf);
1076 border: 1px solid #fefdcf;
1077 /* for non-css3 browsers */
1078 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5301', endColorstr='#fefdcf');
1079 float: left;
1080 list-style: none;
1081 margin: 0;
1082 padding: 0;
1083 /* for firefox 3.6+ */
1086 #sddm li a {
1087 color: #004080;
1088 display: block;
1089 font-size: 0.8em;
1090 font-weight: bold;
1091 margin: 0 1px 0 0;
1092 padding: 4px 10px;
1093 text-align: left;
1094 text-decoration: none;
1097 #sddm li a:hover {
1098 background: #ffac84;
1101 #sddm div {
1102 background: #c9f1b5;
1103 border-bottom: 1px solid #000;
1104 border-left: 1px solid #000;
1105 border-right: 1px solid #000;
1106 display: none;
1107 margin: 0;
1108 padding: 0;
1109 position: absolute;
1110 visibility: hidden;
1111 z-index: 20;
1114 #sddm div a {
1115 background: #fefdcf;
1116 color: #2875de;
1117 display: block;
1118 font-size: 0.8em;
1119 font-weight: normal;
1120 margin: 0;
1121 padding: 5px 10px;
1122 position: relative;
1123 text-align: left;
1124 text-decoration: none;
1125 width: 170px;
1128 #sddm div a:hover {
1129 background: #ffac84;
1130 color: #000;
1133 .text-area {
1134 background-color: #fff;
1135 border: 1px solid #000;
1136 height: 100px;
1137 overflow: auto;
1138 text-align: left;
1139 width: 100%;
1142 .example_menu {
1143 font-size: 70%;
1144 list-style: none;
1145 margin: 0;
1146 padding: 0;
1147 vertical-align: top;
1148 width: 136px;
1151 .expand_all,
1152 .collapse_all {
1153 cursor: pointer;
1156 .example_menu ul {
1157 display: none;
1158 list-style: none;
1159 margin: 0;
1160 padding: 0;
1163 #menu1 li,
1164 #menu2 li,
1165 #menu3 li,
1166 #menu4 li,
1167 #menu5 li,
1168 .example_menu li {
1169 background-image: none;
1170 border-bottom: 1px solid #fff;
1171 margin: 0;
1172 padding: 0;
1175 .example_menu ul ul {
1176 display: block;
1179 .example_menu a {
1180 color: #000;
1181 cursor: pointer;
1182 display: block;
1183 font-weight: bold;
1184 margin-left: 0;
1185 padding: 2px 2px 2px 17px;
1186 width: 160px;
1189 .example_menu a.expanded {
1190 background: #bbb url("collapse.gif") no-repeat 3px 50%;
1193 .example_menu a.collapsed {
1194 background: #bbb url("expand.gif") no-repeat 3px 50%;
1197 .example_menu a:hover {
1198 text-decoration: none;
1201 .example_menu ul li span {
1202 background: #d9d1a4;
1203 color: #000;
1204 display: block;
1205 font-weight: normal;
1206 width: 100%;
1209 .example_menu ul a:Subjective {
1210 font-weight: normal;
1213 .example_menu ul a:hover {
1214 background: #f5f5f5;
1215 text-decoration: underline;
1218 .example_menu li.active a {
1219 background: #fff;
1222 .example_menu li.active li a {
1223 background: #e8e8e8;
1226 #menu1 li.footer,
1227 #menu2 li.footer,
1228 #menu3 li.footer,
1229 #menu4 li.footer,
1230 #menu5 li.footer,
1231 .example_menu .footer {
1232 background: transparent url("footer.jpg") no-repeat 0 0;
1233 border-top: 2px solid #fff;
1234 height: 9px;
1235 line-height: 15px;
1236 margin: 0 0 10px;
1237 width: 131px;
1240 .example_menu .footer span {
1241 display: none;
1244 .cke_contents {
1245 height: 300px !important;
1248 /* Form styles */
1249 .formtable {
1250 font-size: 13px;
1251 line-height: 24px;
1254 .formtable tr td {
1255 line-height: 24px;
1258 /* For PDF output of lab results. Need very small font size. */
1259 .labres tr.head {
1260 font-size: 7pt;
1261 text-align: center;
1264 .labres tr.detail {
1265 font-size: 7pt;
1268 .labres a,
1269 .labres a:visited,
1270 .labres a:hover {
1271 color: #00c;
1274 /* remove font family from custom tags like <page-header> for languages that not support default font */
1275 .custom-tag {
1276 font-family: "";
1280 RTL adjustments for style*.css files
1282 Author : Amiel Elboim, Matrix
1285 /* General RTL calsses */
1289 th {
1290 text-align: right !important;
1294 body {
1295 direction: rtl;
1296 margin: 0 0 0 2px;
1299 .menu {
1300 text-align: left;
1303 .menu_selected {
1304 text-align: left;
1307 .logout {
1308 text-align: right;
1311 #documents_list {
1312 border-right: dashed 1px;
1313 float: right;
1316 #documents_actions {
1317 float: left;
1320 #documents_actions form {
1321 margin: 0;
1322 padding: 0;
1325 .oe-pull-toward {
1326 float: right !important;
1329 .oe-pull-toward-unimportant {
1330 float: right;
1333 .oe-pull-away {
1334 float: left !important;
1337 .oe-pull-away-unimportant {
1338 float: left;
1341 .oe-margin-toward {
1342 margin-right: 30px;
1345 /*------------------procedures rtl openemr 5.0.2---------------------*/
1346 .oe-pl0 {
1347 padding-right: 0 !important;
1350 .oe-pl10 {
1351 padding-right: 10px;
1354 .oe-pl20 {
1355 padding-right: 20px;
1358 .oe-pl30 {
1359 padding-right: 30px;
1362 .oe-pl40 {
1363 padding-right: 40px;
1366 .oe-pl50 {
1367 padding-right: 50px;
1370 .oe-pl60 {
1371 padding-right: 60px;
1374 .oe-pl-final {
1375 padding-right: 70px;
1378 /*Bootstrap 3 classes modified for rtl*/
1379 .text-center {
1380 text-align: center !important;
1383 /*=============================================================
1384 * This section relates to the custom layouts that can be made
1385 * using the OEMR tool in the Admin section. For example, the
1386 * Patient Demographics are a custom layout.
1387 *============================================================*/
1389 #DEM .label_custom {
1391 text-align: left;
1394 #DEM .data {
1395 padding-right: 6px;
1396 text-align: right;
1397 /*30px - ie 6 fix*/
1400 /* Patient History */
1402 #HIS .groupname {
1403 padding-right: 1px;
1406 #HIS .data {
1407 padding-right: 10px;
1409 text-align: right;
1413 /*=============================================================
1414 * Patient Past Encounters and Documents
1415 * seen in the patient encounter screen
1416 *============================================================*/
1418 #patient_pastenc th {
1419 text-align: right;
1424 /*=============================================================
1425 * Patient Reports
1426 * seen in the patient reports screens
1427 *============================================================*/
1428 #patient_reports .issues {
1429 padding-right: 30px;
1432 #patient_reports .issues table {
1433 margin: 10px 0;
1436 #patient_reports .issues td {
1437 padding: 2px;
1440 #patient_reports .encounters td {
1441 padding: 2px;
1444 #patient_reports .encounter_forms {
1445 margin: 5px 15px;
1449 /*=============================================================
1450 * Report - Custom
1451 * seen as the patient report (custom_report.php)
1452 *============================================================*/
1454 #report_custom .billing {
1455 margin: 5px;
1456 padding: 5px;
1459 #report_custom h1 {
1460 margin: 0 0 5px;
1461 padding: 0;
1464 #report_custom .immunizations {
1465 margin: 5px;
1466 padding: 5px;
1469 #report_custom .notes {
1470 margin: 5px;
1471 padding: 5px;
1474 #report_custom .transactions {
1475 margin: 5px;
1476 padding: 5px;
1479 #report_custom .communications {
1480 margin: 5px;
1481 padding: 5px;
1484 #report_custom .documents {
1485 margin: 5px;
1486 padding: 5px;
1489 #report_custom .demographics {
1490 margin: 5px;
1491 padding: 5px;
1494 #report_custom .insurance {
1495 margin: 5px;
1496 padding: 5px;
1499 #report_custom .history {
1500 margin: 5px;
1501 padding: 5px;
1504 #report_custom .issue {
1505 margin-left: 20px;
1508 #report_custom .issue_type {
1509 padding: 5px 0;
1512 #report_custom .issue_diag {
1513 margin: 0 20px;
1516 #report_custom .encounter {
1517 border-top: 2px dotted #000;
1518 padding: 10px 5px;
1521 #report_custom .encounter h1 {
1522 margin: 0;
1523 padding: 0;
1526 #report_custom .encounter_form {
1527 border-top: 1px solid #808080;
1528 margin: 10px;
1529 padding: 10px;
1532 .sellistclass {
1533 float: right;
1537 * TABS
1540 ul.tabNav {
1541 margin: 0;
1542 padding: 0;
1545 ul.tabNav {
1546 float: right;
1549 ul.tabNav li {
1550 float: right;
1551 margin: 0 1px 0 0;
1552 padding: 6px 0 0;
1553 text-align: right;
1556 ul.tabNav li.current {
1557 padding-top: 0;
1558 text-align: right;
1561 ul.tabNav a {
1562 padding: 4px 4px 5px;
1565 ul.tabNav li.current a {
1566 padding: 8px;
1569 div.tabContainer {
1570 float: right;
1573 div.tab table td {
1574 padding-right: 1px;
1578 * REPORTS
1581 #report_parameters table table td.label_custom {
1582 text-align: left;
1585 #report_results table thead {
1586 text-align: right;
1590 * List-table formatting
1592 .showborder td {
1593 text-align: right;
1596 .showborder_head th {
1597 text-align: right;
1600 .shownoborder td {
1601 text-align: right;
1604 .showborder_long tr td {
1605 text-align: right;
1610 #navigation-slide,
1611 #navigation-slide * {
1612 margin-right: 0;
1613 padding-right: 0;
1616 #navigation-slide a {
1618 padding: 5px 2px 5px 10px;
1621 #sddm li {
1622 float: right;
1623 margin: 0;
1624 padding: 0;
1627 #sddm li a {
1628 margin: 0 1px 0 0;
1629 padding: 4px 10px;
1630 text-align: right;
1633 #sddm div a {
1634 margin: 0;
1635 padding: 5px 10px;
1636 text-align: right;
1640 .text-area {
1641 text-align: right;
1644 .example_menu a {
1645 margin-left: 0;
1646 padding: 2px 2px 2px 17px;
1649 #menu1 li.footer,
1650 #menu2 li.footer,
1651 #menu3 li.footer,
1652 #menu4 li.footer,
1653 #menu5 li.footer,
1654 .example_menu .footer {
1655 margin: 0 0 10px;
1658 /* Calander */
1659 #bottomLeft {
1661 float: right !important;
1664 #bigCal {
1665 border-right: 1px solid #000 !important;
1669 /*miscellaneous*/
1670 .misc-internet-search {
1671 float: right !important;
1674 /* record_disclosure.php */
1675 #record-disclosure,
1676 #record-disclosure > div {
1678 float: none !important;
1682 /* /patient_file/encounter/forms.php */
1683 #encounter_forms .encounter-summary-column {
1684 float: right !important;
1687 #encounter_forms .form_header_controls,
1688 #encounter_forms .form_header {
1689 float: none !important;
1692 /* /interface/patient_file/summary/demographics.php */
1693 .demographics-box {
1694 position: relative;
1697 .demographics-box > div {
1698 float: none !important;
1699 position: absolute;
1702 .demographics-box > div:first-child {
1703 width: 55% !important;
1706 .demographics-box > div:last-child {
1707 margin-right: 55%;
1711 #tdallday3 > span {
1712 direction: ltr;
1713 display: inline-block;
1716 #tdallday3 > span > input {
1717 text-align: right;
1720 /* /interface/clickmap/template/general_new.html */
1721 .graphic-pain-map {
1722 float: none !important;
1723 width: 600px;
1726 .graphic-pain-map img {
1727 width: 100%;
1730 body > .nav {
1731 margin-right: 40px;
1735 /* ajax_template.html */
1737 #dateNAV img {
1738 display: none;
1741 #dateNav > a:nth-child(2),
1742 #dateNav > a:nth-child(3) {
1743 display: inline-block;
1744 height: 15.5px;
1745 width: 16px;
1748 #dateNav > a:nth-child(2) {
1749 background-image: url('../../public/images/rightbtn.gif');
1750 margin-right: 10px;
1753 #dateNav > a:nth-child(3) {
1754 background-image: url('../../public/images/leftbtn.gif');
1758 /* /main/messages/messages.php */
1759 td.amount-msg {
1760 direction: ltr;
1762 text-align: left !important;
1765 /* /interface/billing/edih_view.php */
1766 #tabs ul.ui-tabs-nav li.ui-state-default {
1767 float: right;
1771 /* /interface/code_systems/dataloads_ajax.php */
1773 #accordion .left_wrpr,
1774 #accordion .wrpr {
1775 float: right !important;
1778 .ui-dialog .ui-dialog-title {
1779 float: none !important;
1783 /* /library/js/datatables/media/css/demo_table.css */
1785 .cancel-float {
1786 float: none !important;
1789 /* /templates/documents/general_view.html */
1790 #documents_actions form[name^=document] > div > div,
1791 #documents_actions form[name=notes] > div > div {
1792 display: inline-block;
1793 float: none !important;
1797 #documents_list img[src*=branch],
1798 #documents_list img[src*=line],
1799 #documents_list img[src*=plus],
1800 #documents_list img[src*=minus] {
1801 transform: rotate(180deg);
1804 #documents_list img[src*=branchbottom] {
1805 transform: translate(2px, 0) rotate(-90deg);
1809 .tabs-container ul.tabs {
1810 width: 100%;
1813 .tabs-container ul.tabs li {
1815 float: none !important;
1818 .container_body .viewport .overview {
1819 left: initial !important;
1822 .top-menu-carecoordination li {
1823 float: right !important;
1827 .setup-carecoordination .top-menu-carecoordination li {
1828 float: right !important;
1831 .setup-carecoordination .ca-ca-in-1 {
1832 float: right !important;
1835 .setup-carecoordination ul.virtualpage_system_based_forms {
1837 float: right !important;
1840 .setup-carecoordination .ca-ca-in-2 {
1842 float: right;
1843 float: right !important;
1844 padding-right: 2% !important;
1847 .setup-carecoordination #paginatediv_database_tables a[rel=next] {
1848 float: left !important;
1849 transform: rotate(180deg);
1852 .setup-carecoordination #paginatediv_database_tables a[rel=previous] {
1853 float: right !important;
1854 transform: rotate(180deg);
1857 /* online - portal */
1859 /* patients/summary_pat_portal.php */
1860 div#portal-buttons-bottom {
1861 padding: 5px 15px;
1864 #DEM .label_custom,
1865 #report_parameters table table td.label_custom {
1866 text-align: left !important;
1869 /* flow board */
1870 form#pattrk h2 > span {
1871 float: right !important;
1874 form#pattrk #inanewwindow > span {
1875 float: left !important;
1878 /* cdr Groups */
1879 .cdr-rules-class .ui-multiselect .ui-state-default {
1880 padding: 0 20px;
1883 .rule_detail.edit.summry .left_col {
1884 float: none;
1885 margin: 5px;
1888 .rule_detail .left_col,
1889 .rule_detail .mid_col,
1890 .rule_detail .end_col {
1891 display: inline-block;
1892 float: none;
1895 #namecontainer_preminders {
1896 float: right !important;
1899 /* Therapy Groups */
1900 #therapy_groups_list_container #clear_filters {
1901 float: right;
1904 #namecontainer_creminders {
1905 float: right !important;
1908 .xdsoft_datepicker .xdsoft_mounthpicker button,
1909 .xdsoft_datepicker .xdsoft_mounthpicker > div {
1910 float: right;
1913 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev,
1914 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next {
1915 /* W3C compliant browsers */
1917 /* IE8 and below */
1918 filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
1919 transform: rotate(180deg);
1922 #file_type_#ffflist .subject-#000-list,
1923 #file_type_#ffflist .subject-#fff-list,
1924 #file_type_#ffflist .subject-info-save,
1925 #file_type_#ffflist .subject-info-arrows {
1926 float: right;
1929 div.formname {
1930 float: right !important;
1931 padding-left: 10px !important;
1934 .select2-search,
1935 .select2-results {
1936 direction: rtl !important;