1 /*! This style sheet was autogenerated using gulp + scss
2 * For usage instructions, see: https://github.com/openemr/openemr/blob/master/interface/README.md
5 * Stylesheet for flat colors
6 * The color palette is used to style the various elements in a consistent manner
8 * LICENSE: This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 * This program is distributed in the hope that it will be useful,
13 * but WITHOUT ANY WARRANTY; without even the implied warranty of
14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15 * GNU General Public License for more details.
16 * You should have received a copy of the GNU General Public License
17 * along with this program. If not, see <http://opensource.org/licenses/gpl-license.php>;.
20 * @author Ranganath Pathak <pathak@scrs1.org>
21 * @copyright Copyright (c) 2018 Ranganath Pathak
23 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
24 * @link http://www.open-emr.org
28 #176638 - Darkest Emerald*
29 #24A35A - Darker Emerald*
30 #2ECC71 - Dark Emerald
32 #96E5B8 - Mid Pale Emerald*
33 #C0EFD4 - Pale Emerald
34 #D2F3E0 - Mid Pale Pale Emerald*
35 #E0F7EA - Pale Pale Emerald*
36 #E7E6F9 - Pale Purple~
37 #EAF9F0 - Paler Emerald
38 #2F2F7D - Midnight Blue~
40 * - used in styling buttons and input
41 ~ - common for all flat stylesheets
43 @import url
("themeBuilder.php");
45 font-family: -apple-system
, BlinkMacSystemFont
, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
; }
50 /* RP_MODIFIED 2/09/2015, 1/17/2016*/
52 margin: 0px 0px 0px 2px;
53 /* set the base fontsize for all DOM children */
55 /* set the base font size for all DOM children */ }
58 * Core OpenEMR styles.
60 * These helpers are used regardless of the theme being used
62 * @author Robert Down <robertdown@live.com>
63 * @copyright Copyright (c) 2017 Robert Down
64 * @license https://github.com/openemr/openemr/blob/master/LICENSE General Public License 3
67 * Global uses of the font awesome library
68 * TODO fix pathing for all uses
71 font-family: "FontAwesome";
72 src: url
("/public/assets/font-awesome-4-6-3/fonts/fontawesome-webfont.ttf") format
("truetype"); }
74 .css_button[href*="deleter"]:before, input[type="button"][href*="deleter"] [type="submit"]:before, button[href*="deleter"]:before {
75 font-family: "FontAwesome";
77 display: inline-block
; }
80 font-family: "FontAwesome";
84 content: "\f00c\00a0\00a0"; }
87 content: "\f00d\00a0\00a0"; }
90 content: '\f067\00a0\00a0'; }
93 content: '\f002\00a0\00a0'; }
96 content: '\f014\00a0\00a0'; }
98 .btn-duplicate::before {
99 content: '\f0c5\00a0\00a0'; }
101 .btn-refresh::before {
102 content: '\f021\00a0\00a0'; }
105 content: '\f040\00a0\00a0'; }
107 .btn-transmit::before {
108 content: '\f061\00a0\00a0'; }
110 .btn-receive::before {
111 content: '\f060\00a0\00a0'; }
114 content: '\f02f\00a0\00a0'; }
117 content: '\f053\00a0\00a0'; }
120 content: '\f06e\00a0\00a0'; }
123 content: '\f070\00a0\00a0'; }
126 content: '\f0e2\00a0\00a0'; }
128 .btn-update::before {
129 content: '\f01e\00a0\00a0'; }
131 .btn-download::before {
132 content: '\f019\00a0\00a0'; }
135 content: '\f0e0\00a0\00a0'; }
137 .btn-calendar::before {
138 content: '\f073\00a0\00a0'; }
141 content: '\f201\00a0\00a0'; }
143 .btn-filter::before {
144 content: '\f0b0\00a0\00a0'; }
146 .btn-send-msg::before {
147 content: '\f1d8\00a0\00a0'; }
150 * Common forms styles
159 border: 2px outset
#666666;
160 background-color: #eae6ff;
173 background-color: #EADDB4; }
175 /* flow board filters*/
176 #flow_board_parameters {
178 background-color: #ececec; }
180 #flow_board_parameters td
{
183 #flow_board_parameters table
{
186 border-collapse: collapse
; }
189 * closeDlgIframe common styles
201 div
.closeDlgIframe:before
{
204 font-family: "FontAwesome";
206 display: inline-block
;
214 * Core OpenEMR styles.
216 .ui-draggable:hover {
219 cursor: -webkit-grab
; }
221 .ui-draggable:active {
224 cursor: -webkit-grabbing
; }
226 .ui-icon-gripsmall-diagonal-se {
227 background-position: -64px -224px; }
229 .ui-icon, .ui-widget-content .ui-icon {
230 background-image: url
("/public/assets/jquery-ui-1-12-1/themes/sunny/images/ui-icons_d19405_256x240.png"); }
237 display: inline-block
;
238 vertical-align: middle
;
241 text-indent: -99999px;
243 background-repeat: no-repeat
; }
245 .ui-resizable-handle {
249 touch-action: none
; }
274 text-decoration: none
; }
284 text-decoration: none
;
288 text-decoration: none
; }
291 text-decoration: none
; }
294 text-decoration: none
;
297 .link_selected:visited {
298 text-decoration: none
;
302 text-decoration: none
;
305 .link_submit a:visited {
308 .link_submit a:hover {
313 text-decoration: none
;
318 text-decoration: none
;
321 /* see .titlebar below */
325 text-decoration: none
;
330 text-decoration: none
;
336 padding-left: 0 !important
;
337 padding-right: 0 !important
; }
340 padding-left: 15px; }
342 .sidebar ul.mainmenu {
343 padding-bottom: 55px; }
345 /*=============================================================
346 * Here we have taken variables from globals.php and turned them into CSS classes
347 * these should be used in place of the GLOBAL variables -- JRM March 2008
348 *=============================================================*/
350 background-color: #fffbeb;
355 background-color: #fffbeb; }
357 /* $GLOBALS['style']['BGCOLOR2'] */
359 background: url
("../pic/aquabg.gif") repeat
;
362 /* $bottom_bg_line */
364 background-color: #fedf98; }
368 background-color: #fefdcf; }
372 background-color: #f7f0d5; }
374 /* $login_filler_line */
376 background: url
("../pic/aquabg.gif") repeat
; }
378 /* $login_body_line */
380 background-color: #ccc; }
384 background-color: #ccc; }
386 /* $GLOBALS['style']['BGCOLOR1'] */
388 background-color: #222; }
390 /* $GLOBALS['style']['TEXTCOLOR11'] */
392 background-color: #ddd; }
394 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
396 background: url
("../pic/aquabg.gif") repeat
; }
398 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
400 background-color: #24262c;
403 /* $GLOBALS['logoBarHeight'] */
407 /* $GLOBALS['navBarHeight'] */
411 /* $GLOBALS['titleBarHeight'] */
412 /* The top navigation icon styling*/
418 background-color: #FFFFFF;
419 border: 1px solid black
;
432 .expand_all, .collapse_all {
441 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
442 background-image: none
;
445 border-bottom: 1px solid white
; }
447 .example_menu ul ul {
456 padding: 2px 2px 2px 17px;
459 .example_menu a.expanded {
460 background: #bbb url
("collapse.gif") no-repeat
3px 50%; }
462 .example_menu a.collapsed {
463 background: #bbb url
("expand.gif") no-repeat
3px 50%; }
465 .example_menu a:hover {
466 text-decoration: none
; }
468 .example_menu ul li span {
475 .example_menu ul a:Subjective {
476 font-weight: normal
; }
478 .example_menu ul a:hover {
480 text-decoration: underline
; }
482 .example_menu li.active a {
485 .example_menu li.active li a {
486 background: #e8e8e8; }
488 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
489 background: transparent url
("footer.jpg") no-repeat
0 0;
490 border-top: 2px solid
#fff;
496 .example_menu .footer span {
500 height: 300px !important
; }
504 text-decoration: none
;
508 text-decoration: none
;
514 text-decoration: none
;
520 text-decoration: none
;
530 a
.disabled_button:hover
{
533 /* Password alert styles */
538 padding: 10px 10px 10px 15px;
542 border: 3px solid
#fe7b7a;
543 background-color: #ffd6d6; }
546 border: 3px solid
#f56fff;
547 background-color: #fabfff; }
550 border: 3px solid
#9acc2e;
551 background-color: #eef7dd; }
553 /* Password alert styles */
554 /* Style for red font */
556 text-decoration: none
;
559 /* Style for red font */
560 .de_identification_status_message {
562 border: 1px solid
#0000FF; }
564 .de_identification_input_controls_box {
566 border: 1px solid
#0000FF; }
568 .de_id_upgrade_login {
570 border: 1px solid Black
;
571 background-color: #ffffff; }
573 body
.admin-layout input
[type
="button"] {
574 display: inline-block
;
577 /* error message = new validation */
582 font-weight: normal
; }
585 border: 1px solid red
!important
; }
588 display: inline-block
;
592 display: inline-block
;
602 /* style taken out of the addressbook code and put here instead */
603 #addressbook_list td
{
605 padding-right: 4px; }
607 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
610 #addressbook_list tr
.search
{
613 #addressbook_list tr
.head
{
614 background-color: #cccccc;
617 #addressbook_list tr
.evenrow
{
618 background-color: #ddddff; }
620 #addressbook_list tr
.oddrow
{
621 background-color: #ffffff; }
623 #addressbook_list .inputtext
{
627 border-color: #000000;
628 background-color: transparent
; }
630 #addressbook_list .button
{
634 /* styles taken out of templates/documents/general_list.html */
640 border-right: dashed
1px; }
648 #documents_list .treeMenuDefault
{
649 font-style: italic
; }
651 #documents_list .treeMenuBold
{
662 #documents_actions iframe
{
669 #documents_actions form
{
673 #documents_actions table
{
677 /*=============================================================
678 * This section relates to the custom layouts that can be made
679 * using the OEMR tool in the Admin section. For example, the
680 * Patient Demographics are a custom layout.
681 *============================================================*/
687 vertical-align: top
; }
700 /*30px - ie 6 fix*/ }
702 /* Patient History */
714 vertical-align: top
; }
720 padding-right: 10px; }
722 /*=============================================================
724 * seen in the patient summary and notes screens
725 *============================================================*/
727 background-color: #dfd; }
730 background-color: #fff; }
733 border-collapse: collapse
; }
738 #pnotes .noterow td
{
739 border-bottom: 1px dashed black
;
744 #pnotes_ps_expand div
.tab table td
{
745 padding-right: 10px; }
747 /*=============================================================
749 * seen in the patient stats screens
750 *============================================================*/
754 #patient_stats table
{
756 border-collapse: collapse
; }
761 #patient_stats .statrow
{
764 #patient_stats .head
{
765 background-color: #cccccc;
766 text-align: center
; }
768 #patient_stats .detail
{
769 vertical-align: top
; }
771 #patient_stats .btn
{
772 background-color: transparent
; }
774 #patient_stats .bg1
{
775 background-color: #ddddff; }
777 #patient_stats .bg2
{
778 background-color: #ffdddd; }
780 #patient_stats .center
{
781 text-align: center
; }
783 /*=============================================================
784 * Patient Stats Summary
785 * seen in the patient summary screen
786 *============================================================*/
787 #patient_stats_summary table
{
788 border-collapse: collapse
; }
790 #patient_stats_summary .noend_noreturn
{
793 #patient_stats_summary .noend
{
796 #patient_stats_summary .noreturn
{
799 #patient_stats_summary .title
{
802 #patient_stats_issues {
805 #patient_stats_spreadsheets {
811 #patient_stats_prescriptions {
814 /*=============================================================
815 * Patient Past Encounters and Documents
816 * seen in the patient encounter screen
817 *============================================================*/
821 #patient_pastenc .billing_note
{
824 #patient_pastenc .billing_note_text
{
826 border: 2px outset black
;
827 background-color: lightgrey
; }
829 #patient_pastenc .billing_note_text_highlight
{
830 background-color: #f7f5d1; }
832 #patient_pastenc table
{
833 border-collapse: collapse
;
836 #patient_pastenc tr
{
839 #patient_pastenc td
{
840 border-top: 1px solid black
;
841 vertical-align: top
; }
843 #patient_pastenc th
{
846 #patient_pastenc #tooltipdiv
{
849 border: 1px solid black
;
851 background-color: #ffffaa;
855 #patient_pastenc .highlight
{
856 background-color: #fff; }
858 #patient_pastenc .tooltip
{
860 border: 1px solid
#333;
866 /*=============================================================
868 * seen in the patient reports screens
869 *============================================================*/
873 #patient_reports .issues
{
874 padding-right: 30px; }
876 #patient_reports .issues table
{
877 margin: 10px 0px 10px 0px; }
879 #patient_reports .issues td
{
882 #patient_reports .encounters td
{
885 #patient_reports .encounter_forms
{
886 margin: 5px 15px 5px 15px; }
888 #patient_reports td
{
889 vertical-align: top
; }
891 #patient_reports ul
{
894 /*=============================================================
896 * seen as the patient report (custom_report.php)
897 *============================================================*/
902 border: 2px dotted black
; }
904 #report_custom .billing
{
910 margin: 0px 0px 5px 0px;
913 #report_custom .immunizations
{
917 #report_custom .notes
{
921 #report_custom .transactions
{
925 #report_custom .communications
{
929 #report_custom .documents
{
933 #report_custom .demographics
{
937 #report_custom .insurance
{
941 #report_custom .history
{
945 #report_custom .issue
{
948 #report_custom .issue_type
{
950 padding: 5px 0px 5px 0px; }
952 #report_custom .issue_diag
{
953 margin: 0px 20px 0px 20px; }
955 #report_custom .encounter
{
957 border-top: 2px dotted black
;
958 padding: 10px 5px 10px 5px;
961 #report_custom .encounter h1
{
966 #report_custom .encounter_form
{
967 border-top: 1px solid gray
; }
979 vertical-align: bottom
;
990 div
.tabContainer div
.tab
{
991 border: 1px solid
#ffffff;
996 div
.tabContainer div
.current
{
1001 background: #ffffff none repeat scroll
0 0;
1002 margin-bottom: 10px;
1007 background: #ffffff none repeat scroll
0 0;
1008 margin-bottom: 10px;
1011 div
.tab
p:last-child
{
1016 padding-bottom: 0px; }
1018 div
.tab table td
.label_custom
{
1021 div
.tab table td
.data
{
1025 background: #FFFFFF none repeat scroll
0 0;
1026 margin-bottom: 10px;
1030 background: #FFFFFF none repeat scroll
0 0;
1031 margin-bottom: 10px;
1037 border-bottom: 1px solid
; }
1039 .section-header-dynamic {
1041 border-bottom: 1px solid
; }
1044 background: #FFFFFF;
1051 background: #f0f0f0; }
1057 text-decoration: none
; }
1060 background: #d7d7d7; }
1064 visibility: hidden
; }
1072 white-space: normal
;
1074 text-decoration: none
;
1076 font-weight: normal
; }
1081 /* styles taken out of templates/report/general_default.html */
1091 #report_parameters {
1092 background-color: #ececec;
1095 #report_parameters table
{
1098 border-collapse: collapse
; }
1100 #report_parameters table td
{
1103 #report_parameters table table
{
1105 border-collapse: collapse
;
1108 #report_parameters table table td
.label_custom
{
1109 text-align: right
; }
1111 #report_results table
{
1112 border-top: 1px solid black
;
1113 border-bottom: 1px solid black
;
1114 border-left: 1px solid black
;
1115 border-right: 1px solid black
;
1117 border-collapse: collapse
;
1120 #report_results table thead
{
1122 display: table-header-group
;
1123 background-color: #ddd;
1128 #report_results table th
{
1129 border-bottom: 1px solid black
;
1132 #report_results table td
{
1134 border-bottom: 1px dashed
;
1138 background-color: #77ff77;
1139 font-weight: bold
; }
1142 * List-table formatting
1148 border-bottom: 1px dashed
#000000;
1151 .showborder_head th {
1152 border-bottom: 1px solid
#000000;
1161 .showborder_long tr td {
1162 border-bottom: 1px dashed
#000000;
1165 /* ------- Therapy groups styling --------- */
1175 .group-success-msg {
1179 margin-bottom: 20px;
1180 border: 1px solid
#2672ec;
1191 table
.dataTable#therapy_groups_list tbody td
{
1193 padding-right: 20px;
1196 .therapy_group #therapy_groups_list_container {
1197 margin-top: initial
;
1200 .therapy_group #therapy_groups_list_container input[type="text"] {
1201 border-color: #ccc; }
1203 .therapy_group #therapy_groups_list_container input[type=number] {
1204 -moz-appearance: textfield
; }
1206 .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 {
1207 -webkit-appearance: none
;
1210 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1211 background-color: #ef3935;
1213 padding: 2px 10px; }
1215 .therapy_group .delete_btn a {
1216 text-decoration: none
;
1219 .therapy_group #therapy_groups_list_container .failed_message {
1222 #updateParticipants {
1223 position: relative
; }
1230 #add-participant-form {
1231 transition: max-height
1s ease-out
;
1236 max-height: 250px !important
; }
1242 text-align: center
; }
1244 .therapy_group .event_details {
1248 margin-bottom: 20px;
1249 margin-left: 10px; }
1251 #add_participant .patient_wrap
, #add_participant
.comment_wrap
, #add_participant
.button_wrap
{
1254 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1255 display: inline-block
; }
1257 #add_participant .button_wrap input
{
1259 display: inline-block
; }
1261 #add_participant_element .input_label
{
1264 #add_participant_element .error_wrap
.error
{
1267 #group_attendance_form_table tbody td
{
1268 text-align: center
; }
1270 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1271 display: inline-block
;
1275 #file_type_whitelist {
1279 #white-list, #black-list
{
1284 #file_type_whitelist select
{
1288 #file_type_whitelist option
{
1289 padding: 4px 10px 4px 10px; }
1291 #file_type_whitelist option:hover
{
1292 background: #EEEEEE; }
1294 #file_type_whitelist .subject-info-arrows
{
1295 display: inline-block
;
1297 margin: 130px 30px 30px 30px;
1300 #file_type_whitelist .subject-info-save
{
1302 margin: 170px 30px 30px 30px;
1305 #file_type_whitelist input
[type
=button
] {
1306 float: none
!important
;
1309 #file_type_whitelist #add-manually
{
1310 display: inline-block
; }
1312 #file_type_whitelist #add-manually
-input
{
1315 #file_type_whitelist .top-list
{
1316 margin: 20px 20px 2px 20px; }
1339 .alert, .alert-custom {
1342 text-decoration: none
; }
1359 .link_selected:visited {
1371 text-decoration: none
; }
1380 background-color: #EAF9F0; }
1382 /* $top_bg_line RP_MODIFIED 2/8/15 $paler*/
1384 background-color: #EAF9F0; }
1386 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 $paler*/
1388 background-color: #2ECC71; }
1390 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 $dark*/
1392 background-color: #EAF9F0; }
1394 /* $nav_bg_line RP_MODIFIED 2/8/15 $paler */
1396 background-color: #2F2F7D; }
1398 /* $GLOBALS['logoBarHeight'] RP_MODIFIED 12/22/2012 $midnightblue*/
1399 /* style taken out of the addressbook code and put here instead */
1400 #addressbook_list td
{
1401 font-family: Arial
, Helvetica
, sans-serif
; }
1403 #addressbook_list tr
.search
{
1406 #addressbook_list tr
.head
{
1408 background-color: inherit
; }
1410 #addressbook_list tr
.detail
{
1413 #addressbook_list .inputtext
{
1414 font-family: inherit
;
1416 font-weight: inherit
;
1417 border-style: inherit
;
1418 border-width: inherit
;
1419 border-color: inherit
;
1420 background-color: inherit
;
1421 /* RP_MODIFIED 1/18/2016*/
1422 /* DES_OVERRIDE 5/14/2018 */ }
1424 #addressbook_list .button
{
1425 font-family: sans-serif
;
1427 font-weight: bold
; }
1429 .address_names:hover {
1433 color: magenta
!important
; }
1437 font-family: helvetica
; }
1441 font-family: helvetica
; }
1443 #documents_list td
{
1444 font-family: helvetica
; }
1447 font-family: helvetica
; }
1449 #documents_list .treeMenuDefault
{
1450 font-style: italic
; }
1452 #documents_list .treeMenuBold
{
1454 font-weight: bold
; }
1456 /*=============================================================
1458 * seen in the patient stats screens
1459 *============================================================*/
1460 #patient_stats .head
{
1463 #patient_stats .detail
{
1466 /*=============================================================
1467 * Patient Past Encounters and Documents
1468 * seen in the patient encounter screen
1469 *============================================================*/
1470 #patient_pastenc #tooltipdiv
{
1473 #addressbook_list tr
.evenrow
, #searchResults
tr:nth-child
(even
) {
1474 background-color: #FFFFFF;
1475 /*RP_MODIFIED 1/16/2016 :$pale */ }
1477 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
), .signout-restore-subheading
{
1478 background-color: #E0F7EA;
1479 /*RP_MODIFIED 1/16/2016 $white */ }
1484 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
1485 background: #57D68D;
1486 /*styles the message table header*/ }
1488 input
[type
="button"], input
[type
="submit"], button
{
1489 background: #24A35A;
1490 color: #FFFFFF !important
;
1493 line-height: 1.42857143;
1495 white-space: nowrap
;
1496 vertical-align: middle
;
1497 border: 1px solid transparent
;
1498 border-radius: 2px; }
1500 .head, #searchCriteria {
1501 background: #57D68D !important
; }
1504 padding: 0px !important
;
1505 margin-bottom: 5px; }
1507 input
[type
="button"]:focus
, input
[type
="button"]:active:focus
, input
[type
="button"].active:focus
, input
[type
="submit"]:focus
, input
[type
="submit"]:active:focus
, button
.active:focus
, button:focus
, button:active:focus
, button
.active:focus
{
1508 /*transform: translateY(2px);*/ }
1510 input
[type
="text"], input
[type
="entry"], input
[type
="password"], input
[type
="search"], textarea
{
1512 border: 1px solid
#24A35A !important
;
1514 margin: 3px !important
; }
1518 border: 1px solid
#24A35A !important
;
1521 input
[type
="text"]:focus
, input
[type
="entry"]:focus
, input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
, select:focus
{
1522 background: #E0F7EA;
1523 border-color: #176638 !important
;
1524 box-shadow: 0 0 3px #96E5B8 !important
;
1526 transition: 0.2s linear all
; }
1529 height: auto
!important
; }
1531 .css_button_small, .css_button {
1532 display: inline-block
;
1539 color: #FFFFFF !important
;
1540 line-height: 1.42857143;
1542 white-space: nowrap
;
1543 vertical-align: middle
;
1544 touch-action: manipulation
;
1546 -webkit-user-select: none
;
1547 -moz-user-select: none
;
1548 -ms-user-select: none
;
1550 background-image: none
;
1551 background: #24A35A;
1552 border: 1px solid transparent
;
1556 .css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus {
1557 outline: thin dotted
;
1558 outline: 5px auto
-webkit-focus-ring-color
;
1559 outline-offset: -2px; }
1561 .css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus {
1563 text-decoration: none
; }
1565 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
1566 background-image: none
;
1568 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
1569 -webkit-transform: translateY
(2px);
1570 transform: translateY
(2px); }
1572 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
1573 cursor: not-allowed
;
1574 filter: alpha
(opacity
=65);
1579 padding: 2px 12px; }
1581 a:visited
.css_button_small
, a
.css_button_small
, a:visited
.css_button
, a
.css_button
{
1586 display: inline-block
;
1587 background-repeat: no-repeat
;
1588 padding: 5px 14px 6px;
1591 font-size: 12px !important
;
1592 line-height: 1 !important
;
1593 border-bottom-color: #bbb;
1595 transition: 0.1s linear all
; }
1599 line-height: normal
;
1600 padding: 9px 14px 9px;
1601 border-radius: 0px; }
1604 padding: 3px 3px 3px;
1608 background-color: #0084cc #0085cc !important
;
1609 background-repeat: repeat-x
;
1610 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#0084cc', endColorstr
='#0084cc');
1611 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1612 background-image: linear-gradient
(#0084cc, #0084cc);
1613 border-color: #0084cc #0084cc #0085cc;
1614 color: #fff !important
;
1615 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0);
1616 -webkit-font-smoothing: antialiased
; }
1625 /*RP_MODIFIED 7/16/2016*/
1631 ul
.tabNav li
.current
{
1635 vertical-align: bottom
;
1639 background: #E0F7EA;
1640 border: solid
#2ECC71;
1641 border-width: 3px 1px 0px 1px;
1643 padding: 4px 4px 5px 4px;
1644 border-top-left-radius: 5px;
1645 /*#CFCCF7 RP_MODIFIED 2/11/2015*/
1646 border-top-right-radius: 5px; }
1648 /*added RP_MODIFIED */
1650 background-color: #2ECC71;
1653 div
.tabContainer div
.current
{
1654 border: 1px solid
#C0EFD4;
1655 background: #C0EFD4; }
1657 /*RP_MODIFIED 2/11/2015 */
1658 ul
.tabNav li
.current a
{
1659 background: #C0EFD4;
1665 #report_parameters {
1666 background-color: #E0F7EA;
1667 margin: 10px 0px 5px 0px; }
1669 #report_parameters table
{
1670 border: solid
1px #176638; }
1672 #report_parameters > table
> tbody
> tr
> td
> table
{
1673 border-left: 1px solid
#176638 !important
;
1676 #report_parameters .form-control
{
1679 #report_results table
{
1682 #report_results table thead
{
1683 border: solid
1px #176638;
1684 background-color: inherit
; }
1686 #report_results table th
{
1687 border-bottom: 2px solid
#176638;
1688 background-color: inherit
; }
1690 #report_results table td
{
1692 border-bottom: 1px dashed
;
1696 background-color: #E0F7EA;
1697 font-weight: bold
; }
1700 * List-table formatting
1705 .showborder_head th {
1711 .showborder_long tr td {
1718 font-family: helvetica
;
1720 border: 2px outset
#666666;
1721 background-color: #EAF9F0;
1722 /*RP_MODIFIED 2/8/2014 $paler*/ }
1724 /* Style for red font */
1728 /* Style for red font */
1729 #navigation-slide, #navigation-slide
* {
1733 #navigation-slide li
{
1736 #navigation-slide a
{
1737 background: #FFFFFF;
1738 border-top: 2px solid
#EAF9F0;
1739 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1743 padding: 5px 2px 5px 10px;
1746 #navigation-slide li a
.collapsed
{
1747 background: #2ECC71;
1748 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1749 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$dark', endColorstr
='$dark');
1751 /* for webkit browsers b5cbff*/
1752 background: -moz-linear-gradient
(top
, #2ECC71, #2ECC71);
1753 /* for firefox 3.6+ b5cbff*/ }
1755 #navigation-slide li a
.expanded
{
1756 background: #57D68D;
1757 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1758 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$mid', endColorstr
='$mid');
1760 /* for webkit browsers */
1761 background: -moz-linear-gradient
(top
, #57D68D, #57D68D);
1762 /* for firefox 3.6+ 61a0ff*/ }
1764 #navigation-slide ul li a
.collapsed_lv2
{
1765 background: #7870DE;
1766 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1767 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7870de', endColorstr
='#7870de');
1769 /* for webkit browsers e7e6f9*/
1770 background: -moz-linear-gradient
(top
, #7870de, #7870de);
1771 /* for firefox 3.6+ e7e6f9*/ }
1773 #navigation-slide ul li a
.expanded_lv2
{
1774 background: #E7E6F9;
1775 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1776 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$palepurple', endColorstr
='$palepurple');
1778 /* for webkit browsers 7870de */
1779 background: -moz-linear-gradient
(top
, #E7E6F9, #E7E6F9);
1780 /* for firefox 3.6+ 7870de*/ }
1782 #navigation-slide ul li a
.collapsed_lv3
{
1783 background: #aaaaaa;
1784 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#aaaaaa', endColorstr
='#aaaaaa');
1785 background: -moz-linear-gradient
(top
, #aaaaaa, #aaaaaa); }
1787 #navigation-slide ul li a
.expanded_lv3
{
1788 background: #eeeeee;
1789 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee', endColorstr
='#eeeeee');
1790 background: -moz-linear-gradient
(top
, #eeeeee, #eeeeee); }
1794 border: 1px solid
#EAF9F0;
1795 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1796 background: #2ECC71;
1797 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1798 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$dark', endColorstr
='$dark');
1799 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1800 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1801 background: -moz-linear-gradient
(top
, #2ECC71, #2ECC71);
1802 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ }
1808 font-weight: bold
; }
1811 background: #E0F7EA; }
1817 background: #C9F1B5;
1818 border-left: 1px solid
#000000;
1819 border-right: 1px solid
#000000;
1820 border-bottom: 1px solid
#000000; }
1823 background: #EAF9F0;
1828 background: #E0F7EA;
1831 .encounter-form-category-li {
1833 background-color: #EAF9F0 !important
; }
1838 .example_menu ul a:Subjective {
1839 font-weight: normal
; }
1841 .example_menu ul a:hover {
1842 background: #f5f5f5;
1843 text-decoration: underline
; }
1846 background-color: white
;
1849 border: 1px solid
#24A35A;
1850 /*RP_ADDED 7/5/2016*/
1855 background: #EAF9F0;
1856 /*RP_ADDED 8/27/2016*/ }
1858 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1859 div
.section
, div
.borderbox
{
1860 border-color: #176638 !important
;
1861 background-color: #E0F7EA; }
1863 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1864 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1865 .login div.container {
1868 background: #EAF9F0 !important
;
1869 border-top: solid
#2ECC71 40px;
1870 border-left: solid
#E0F7EA 1px;
1871 border-right: solid
#E0F7EA 1px;
1872 border-bottom: solid
#E0F7EA 1px; }
1875 background: #fcfcfc !important
; }
1877 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1878 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1881 background: #2ECC71 !important
;
1882 margin: 0px 0px 10px 0px;
1885 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1886 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1887 #mainBox > .body_top
, .body_top_tabs
{
1888 background-color: #2ECC71 !important
; }
1890 .tabSpan, .tabSpan_tabs {
1891 border-top: 5px solid
#2ECC71 !important
;
1892 border-left: 1px solid
#2ECC71 !important
;
1893 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1894 border-right: 1px solid
#2ECC71 !important
;
1895 border-radius: 3px 6px 0px 0px !important
; }
1897 .tabNotchosen, .tabsNoHover {
1898 border-bottom: 2px solid
#2ECC71 !important
; }
1900 .tabNotchosen:hover {
1901 background: transparent
!important
; }
1903 .tabSpan_tabs:hover {
1904 background: #E0F7EA !important
; }
1907 border-bottom: none
!important
; }
1911 background: #ffff9e;
1912 padding: 0px 5px 0px 5px; }
1915 padding: 1px 1px 1px 10px;
1919 .patientCurrentEncounter {
1924 color: #000000 !important
;
1925 font-weight: 700 !important
;
1926 font-size: 14px !important
;
1927 /*padding: 5px 10px !important;*/ }
1929 .patientEncounterList {
1930 border: 1px solid
#24A35A;
1931 background: white
; }
1933 /*.patientEncounterList {
1934 background: #ffff9e !important;
1935 border: 1px solid $darker;
1938 .patientEncounterList:hover{
1939 background: $palepale !important;
1940 border-color: $darkest !important;
1941 box-shadow: 0 0 3px $midpale;
1943 -webkit-transition: 0.2s linear all;
1944 -moz-transition: 0.2s linear all;
1945 transition: 0.2s linear all;
1951 .appMenu > span:hover {
1952 background-color: #E0F7EA !important
; }
1954 .menuSection:hover {
1955 background-color: #E0F7EA !important
; }
1958 background: #E0F7EA !important
; }
1960 .menuSection > .menuEntries {
1961 box-shadow: 0px 2px 2px #96E5B8 !important
;
1962 border: none
!important
;
1963 border-radius: 0px !important
; }
1965 .menuEntries li .menuLabel {
1966 padding: 5px 10px !important
; }
1968 .menuEntres li .menuLabel:hover {
1969 background-color: #E0F7EA !important
;
1973 background-color: #E0F7EA !important
; }
1975 .menuSection > .menuEntries {
1976 background-color: #EAF9F0 !important
; }
1978 .body_title, .body_title_tabs {
1979 background-color: #96E5B8 !important
; }
1981 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1982 .tabs_body, #searchCriteria {
1983 background-color: #C0EFD4; }
1986 background-color: #E0F7EA; }
1988 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1989 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1991 background-color: #E0F7EA !important
;
1992 width: 98% !important
; }
1995 background-color: #EAF9F0 !important
; }
2000 div#providerPicker select
{
2003 #calsearch_results_header {
2005 width: 99% !important
; }
2007 #calsearch_results_data {
2008 width: 99% !important
; }
2013 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
2014 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2015 img
[src
*="show_calendar.gif"] {
2016 margin-bottom: 3px; }
2018 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2023 .report_search_bar {
2024 background-color: #E0F7EA; }
2029 /* flow board filters*/
2030 #flow_board_parameters {
2032 background-color: #E0F7EA; }
2034 #flow_board_parameters table
{
2035 border: solid
1px #176638; }
2038 border-color: #176638 !important
; }
2040 /* flow board filters*/
2041 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2043 background-color: #E0F7EA !important
;
2044 border-bottom: thin solid
#176638 !important
; }
2046 ul
.ext-tab-head li
.child-active
{
2047 border-bottom: 2px solid
#24A35A !important
; }
2050 background-color: #57D68D; }
2053 padding-left: 5px; }
2055 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2056 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2058 border-color: #176638 !important
;
2059 background-color: #E0F7EA;
2060 border-spacing: 5px !important
;
2061 border-collapse: separate
;
2062 margin: 0px 0px 5px 10px; }
2065 background-color: #EAF9F0;
2066 border-color: #176638 !important
; }
2068 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2069 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2071 border: 1px solid
#176638 !important
;
2072 background-color: #E0F7EA !important
; }
2075 background-color: #57D68D !important
; }
2078 background-color: #57D68D !important
;
2079 margin-bottom: 0px !important
; }
2081 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2082 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2083 .navbar-custom, .navbar-nav, .nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
2085 background-color: transparent !important;*/ }
2087 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
2088 background-color: #E0F7EA !important
; }
2090 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2091 background-color: #E0F7EA !important
; }
2094 background-color: #EAF9F0 !important
;
2095 border-top: 1px solid
#EAF9F0 !important
;
2096 border-radius: 0px !important
; }
2102 background-color: #2ECC71 !important
;
2105 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
2106 background-color: #E0F7EA !important
; }
2108 .navbar-nav > li > .dropdown-menu {
2109 box-shadow: 0px 2px 2px #96E5B8 !important
; }
2111 .navbar-collapse.collapse.in {
2112 background-color: #2ECC71 !important
;
2114 color: #000000 !important
; }
2116 .navbar-default .navbar-brand {
2117 color: #000000 !important
; }
2119 .navbar-default .navbar-nav > li > a {
2120 color: #000000 !important
; }
2122 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2123 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2124 input
[type
=checkbox
], input
[type
=radio
] {
2125 margin: 4px !important
; }
2128 border-color: #176638 !important
;
2129 background-color: #E0F7EA !important
;
2130 margin-bottom: 10px !important
;
2131 padding: 0px 0px 15px 0px !important
; }
2134 border-bottom: 2px solid
#2ECC71 !important
;
2135 background: #2ECC71 !important
;
2136 padding-left: 10px !important
;
2137 color: #000000 !important
; }
2140 padding: 0px 5px !important
; }
2142 textarea
.form-control
{
2143 height: auto
!important
; }
2146 outline: none
!important
; }
2149 background: #57D68D !important
; }
2151 .table-striped > tbody > tr:nth-of-type(odd) {
2152 background-color: #FFFFFF !important
; }
2155 background: #24A35A !important
;
2156 color: #FFFFFF !important
;
2157 /*border-color:$paler!important; $midpale*/
2158 border-color: #24A35A !important
; }
2161 background: #EAF9F0 !important
;
2162 color: #8e8e8e !important
;
2163 border-color: #176638 !important
;
2164 border-radius: 2px !important
; }
2166 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
2167 border-color: #176638 !important
;
2168 background: #176638 !important
; }
2170 .btn-link:focus, .btn-link:hover {
2171 text-decoration: none
!important
; }
2174 border: 1px solid
#ccc;
2175 border-radius: 3px !important
; }
2177 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open > .dropdown-toggle.btn-link {
2178 color: #666666 !important
;
2179 border-color: #24A35A !important
;
2180 background: #E0F7EA !important
;
2181 box-shadow: 0px 0px 2px #24A35A inset
;
2182 transition: border-color ease-in-out
.3s, box-shadow ease-in-out
.3s; }
2184 .btn-separate-left, .oe-opt-btn-separate-left {
2185 margin-left: 20px !important
; }
2188 margin-right: 2px !important
; }
2190 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2191 border-top-right-radius: 0px !important
;
2192 border-bottom-right-radius: 0px !important
;
2193 border-bottom-left-radius: 3px !important
;
2194 border-top-left-radius: 3px !important
; }
2196 .btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle) {
2197 border-top-right-radius: 3px !important
;
2198 border-bottom-right-radius: 3px !important
; }
2201 font-size: 10px !important
; }
2204 border-radius: 3px !important
; }
2207 font-weight: 600 !important
; }
2210 margin-bottom: 5px !important
; }
2212 .form-horizontal .control-label {
2213 padding-top: 2px !important
; }
2216 height: 24px !important
;
2217 padding: 0px 6px !important
; }
2219 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
2220 margin-left: -20px !important
; }
2222 .checkbox label, .radio label {
2223 padding-left: 20px !important
; }
2225 .position-override {
2226 text-align: center
!important
;
2230 padding-bottom: 5px; }
2233 display: inline-block
; }
2243 padding: 5px 5px 0px 0px; }
2246 font-weight: 700 !important
;
2247 color: black
!important
; }
2255 line-height: 1.428571429;
2256 border-radius: 15px;
2257 background: #24A35A !important
;
2258 color: #FFFFFF !important
;
2259 border-color: #176638 !important
; }
2261 .patientInfo a.btn, .patientDataColumn a.btn {
2267 line-height: 1.428571429;
2268 border-radius: 10px !important
;
2269 background: #24A35A !important
;
2270 color: #FFFFFF !important
;
2271 border-color: #176638 !important
;
2274 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2275 #globals_form_search {
2277 padding: 2px 3px 1px 3px; }
2279 th
.currentvalues
, th
.historicalvalues
{
2280 background: #2ECC71 !important
; }
2282 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2283 .oe-payment-select {
2284 width: 80px !important
;
2293 padding: 10px 15px; }
2296 width: 65% !important
; }
2298 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2299 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 recall and flowboard *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2300 .divTable, .borderShadow {
2301 background: #E0F7EA !important
;
2302 border: 0.5px solid
#C0EFD4 !important
;
2303 box-shadow: 0px 0px 0px #C0EFD4 !important
;
2304 border-radius: 0px !important
; }
2306 .divTableCell, .divTableHead {
2307 border: 1px solid
#57D68D !important
;
2308 border-radius: 0px !important
; }
2311 background-color: #C0EFD4 !important
; }
2313 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 recall and flowboard *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2314 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2316 color: #24A35A !important
; }
2319 background-color: #E0F7EA !important
;
2320 border-color: #96E5B8 !important
; }
2322 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2323 /*to facilitate importing all common scss files*/
2324 /*-----------------------openemr5.0.2 help files styling---------------------- */
2325 .oe-help-container a, .oe-help-container a:not(.btn), .oe-help-container a:not(oe-help-redirect) {
2326 text-decoration: none
!important
;
2330 .oe-help-container h2 > a {
2331 font-weight: 500 !important
; }
2335 background-color: #E4E2E0;
2336 border-color: #DADADA;
2338 border-radius: 5px; }
2353 float: none
!important
; }
2356 display: inline
!important
; }
2361 font-size: 70% !important
; }
2363 /*-----------------------openemr5.0.2 help files styling---------------------- */
2364 /*---------------------------openemr5.0.2 messages--------------------------- */
2375 margin-bottom: 20px; }
2378 margin-bottom: 10px; }
2380 a
.arrowhead
, a:hover
.arrowhead
, a:visited
.arrowhead
{
2384 cursor: not-allowed
; }
2389 .oe-patient-background {
2390 background: #ffff9e !important
; }
2392 /*---------------------------openemr5.0.2 messages--------------------------- */
2393 /*-------------------openemr ACL-------------------*/
2395 text-decoration: blink
;
2398 font-weight: bold
; }
2403 font-weight: bold
; }
2408 margin: 10px 0 10px 0;
2411 #acl select
[multiple
], #acl select
[size
] {
2412 height: auto
!important
;
2415 .section a, .section a:visited, .section a:hover {
2416 text-decoration: none
;
2417 color: #000000 !important
; }
2419 /*-------------------openemr ACL-------------------*/
2422 RTL adjustments for style*.css files
2424 Author : Amiel Elboim, Matrix
2427 /* General RTL calsses */
2430 text-align: right
!important
;
2435 margin: 0px 0px 0px 2px;
2456 border-right: dashed
1px;
2458 #documents_actions {
2462 #documents_actions form
{
2463 margin: 0px; padding: 0px;
2472 /*=============================================================
2473 * This section relates to the custom layouts that can be made
2474 * using the OEMR tool in the Admin section. For example, the
2475 * Patient Demographics are a custom layout.
2476 *============================================================*/
2478 #DEM .label_custom
{
2484 padding-right: 6px;/*30px - ie 6 fix*/
2487 /* Patient History */
2496 padding-right: 10px;
2500 /*=============================================================
2501 * Patient Past Encounters and Documents
2502 * seen in the patient encounter screen
2503 *============================================================*/
2505 #patient_pastenc th
{
2511 /*=============================================================
2513 * seen in the patient reports screens
2514 *============================================================*/
2515 #patient_reports .issues
{
2516 padding-right: 30px;
2518 #patient_reports .issues table
{
2519 margin: 10px 0px 10px 0px;
2521 #patient_reports .issues td
{
2524 #patient_reports .encounters td
{
2527 #patient_reports .encounter_forms
{
2528 margin:5px 15px 5px 15px;
2531 /*=============================================================
2533 * seen as the patient report (custom_report.php)
2534 *============================================================*/
2536 #report_custom .billing
{
2541 margin: 0px 0px 5px 0px;
2544 #report_custom .immunizations
{
2548 #report_custom .notes
{
2552 #report_custom .transactions
{
2556 #report_custom .communications
{
2560 #report_custom .documents
{
2564 #report_custom .demographics
{
2568 #report_custom .insurance
{
2572 #report_custom .history
{
2576 #report_custom .issue
{
2579 #report_custom .issue_type
{
2580 padding: 5px 0px 5px 0px;
2582 #report_custom .issue_diag
{
2583 margin: 0px 20px 0px 20px;
2585 #report_custom .encounter
{
2586 border-top:2px dotted black
;
2587 padding: 10px 5px 10px 5px;
2589 #report_custom .encounter h1
{
2593 #report_custom .encounter_form
{
2596 border-top: 1px solid gray
;
2607 padding-right: 10px; /* sliding doors padding */
2610 .css_button_small span {
2611 padding: 0px 0px 0px 10px;
2617 padding-right: 10px; /* sliding doors padding */
2621 padding: 5px 0 5px 10px;
2630 ul
.tabNav
{ margin: 0; padding: 0; }
2631 ul
.tabNav
{ float: right
; }
2632 ul
.tabNav li
{ float: right
;
2637 ul
.tabNav li
.current
{
2642 padding: 4px 4px 5px 4px;
2644 ul
.tabNav li
.current a
{padding: 8px; }
2657 #report_parameters table table td
.label_custom
{
2661 #report_results table thead
{
2665 * List-table formatting
2670 .showborder_head th {
2676 .showborder_long tr td{
2682 #navigation-slide, #navigation-slide
*{
2687 #navigation-slide a
{
2689 padding: 5px 2px 5px 10px;
2718 padding: 2px 2px 2px 17px;
2721 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
2728 float: right
!important
;
2731 border-right: 1px solid black
!important
;
2736 .misc-internet-search{
2737 float: right
!important
;
2742 float: none
!important
;
2744 /* record_disclosure.php */
2745 #record-disclosure, #record-disclosure
>div
{
2747 float:none
!important
;
2751 /* /patient_file/encounter/forms.php */
2752 #encounter_forms .encounter-summary-column
{
2753 float: right
!important
;
2755 #encounter_forms .form_header_controls
, #encounter_forms
.form_header
{
2756 float: none
!important
;
2760 /* /interface/main/main_title.php */
2761 table#main-title tr
td:nth-child
(1){
2762 text-align: left
!important
;
2764 table#main-title tr
td:nth-child
(2){
2765 text-align: center
!important
;
2767 table#main-title tr
td:nth-child
(2) div
, table#main-title tr
td:nth-child
(3) div
{
2768 float: none
!important
;
2770 table#main-title tr
td:nth-child
(3){
2771 text-align: center
!important
;
2773 table#main-title tr
td:nth-child
(4){
2774 text-align: right
!important
;
2776 table#main-title tr
td:nth-child
(4) table
{
2780 /* /interface/patient_file/summary/demographics.php */
2784 .demographics-box>div{
2785 float: none
!important
;
2788 .demographics-box>div:first-child{
2789 width: 55% !important
;
2791 .demographics-box>div:last-child{
2798 display: inline-block
;
2800 #tdallday3>span
>input
{
2804 /* /interface/clickmap/template/general_new.html */
2806 float: none
!important
;
2809 .graphic-pain-map img{
2817 /* ajax_template.html */
2822 #dateNav>a:nth-child
(2), #dateNav
>a:nth-child
(3){
2823 display: inline-block
;
2827 #dateNav>a:nth-child
(2){
2829 background-image: url
(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
2832 #dateNav>a:nth-child
(3){
2834 background-image: url
(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
2838 /* /main/messages/messages.php */
2841 text-align: left
!important
;
2845 /* /interface/billing/edih_view.php */
2846 #tabs ul
.ui-tabs-nav li
.ui-state-default
{
2851 /* /interface/code_systems/dataloads_ajax.php */
2853 #accordion .left_wrpr
, #accordion
.wrpr
{
2854 float: right
!important
;
2856 .ui-dialog .ui-dialog-title{
2858 float: none
!important
;
2862 /* /library/js/datatables/media/css/demo_table.css */
2864 #pt_table_paginate #pt_table_next
{
2866 float: none
!important
;
2867 background: url
('../../library/css/images/back_disabled.png') no-repeat top left
!important
;
2868 display: inline-block
;
2869 width: 54px !important
;
2870 padding-left: 20px !important
;
2871 padding-right: 5px !important
;
2875 #pt_table_paginate #pt_table_previous
{
2877 float: none
!important
;
2878 background: url
('../../library/css/images/forward_disabled.png') no-repeat top right
!important
;
2879 display: inline-block
;
2880 width: 54px !important
;
2881 padding-right: 20px !important
;
2882 padding-left: 5px !important
;
2887 float: none
!important
;
2890 /* /templates/documents/general_view.html */
2891 #documents_actions form
[name^
=document
]>div
>div
, #documents_actions form
[name
=notes
]>div
>div
{
2893 float: none
!important
;
2894 display: inline-block
;
2898 #documents_list img
[src
*=branch
], #documents_list img
[src
*=line
], #documents_list img
[src
*=plus
], #documents_list img
[src
*=minus
]{
2899 -webkit-transform: rotate
(180deg);
2900 -moz-transform: rotate
(180deg);
2901 -o-transform: rotate
(180deg);
2902 -ms-transform: rotate
(180deg);
2903 transform: rotate
(180deg);
2905 #documents_list img
[src
*=branchbottom
]{
2906 -webkit-transform: translate
(2px ,0) rotate
(-90deg);
2907 -moz-transform: translate
(2px ,0) rotate
(-90deg);
2908 -o-transform: translate
(2px ,0) rotate
(-90deg);
2909 -ms-transform: translate
(2px ,0) rotate
(-90deg);
2910 transform: translate
(2px ,0) rotate
(-90deg);
2914 .tabs-container ul.tabs{
2918 .tabs-container ul.tabs li{
2920 float: none
!important
;
2922 .container_body .viewport .overview{
2923 left: initial
!important
;
2926 .top-menu-carecoordination li{
2927 float: right
!important
;
2931 .setup-carecoordination .top-menu-carecoordination li{
2932 float: right
!important
;
2934 .setup-carecoordination .ca-ca-in-1{
2935 float: right
!important
;
2937 .setup-carecoordination ul.virtualpage_system_based_forms{
2939 float: right
!important
;
2941 .setup-carecoordination .ca-ca-in-2{
2944 padding-right: 2% !important
;
2945 float: right
!important
;
2947 .setup-carecoordination #paginatediv_database_tables a[rel=next]{
2948 float: left
!important
;
2949 transform: rotate
(180deg);
2951 .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
2952 float: right
!important
;
2953 transform: rotate
(180deg);
2956 /* online - portal */
2958 /* patients/summary_pat_portal.php */
2959 div#portal-buttons-bottom
{
2963 #DEM .label_custom
, #report_parameters table table td
.label_custom
{
2964 text-align: left
!important
;
2968 form#pattrk h2
>span
{
2969 float: right
!important
;
2971 form#pattrk #inanewwindow
>span
{
2972 float: left
!important
;
2976 .cdr-rules-class .ui-multiselect .ui-state-default {
2980 .rule_detail.edit.summry .left_col {
2985 .rule_detail
.left_col
,
2986 .rule_detail
.mid_col
,
2987 .rule_detail .end_col {
2989 display: inline-block
;
2992 #namecontainer_preminders {
2993 float: right
!important
;
2996 /* Therapy Groups */
2997 #therapy_groups_list_container #clear_filters
{
3001 #namecontainer_creminders {
3002 float: right
!important
;
3005 .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
3009 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
3010 -webkit-transform: rotate
(180deg); /* Chrome and other webkit browsers */
3011 -moz-transform: rotate
(180deg); /* FF */
3012 -o-transform: rotate
(180deg); /* Opera */
3013 -ms-transform: rotate
(180deg); /* IE9 */
3014 transform: rotate
(180deg); /* W3C compliant browsers */
3017 filter: progid:DXImageTransform
.Microsoft
.Matrix
(M11
=-1, M12
=0, M21
=0, M22
=-1, DX
=0, DY
=0, SizingMethod
='auto expand');
3020 #file_type_whitelist .subject-black-list
,
3021 #file_type_whitelist .subject-white-list
,
3022 #file_type_whitelist .subject-info-save
,
3023 #file_type_whitelist .subject-info-arrows
3028 #white-list, #black-list
{
3033 float: right
!important
;
3034 padding-left: 10px !important
;
3037 .select2-search, .select2-results{
3038 direction: rtl
!important
;