1 /*! This style sheet was autogenerated using gulp + scss
2 * For usage instructions, see: https://github.com/openemr/openemr/blob/master/interface/README.md
4 /*below section is override bootstrap 3 for openemr and some new classes all prefixed with oe-*/
5 @import url
("themeBuilder.php");
7 margin-bottom: 5px !important
; }
10 border-bottom: 2px solid
#E5E5E5 !important
;
11 background: #E5E5E5 !important
;
12 padding-left: 10px !important
; }
14 .form-horizontal .control-label {
18 background-color: #F2F2F2 !important
;
19 margin-bottom: 10px !important
;
20 padding: 0px 0px 15px 0px !important
; }
23 padding-bottom: 5px; }
26 display: inline-block
; }
36 padding: 5px 5px 0px 0px; }
43 width: 80px !important
;
55 width: 65% !important
; }
63 line-height: 1.428571429;
64 border-radius: 15px; }
66 /*above section is override bootstrap 3 for openemr and some new classes all prefixed with oe-*/
68 font-family: lato
, Helvetica
, Sans-Serif
;
72 * Core OpenEMR styles.
74 * These helpers are used regardless of the theme being used
76 * @author Robert Down <robertdown@live.com>
77 * @copyright Copyright (c) 2017 Robert Down
78 * @license https://github.com/openemr/openemr/blob/master/LICENSE General Public License 3
81 * Global uses of the font awesome library
82 * TODO fix pathing for all uses
85 font-family: "FontAwesome";
86 src: url
("/public/assets/font-awesome-4-6-3/fonts/fontawesome-webfont.ttf") format
("truetype"); }
88 .css_button
[href
*="deleter"]:before
,
89 input
[type
="button"][href
*="deleter"] [type
="submit"]:before
,
90 button
[href
*="deleter"]:before
{
91 font-family: "FontAwesome";
93 display: inline-block
; }
96 font-family: "FontAwesome";
100 content: "\f00c\00a0\00a0"; }
102 .btn-cancel::before {
103 content: "\f00d\00a0\00a0"; }
106 content: '\f067\00a0\00a0'; }
108 .btn-search::before {
109 content: '\f002\00a0\00a0'; }
111 .btn-delete::before {
112 content: '\f014\00a0\00a0'; }
114 .btn-duplicate::before {
115 content: '\f0c5\00a0\00a0'; }
117 .btn-refresh::before {
118 content: '\f021\00a0\00a0'; }
121 content: '\f040\00a0\00a0'; }
123 .btn-transmit::before {
124 content: '\f061\00a0\00a0'; }
126 .btn-receive::before {
127 content: '\f060\00a0\00a0'; }
130 content: '\f02f\00a0\00a0'; }
133 content: '\f053\00a0\00a0'; }
136 content: '\f06e\00a0\00a0'; }
139 content: '\f070\00a0\00a0'; }
142 content: '\f0e2\00a0\00a0'; }
144 .btn-update::before {
145 content: '\f01e\00a0\00a0'; }
147 .btn-download::before {
148 content: '\f019\00a0\00a0'; }
151 content: '\f0e0\00a0\00a0'; }
153 .btn-calendar::before {
154 content: '\f073\00a0\00a0'; }
157 content: '\f201\00a0\00a0'; }
159 .btn-filter::before {
160 content: '\f0b0\00a0\00a0'; }
163 * Common forms styles
172 border: 2px outset
#666666;
173 background-color: #eae6ff;
186 background-color: #EADDB4; }
188 /* flow board filters*/
189 #flow_board_parameters {
191 background-color: #ececec; }
193 #flow_board_parameters td
{
196 #flow_board_parameters table
{
199 border-collapse: collapse
; }
202 * closeDlgIframe common styles
214 div
.closeDlgIframe:before
{
217 font-family: "FontAwesome";
219 display: inline-block
;
227 * Core OpenEMR styles.
229 .ui-draggable:hover {
232 cursor: -webkit-grab
; }
234 .ui-draggable:active {
237 cursor: -webkit-grabbing
; }
239 .ui-icon-gripsmall-diagonal-se {
240 background-position: -64px -224px; }
242 .ui-icon, .ui-widget-content .ui-icon {
243 background-image: url
("/public/assets/jquery-ui-1-12-1/themes/sunny/images/ui-icons_d19405_256x240.png"); }
250 display: inline-block
;
251 vertical-align: middle
;
254 text-indent: -99999px;
256 background-repeat: no-repeat
; }
258 .ui-resizable-handle {
262 touch-action: none
; }
287 text-decoration: none
; }
297 text-decoration: none
;
301 text-decoration: none
; }
304 text-decoration: none
; }
307 text-decoration: none
;
310 .link_selected:visited {
311 text-decoration: none
;
315 text-decoration: none
;
318 .link_submit a:visited {
321 .link_submit a:hover {
326 text-decoration: none
;
331 text-decoration: none
;
334 /* see .titlebar below */
338 text-decoration: none
;
343 text-decoration: none
;
349 padding-left: 0 !important
;
350 padding-right: 0 !important
; }
353 padding-left: 15px; }
355 .sidebar ul.mainmenu {
356 padding-bottom: 55px; }
358 /*=============================================================
359 * Here we have taken variables from globals.php and turned them into CSS classes
360 * these should be used in place of the GLOBAL variables -- JRM March 2008
361 *=============================================================*/
363 background-color: #fffbeb;
368 background-color: #fffbeb; }
370 /* $GLOBALS['style']['BGCOLOR2'] */
372 background: url
("../pic/aquabg.gif") repeat
;
375 /* $bottom_bg_line */
377 background-color: #fedf98; }
381 background-color: #fefdcf; }
385 background-color: #f7f0d5; }
387 /* $login_filler_line */
389 background: url
("../pic/aquabg.gif") repeat
; }
391 /* $login_body_line */
393 background-color: #ccc; }
397 background-color: #ccc; }
399 /* $GLOBALS['style']['BGCOLOR1'] */
401 background-color: #222; }
403 /* $GLOBALS['style']['TEXTCOLOR11'] */
405 background-color: #ddd; }
407 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
409 background: url
("../pic/aquabg.gif") repeat
; }
411 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
413 background-color: #24262c;
416 /* $GLOBALS['logoBarHeight'] */
420 /* $GLOBALS['navBarHeight'] */
424 /* $GLOBALS['titleBarHeight'] */
425 /* The top navigation icon styling*/
431 background-color: #FFFFFF;
432 border: 1px solid black
;
455 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
456 background-image: none
;
459 border-bottom: 1px solid white
; }
461 .example_menu ul ul {
470 padding: 2px 2px 2px 17px;
473 .example_menu a.expanded {
474 background: #bbb url
("collapse.gif") no-repeat
3px 50%; }
476 .example_menu a.collapsed {
477 background: #bbb url
("expand.gif") no-repeat
3px 50%; }
479 .example_menu a:hover {
480 text-decoration: none
; }
482 .example_menu ul li span {
489 .example_menu ul a:Subjective {
490 font-weight: normal
; }
492 .example_menu ul a:hover {
494 text-decoration: underline
; }
496 .example_menu li.active a {
499 .example_menu li.active li a {
500 background: #e8e8e8; }
502 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
503 background: transparent url
("footer.jpg") no-repeat
0 0;
504 border-top: 2px solid
#fff;
510 .example_menu .footer span {
514 height: 300px !important
; }
518 text-decoration: none
;
522 text-decoration: none
;
528 text-decoration: none
;
534 text-decoration: none
;
544 a
.disabled_button:hover
{
547 /* Password alert styles */
552 padding: 10px 10px 10px 15px;
556 border: 3px solid
#fe7b7a;
557 background-color: #ffd6d6; }
560 border: 3px solid
#f56fff;
561 background-color: #fabfff; }
564 border: 3px solid
#9acc2e;
565 background-color: #eef7dd; }
567 /* Password alert styles */
568 /* Style for red font */
570 text-decoration: none
;
573 /* Style for red font */
574 .de_identification_status_message {
576 border: 1px solid
#0000FF; }
578 .de_identification_input_controls_box {
580 border: 1px solid
#0000FF; }
582 .de_id_upgrade_login {
584 border: 1px solid Black
;
585 background-color: #ffffff; }
587 body
.admin-layout input
[type
="button"] {
588 display: inline-block
;
591 /* error message = new validation */
596 font-weight: normal
; }
599 border: 1px solid red
!important
; }
602 display: inline-block
;
606 display: inline-block
;
610 /* style taken out of the addressbook code and put here instead */
611 #addressbook_list td
{
613 padding-right: 4px; }
615 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
618 #addressbook_list tr
.search
{
621 #addressbook_list tr
.head
{
622 background-color: #cccccc;
625 #addressbook_list tr
.evenrow
{
626 background-color: #ddddff; }
628 #addressbook_list tr
.oddrow
{
629 background-color: #ffffff; }
631 #addressbook_list .inputtext
{
635 border-color: #000000;
636 background-color: transparent
; }
638 #addressbook_list .button
{
642 /* styles taken out of templates/documents/general_list.html */
648 border-right: dashed
1px; }
656 #documents_list .treeMenuDefault
{
657 font-style: italic
; }
659 #documents_list .treeMenuBold
{
670 #documents_actions iframe
{
677 #documents_actions form
{
681 #documents_actions table
{
685 /*=============================================================
686 * This section relates to the custom layouts that can be made
687 * using the OEMR tool in the Admin section. For example, the
688 * Patient Demographics are a custom layout.
689 *============================================================*/
695 vertical-align: top
; }
708 /*30px - ie 6 fix*/ }
710 /* Patient History */
722 vertical-align: top
; }
728 padding-right: 10px; }
730 /*=============================================================
732 * seen in the patient summary and notes screens
733 *============================================================*/
735 background-color: #dfd; }
738 background-color: #fff; }
741 border-collapse: collapse
; }
746 #pnotes .noterow td
{
747 border-bottom: 1px dashed black
;
752 #pnotes_ps_expand div
.tab table td
{
753 padding-right: 10px; }
755 /*=============================================================
757 * seen in the patient stats screens
758 *============================================================*/
762 #patient_stats table
{
764 border-collapse: collapse
; }
769 #patient_stats .statrow
{
772 #patient_stats .head
{
773 background-color: #cccccc;
774 text-align: center
; }
776 #patient_stats .detail
{
777 vertical-align: top
; }
779 #patient_stats .btn
{
780 background-color: transparent
; }
782 #patient_stats .bg1
{
783 background-color: #ddddff; }
785 #patient_stats .bg2
{
786 background-color: #ffdddd; }
788 #patient_stats .center
{
789 text-align: center
; }
791 /*=============================================================
792 * Patient Stats Summary
793 * seen in the patient summary screen
794 *============================================================*/
795 #patient_stats_summary table
{
796 border-collapse: collapse
; }
798 #patient_stats_summary .noend_noreturn
{
801 #patient_stats_summary .noend
{
804 #patient_stats_summary .noreturn
{
807 #patient_stats_summary .title
{
810 #patient_stats_issues {
813 #patient_stats_spreadsheets {
819 #patient_stats_prescriptions {
822 /*=============================================================
823 * Patient Past Encounters and Documents
824 * seen in the patient encounter screen
825 *============================================================*/
829 #patient_pastenc .billing_note
{
832 #patient_pastenc .billing_note_text
{
834 border: 2px outset black
;
835 background-color: lightgrey
; }
837 #patient_pastenc .billing_note_text_highlight
{
838 background-color: #f7f5d1; }
840 #patient_pastenc table
{
841 border-collapse: collapse
;
844 #patient_pastenc tr
{
847 #patient_pastenc td
{
848 border-top: 1px solid black
;
849 vertical-align: top
; }
851 #patient_pastenc th
{
854 #patient_pastenc #tooltipdiv
{
857 border: 1px solid black
;
859 background-color: #ffffaa;
863 #patient_pastenc .highlight
{
864 background-color: #fff; }
866 #patient_pastenc .tooltip
{
868 border: 1px solid
#333;
874 /*=============================================================
876 * seen in the patient reports screens
877 *============================================================*/
881 #patient_reports .issues
{
882 padding-right: 30px; }
884 #patient_reports .issues table
{
885 margin: 10px 0px 10px 0px; }
887 #patient_reports .issues td
{
890 #patient_reports .encounters td
{
893 #patient_reports .encounter_forms
{
894 margin: 5px 15px 5px 15px; }
896 #patient_reports td
{
897 vertical-align: top
; }
899 #patient_reports ul
{
902 /*=============================================================
904 * seen as the patient report (custom_report.php)
905 *============================================================*/
910 border: 2px dotted black
; }
912 #report_custom .billing
{
918 margin: 0px 0px 5px 0px;
921 #report_custom .immunizations
{
925 #report_custom .notes
{
929 #report_custom .transactions
{
933 #report_custom .communications
{
937 #report_custom .documents
{
941 #report_custom .demographics
{
945 #report_custom .insurance
{
949 #report_custom .history
{
953 #report_custom .issue
{
956 #report_custom .issue_type
{
958 padding: 5px 0px 5px 0px; }
960 #report_custom .issue_diag
{
961 margin: 0px 20px 0px 20px; }
963 #report_custom .encounter
{
965 border-top: 2px dotted black
;
966 padding: 10px 5px 10px 5px;
969 #report_custom .encounter h1
{
974 #report_custom .encounter_form
{
975 border-top: 1px solid gray
; }
987 vertical-align: bottom
;
998 div
.tabContainer div
.tab
{
999 border: 1px solid
#ffffff;
1004 div
.tabContainer div
.current
{
1009 background: #ffffff none repeat scroll
0 0;
1010 margin-bottom: 10px;
1015 background: #ffffff none repeat scroll
0 0;
1016 margin-bottom: 10px;
1019 div
.tab
p:last-child
{
1024 padding-bottom: 0px; }
1026 div
.tab table td
.label_custom
{
1029 div
.tab table td
.data
{
1033 background: #FFFFFF none repeat scroll
0 0;
1034 margin-bottom: 10px;
1038 background: #FFFFFF none repeat scroll
0 0;
1039 margin-bottom: 10px;
1045 border-bottom: 1px solid
; }
1047 .section-header-dynamic {
1049 border-bottom: 1px solid
; }
1052 background: #FFFFFF;
1059 background: #f0f0f0; }
1065 text-decoration: none
; }
1068 background: #d7d7d7; }
1072 visibility: hidden
; }
1080 white-space: normal
;
1082 text-decoration: none
;
1084 font-weight: normal
; }
1089 /* styles taken out of templates/report/general_default.html */
1099 #report_parameters {
1100 background-color: #ececec;
1103 #report_parameters table
{
1106 border-collapse: collapse
; }
1108 #report_parameters table td
{
1111 #report_parameters table table
{
1113 border-collapse: collapse
;
1116 #report_parameters table table td
.label_custom
{
1117 text-align: right
; }
1119 #report_results table
{
1120 border-top: 1px solid black
;
1121 border-bottom: 1px solid black
;
1122 border-left: 1px solid black
;
1123 border-right: 1px solid black
;
1125 border-collapse: collapse
;
1128 #report_results table thead
{
1130 display: table-header-group
;
1131 background-color: #ddd;
1136 #report_results table th
{
1137 border-bottom: 1px solid black
;
1140 #report_results table td
{
1142 border-bottom: 1px dashed
;
1146 background-color: #77ff77;
1147 font-weight: bold
; }
1150 * List-table formatting
1156 border-bottom: 1px dashed
#000000;
1159 .showborder_head th {
1160 border-bottom: 1px solid
#000000;
1169 .showborder_long tr td {
1170 border-bottom: 1px dashed
#000000;
1173 /* ------- Therapy groups styling --------- */
1183 .group-success-msg {
1187 margin-bottom: 20px;
1188 border: 1px solid
#2672ec;
1199 table
.dataTable#therapy_groups_list tbody td
{
1201 padding-right: 20px;
1204 .therapy_group #therapy_groups_list_container {
1205 margin-top: initial
;
1208 .therapy_group #therapy_groups_list_container input[type="text"] {
1209 border-color: #ccc; }
1211 .therapy_group #therapy_groups_list_container input[type=number] {
1212 -moz-appearance: textfield
; }
1214 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1215 -webkit-appearance: none
;
1218 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1219 background-color: #ef3935;
1221 padding: 2px 10px; }
1223 .therapy_group .delete_btn a {
1224 text-decoration: none
;
1227 .therapy_group #therapy_groups_list_container .failed_message {
1230 #updateParticipants {
1231 position: relative
; }
1238 #add-participant-form {
1239 transition: max-height
1s ease-out
;
1244 max-height: 250px !important
; }
1250 text-align: center
; }
1252 .therapy_group .event_details {
1256 margin-bottom: 20px;
1257 margin-left: 10px; }
1259 #add_participant .patient_wrap
, #add_participant
.comment_wrap
, #add_participant
.button_wrap
{
1262 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1263 display: inline-block
; }
1265 #add_participant .button_wrap input
{
1267 display: inline-block
; }
1269 #add_participant_element .input_label
{
1272 #add_participant_element .error_wrap
.error
{
1275 #group_attendance_form_table tbody td
{
1276 text-align: center
; }
1278 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1279 display: inline-block
;
1283 #file_type_whitelist {
1287 #white-list, #black-list
{
1292 #file_type_whitelist select
{
1296 #file_type_whitelist option
{
1297 padding: 4px 10px 4px 10px; }
1299 #file_type_whitelist option:hover
{
1300 background: #EEEEEE; }
1302 #file_type_whitelist .subject-info-arrows
{
1303 display: inline-block
;
1305 margin: 130px 30px 30px 30px;
1308 #file_type_whitelist .subject-info-save
{
1310 margin: 170px 30px 30px 30px;
1313 #file_type_whitelist input
[type
=button
] {
1314 float: none
!important
;
1317 #file_type_whitelist #add-manually
{
1318 display: inline-block
; }
1320 #file_type_whitelist #add-manually
-input
{
1323 #file_type_whitelist .top-list
{
1324 margin: 20px 20px 2px 20px; }
1332 background-color: #FFFFFF !important
;
1335 .menuBar ~ .container {
1340 text-decoration: none
;
1341 text-align: right
; }
1344 background-color: #FF0000 !important
;
1345 color: #fff !important
; }
1347 .small span.text, span.required, span.bold {
1362 .link_selected:visited {
1372 font-size: 1.13em; }
1375 background-color: #ffffff; }
1379 background-color: #ffffff; }
1381 /* $GLOBALS['style']['BGCOLOR2'] */
1383 background-color: #f4f4f4; }
1385 /* $title_bg_line */
1387 background-color: #f0f0f0; }
1391 background-color: #f7f0d5; }
1393 /* $login_body_line */
1394 #addressbook_list tr
.search
{
1397 #addressbook_list .inputtext
{
1401 [onclick
~="delete"] {
1402 background: #ff5d5a !important
; }
1405 background: #f0f0f0;
1406 border-color: #d7d7d7 !important
; }
1408 /* styles taken out of templates/documents/general_list.html */
1414 border-right: dashed
1px; }
1416 #documents_list td
{
1422 .body_title table tr td {
1423 padding: 0px !important
; }
1425 /* Patient History */
1429 #HIS .label_custom
{
1435 /*=============================================================
1436 * Patient Past Encounters and Documents
1437 * seen in the patient encounter screen
1438 *============================================================*/
1439 #patient_pastenc #tooltipdiv
{
1442 /*=============================================================
1444 * seen as the patient report (custom_report.php)
1445 *============================================================*/
1449 #report_custom .encounter h1
{
1452 #addressbook_list tr
.evenrow
{
1453 background-color: #ddddff; }
1455 #addressbook_list tr
.oddrow
{
1456 background-color: #ffffff; }
1459 background-color: #ffffff !important
; }
1465 background: #2672ec;
1466 color: #ffffff !important
;
1471 padding-right: 10px;
1472 /* sliding doors padding */
1473 text-decoration: none
;
1474 padding: 5px 12px 5px;
1478 .css_button_small span {
1481 .css_button_small:hover {
1482 background: #1050b6;
1483 text-decoration: none
; }
1485 .css_button, input[type="button"], input[type="submit"], button {
1486 background: #2672ec;
1487 color: #ffffff !important
;
1492 padding-right: 10px;
1493 /* sliding doors padding */
1494 text-decoration: none
;
1495 padding: 5px 12px 5px;
1498 .css_button .css_button_small, input[type="button"] .css_button_small, input[type="submit"] .css_button_small, button .css_button_small {
1501 .css_button span, input[type="button"] span, button span {
1504 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
1505 background: red
!important
; }
1507 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
1508 background: #1050b6;
1509 text-decoration: none
; }
1512 background: #2672ec;
1513 color: #ffffff !important
;
1518 padding-right: 10px;
1519 /* sliding doors padding */
1520 text-decoration: none
;
1521 padding: 5px 12px 5px;
1527 .modal-footer > button {
1528 float: none
!important
; }
1531 background: rgba
(0, 0, 0, 0.05) !important
;
1532 color: rgba
(0, 0, 0, 0.87) !important
; }
1535 color: #444 !important
; }
1537 input
[type
="button"][style
="background-color:#ffff55"] {
1538 background: #2672ec !important
; }
1540 input
[type
="text"] {
1541 background: #ffffff;
1542 border: 1px solid
#444444;
1556 background: #2672ec; }
1561 ul
.tabNav li
.current a
{
1562 background: #ffffff;
1567 padding: 8px 17px; }
1573 * List-table formatting
1578 .showborder_head th {
1584 .showborder_long tr td {
1594 #navigation-slide * {
1597 font-size: 0.75rem !important
; }
1599 #navigation-slide li
,
1600 #navigation-slide * li
{
1603 #navigation-slide li a
,
1604 #navigation-slide * li a
{
1605 background-color: none
;
1609 padding: 8px 0px 8px 0px;
1612 #navigation-slide li
a:hover
,
1613 #navigation-slide * li
a:hover
{
1614 background-color: #d7d7d7; }
1616 #navigation-slide li a
.collapsed_lv2:before
,
1617 #navigation-slide * li a
.collapsed_lv2:before
,
1618 #navigation-slide li a
.collapsed_lv3:before
,
1619 #navigation-slide * li a
.collapsed_lv3:before
{
1623 border-bottom: 5px solid transparent
;
1624 /* left arrow slant */
1625 border-top: 5px solid transparent
;
1626 /* right arrow slant */
1627 border-left: 5px solid
#2f2f2f;
1628 /* bottom, add background color here */
1630 line-height: 10px; }
1632 #navigation-slide li a
.expanded
,
1633 #navigation-slide * li a
.expanded
{
1634 background: #cbe6f7; }
1636 #navigation-slide li a
.expanded_lv2:before
,
1637 #navigation-slide * li a
.expanded_lv2:before
,
1638 #navigation-slide li a
.expanded_lv3:before
,
1639 #navigation-slide * li a
.expanded_lv3:before
{
1643 border-right: 5px solid transparent
;
1644 /* left arrow slant */
1645 border-top: 5px solid transparent
;
1646 /* right arrow slant */
1647 border-left: 5px solid
#2f2f2f;
1648 /* bottom, add background color here */
1652 #navigation-slide li a img
,
1653 #navigation-slide * li a img
{
1656 #navigation-slide li ul li
,
1657 #navigation-slide * li ul li
{
1658 padding-left: 14px; }
1661 background: #f0f0f0; }
1668 background: #d7d7d7; }
1674 background: #f0f0f0; }
1680 background: #2672ec; }
1682 #sddm li
.encounter-form-category-li
{
1687 background-color: #FFFFFF;
1688 border: 1px solid black
;
1697 .example_menu ul a:hover {
1698 background: #f5f5f5;
1699 text-decoration: underline
; }
1705 text-align: right
; }
1711 margin-left: 10px; }
1714 background-color: #f8f8f8;
1715 font-size: 0.95em; }
1720 .alert-danger-custom {
1721 background-color: #FF0000 !important
;
1722 color: #fff !important
; }
1724 /* to align feesheet buttons*/
1725 div
.category-display
{
1726 margin-left: 25px !important
; }
1729 RTL adjustments for style*.css files
1731 Author : Amiel Elboim, Matrix
1734 /* General RTL calsses */
1737 text-align: right
!important
;
1742 margin: 0px 0px 0px 2px;
1763 border-right: dashed
1px;
1765 #documents_actions {
1769 #documents_actions form
{
1770 margin: 0px; padding: 0px;
1774 /*=============================================================
1775 * This section relates to the custom layouts that can be made
1776 * using the OEMR tool in the Admin section. For example, the
1777 * Patient Demographics are a custom layout.
1778 *============================================================*/
1780 #DEM .label_custom
{
1786 padding-right: 6px;/*30px - ie 6 fix*/
1789 /* Patient History */
1798 padding-right: 10px;
1802 /*=============================================================
1803 * Patient Past Encounters and Documents
1804 * seen in the patient encounter screen
1805 *============================================================*/
1807 #patient_pastenc th
{
1813 /*=============================================================
1815 * seen in the patient reports screens
1816 *============================================================*/
1817 #patient_reports .issues
{
1818 padding-right: 30px;
1820 #patient_reports .issues table
{
1821 margin: 10px 0px 10px 0px;
1823 #patient_reports .issues td
{
1826 #patient_reports .encounters td
{
1829 #patient_reports .encounter_forms
{
1830 margin:5px 15px 5px 15px;
1833 /*=============================================================
1835 * seen as the patient report (custom_report.php)
1836 *============================================================*/
1838 #report_custom .billing
{
1843 margin: 0px 0px 5px 0px;
1846 #report_custom .immunizations
{
1850 #report_custom .notes
{
1854 #report_custom .transactions
{
1858 #report_custom .communications
{
1862 #report_custom .documents
{
1866 #report_custom .demographics
{
1870 #report_custom .insurance
{
1874 #report_custom .history
{
1878 #report_custom .issue
{
1881 #report_custom .issue_type
{
1882 padding: 5px 0px 5px 0px;
1884 #report_custom .issue_diag
{
1885 margin: 0px 20px 0px 20px;
1887 #report_custom .encounter
{
1888 border-top:2px dotted black
;
1889 padding: 10px 5px 10px 5px;
1891 #report_custom .encounter h1
{
1895 #report_custom .encounter_form
{
1898 border-top: 1px solid gray
;
1909 padding-right: 10px; /* sliding doors padding */
1912 .css_button_small span {
1913 padding: 0px 0px 0px 10px;
1919 padding-right: 10px; /* sliding doors padding */
1923 padding: 5px 0 5px 10px;
1932 ul
.tabNav
{ margin: 0; padding: 0; }
1933 ul
.tabNav
{ float: right
; }
1934 ul
.tabNav li
{ float: right
;
1939 ul
.tabNav li
.current
{
1944 padding: 4px 4px 5px 4px;
1946 ul
.tabNav li
.current a
{padding: 8px; }
1959 #report_parameters table table td
.label_custom
{
1963 #report_results table thead
{
1967 * List-table formatting
1972 .showborder_head th {
1978 .showborder_long tr td{
1984 #navigation-slide, #navigation-slide
*{
1989 #navigation-slide a
{
1991 padding: 5px 2px 5px 10px;
2020 padding: 2px 2px 2px 17px;
2023 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
2030 float: right
!important
;
2033 border-right: 1px solid black
!important
;
2038 .misc-internet-search{
2039 float: right
!important
;
2044 float: none
!important
;
2046 /* record_disclosure.php */
2047 #record-disclosure, #record-disclosure
>div
{
2049 float:none
!important
;
2052 /* newpatient/common.php */
2053 form#new-encounter-form div
{
2055 float: none
!important
;
2058 form#new-encounter-form a
{
2062 /* /patient_file/encounter/forms.php */
2063 #encounter_forms .encounter-summary-column
{
2064 float: right
!important
;
2066 #encounter_forms .form_header_controls
, #encounter_forms
.form_header
{
2067 float: none
!important
;
2071 /* /interface/main/main_title.php */
2072 table#main-title tr
td:nth-child
(1){
2073 text-align: left
!important
;
2075 table#main-title tr
td:nth-child
(2){
2076 text-align: center
!important
;
2078 table#main-title tr
td:nth-child
(2) div
, table#main-title tr
td:nth-child
(3) div
{
2079 float: none
!important
;
2081 table#main-title tr
td:nth-child
(3){
2082 text-align: center
!important
;
2084 table#main-title tr
td:nth-child
(4){
2085 text-align: right
!important
;
2087 table#main-title tr
td:nth-child
(4) table
{
2091 /* /interface/patient_file/summary/demographics.php */
2095 .demographics-box>div{
2096 float: none
!important
;
2099 .demographics-box>div:first-child{
2100 width: 55% !important
;
2102 .demographics-box>div:last-child{
2109 display: inline-block
;
2111 #tdallday3>span
>input
{
2115 /* /interface/clickmap/template/general_new.html */
2117 float: none
!important
;
2120 .graphic-pain-map img{
2128 /* ajax_template.html */
2133 #dateNav>a:nth-child
(2), #dateNav
>a:nth-child
(3){
2134 display: inline-block
;
2138 #dateNav>a:nth-child
(2){
2140 background-image: url
(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
2143 #dateNav>a:nth-child
(3){
2145 background-image: url
(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
2149 /* /main/messages/messages.php */
2152 text-align: left
!important
;
2156 /* /interface/billing/edih_view.php */
2157 #tabs ul
.ui-tabs-nav li
.ui-state-default
{
2162 /* /interface/code_systems/dataloads_ajax.php */
2164 #accordion .left_wrpr
, #accordion
.wrpr
{
2165 float: right
!important
;
2167 .ui-dialog .ui-dialog-title{
2169 float: none
!important
;
2173 /* /library/js/datatables/media/css/demo_table.css */
2175 #pt_table_paginate #pt_table_next
{
2177 float: none
!important
;
2178 background: url
('../../library/css/images/back_disabled.png') no-repeat top left
!important
;
2179 display: inline-block
;
2180 width: 54px !important
;
2181 padding-left: 20px !important
;
2182 padding-right: 5px !important
;
2186 #pt_table_paginate #pt_table_previous
{
2188 float: none
!important
;
2189 background: url
('../../library/css/images/forward_disabled.png') no-repeat top right
!important
;
2190 display: inline-block
;
2191 width: 54px !important
;
2192 padding-right: 20px !important
;
2193 padding-left: 5px !important
;
2198 float: none
!important
;
2201 /* /templates/documents/general_view.html */
2202 #documents_actions form
[name^
=document
]>div
>div
, #documents_actions form
[name
=notes
]>div
>div
{
2204 float: none
!important
;
2205 display: inline-block
;
2209 #documents_list img
[src
*=branch
], #documents_list img
[src
*=line
], #documents_list img
[src
*=plus
], #documents_list img
[src
*=minus
]{
2210 -webkit-transform: rotate
(180deg);
2211 -moz-transform: rotate
(180deg);
2212 -o-transform: rotate
(180deg);
2213 -ms-transform: rotate
(180deg);
2214 transform: rotate
(180deg);
2216 #documents_list img
[src
*=branchbottom
]{
2217 -webkit-transform: translate
(2px ,0) rotate
(-90deg);
2218 -moz-transform: translate
(2px ,0) rotate
(-90deg);
2219 -o-transform: translate
(2px ,0) rotate
(-90deg);
2220 -ms-transform: translate
(2px ,0) rotate
(-90deg);
2221 transform: translate
(2px ,0) rotate
(-90deg);
2225 .tabs-container ul.tabs{
2229 .tabs-container ul.tabs li{
2231 float: none
!important
;
2233 .container_body .viewport .overview{
2234 left: initial
!important
;
2237 .top-menu-carecoordination li{
2238 float: right
!important
;
2242 .setup-carecoordination .top-menu-carecoordination li{
2243 float: right
!important
;
2245 .setup-carecoordination .ca-ca-in-1{
2246 float: right
!important
;
2248 .setup-carecoordination ul.virtualpage_system_based_forms{
2250 float: right
!important
;
2252 .setup-carecoordination .ca-ca-in-2{
2255 padding-right: 2% !important
;
2256 float: right
!important
;
2258 .setup-carecoordination #paginatediv_database_tables a[rel=next]{
2259 float: left
!important
;
2260 transform: rotate
(180deg);
2262 .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
2263 float: right
!important
;
2264 transform: rotate
(180deg);
2267 /* online - portal */
2269 /* patients/summary_pat_portal.php */
2270 div#portal-buttons-bottom
{
2274 #DEM .label_custom
, #report_parameters table table td
.label_custom
{
2275 text-align: left
!important
;
2279 form#pattrk h2
>span
{
2280 float: right
!important
;
2282 form#pattrk #inanewwindow
>span
{
2283 float: left
!important
;
2287 .cdr-rules-class .ui-multiselect .ui-state-default {
2291 .rule_detail.edit.summry .left_col {
2296 .rule_detail
.left_col
,
2297 .rule_detail
.mid_col
,
2298 .rule_detail .end_col {
2300 display: inline-block
;
2303 #namecontainer_preminders {
2304 float: right
!important
;
2307 /* Therapy Groups */
2308 #therapy_groups_list_container #clear_filters
{
2312 #namecontainer_creminders {
2313 float: right
!important
;
2316 .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
2320 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
2321 -webkit-transform: rotate
(180deg); /* Chrome and other webkit browsers */
2322 -moz-transform: rotate
(180deg); /* FF */
2323 -o-transform: rotate
(180deg); /* Opera */
2324 -ms-transform: rotate
(180deg); /* IE9 */
2325 transform: rotate
(180deg); /* W3C compliant browsers */
2328 filter: progid:DXImageTransform
.Microsoft
.Matrix
(M11
=-1, M12
=0, M21
=0, M22
=-1, DX
=0, DY
=0, SizingMethod
='auto expand');
2331 #file_type_whitelist .subject-black-list
,
2332 #file_type_whitelist .subject-white-list
,
2333 #file_type_whitelist .subject-info-save
,
2334 #file_type_whitelist .subject-info-arrows
2339 #white-list, #black-list
{
2344 float: right
!important
;
2345 padding-left: 10px !important
;
2348 .select2-search, .select2-results{
2349 direction: rtl
!important
;