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 #224301 - Darkest Forest Green*
29 #2F5D01 - Darker Forest Green*
30 #448602 - Dark Forest Green
31 #8EB667 - Mid Forest Green
32 #B4CE99 - Mid Pale Forest Green*
33 #A1C280 - Pale Forest Green
34 #C6DAB3 - Mid Pale Pale Forest Green*
35 #D9E6CC - Pale Pale Forest Green*
36 #E7E6F9 - Pale Purple~
37 #EFF5EA - Paler Forest Green
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
,
75 input
[type
="button"][href
*="deleter"] [type
="submit"]:before
,
76 button
[href
*="deleter"]:before
{
77 font-family: "FontAwesome";
79 display: inline-block
; }
82 font-family: "FontAwesome";
86 content: "\f00c\00a0\00a0"; }
89 content: "\f00d\00a0\00a0"; }
92 content: '\f067\00a0\00a0'; }
95 content: '\f002\00a0\00a0'; }
98 content: '\f014\00a0\00a0'; }
100 .btn-duplicate::before {
101 content: '\f0c5\00a0\00a0'; }
103 .btn-refresh::before {
104 content: '\f021\00a0\00a0'; }
107 content: '\f040\00a0\00a0'; }
109 .btn-transmit::before {
110 content: '\f061\00a0\00a0'; }
112 .btn-receive::before {
113 content: '\f060\00a0\00a0'; }
116 content: '\f02f\00a0\00a0'; }
119 content: '\f053\00a0\00a0'; }
122 content: '\f06e\00a0\00a0'; }
125 content: '\f070\00a0\00a0'; }
128 content: '\f0e2\00a0\00a0'; }
130 .btn-update::before {
131 content: '\f01e\00a0\00a0'; }
133 .btn-download::before {
134 content: '\f019\00a0\00a0'; }
137 content: '\f0e0\00a0\00a0'; }
139 .btn-calendar::before {
140 content: '\f073\00a0\00a0'; }
143 content: '\f201\00a0\00a0'; }
145 .btn-filter::before {
146 content: '\f0b0\00a0\00a0'; }
149 * Common forms styles
158 border: 2px outset
#666666;
159 background-color: #eae6ff;
172 background-color: #EADDB4; }
174 /* flow board filters*/
175 #flow_board_parameters {
177 background-color: #ececec; }
179 #flow_board_parameters td
{
182 #flow_board_parameters table
{
185 border-collapse: collapse
; }
188 * closeDlgIframe common styles
200 div
.closeDlgIframe:before
{
203 font-family: "FontAwesome";
205 display: inline-block
;
213 * Core OpenEMR styles.
215 .ui-draggable:hover {
218 cursor: -webkit-grab
; }
220 .ui-draggable:active {
223 cursor: -webkit-grabbing
; }
225 .ui-icon-gripsmall-diagonal-se {
226 background-position: -64px -224px; }
228 .ui-icon, .ui-widget-content .ui-icon {
229 background-image: url
("/public/assets/jquery-ui-1-12-1/themes/sunny/images/ui-icons_d19405_256x240.png"); }
236 display: inline-block
;
237 vertical-align: middle
;
240 text-indent: -99999px;
242 background-repeat: no-repeat
; }
244 .ui-resizable-handle {
248 touch-action: none
; }
273 text-decoration: none
; }
283 text-decoration: none
;
287 text-decoration: none
; }
290 text-decoration: none
; }
293 text-decoration: none
;
296 .link_selected:visited {
297 text-decoration: none
;
301 text-decoration: none
;
303 .link_submit a:visited {
305 .link_submit a:hover {
310 text-decoration: none
;
315 text-decoration: none
;
318 /* see .titlebar below */
322 text-decoration: none
;
327 text-decoration: none
;
333 padding-left: 0 !important
;
334 padding-right: 0 !important
; }
336 padding-left: 15px; }
337 .sidebar ul.mainmenu {
338 padding-bottom: 55px; }
340 /*=============================================================
341 * Here we have taken variables from globals.php and turned them into CSS classes
342 * these should be used in place of the GLOBAL variables -- JRM March 2008
343 *=============================================================*/
345 background-color: #fffbeb;
350 background-color: #fffbeb; }
352 /* $GLOBALS['style']['BGCOLOR2'] */
354 background: url
("../pic/aquabg.gif") repeat
;
357 /* $bottom_bg_line */
359 background-color: #fedf98; }
363 background-color: #fefdcf; }
367 background-color: #f7f0d5; }
369 /* $login_filler_line */
371 background: url
("../pic/aquabg.gif") repeat
; }
373 /* $login_body_line */
375 background-color: #ccc; }
379 background-color: #ccc; }
381 /* $GLOBALS['style']['BGCOLOR1'] */
383 background-color: #222; }
385 /* $GLOBALS['style']['TEXTCOLOR11'] */
387 background-color: #ddd; }
389 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
391 background: url
("../pic/aquabg.gif") repeat
; }
393 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
395 background-color: #24262c;
398 /* $GLOBALS['logoBarHeight'] */
402 /* $GLOBALS['navBarHeight'] */
406 /* $GLOBALS['titleBarHeight'] */
407 /* The top navigation icon styling*/
413 background-color: #FFFFFF;
414 border: 1px solid black
;
437 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
438 background-image: none
;
441 border-bottom: 1px solid white
; }
443 .example_menu ul ul {
452 padding: 2px 2px 2px 17px;
455 .example_menu a.expanded {
456 background: #bbb url
("collapse.gif") no-repeat
3px 50%; }
458 .example_menu a.collapsed {
459 background: #bbb url
("expand.gif") no-repeat
3px 50%; }
461 .example_menu a:hover {
462 text-decoration: none
; }
464 .example_menu ul li span {
471 .example_menu ul a:Subjective {
472 font-weight: normal
; }
474 .example_menu ul a:hover {
476 text-decoration: underline
; }
478 .example_menu li.active a {
481 .example_menu li.active li a {
482 background: #e8e8e8; }
484 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
485 background: transparent url
("footer.jpg") no-repeat
0 0;
486 border-top: 2px solid
#fff;
492 .example_menu .footer span {
496 height: 300px !important
; }
500 text-decoration: none
;
504 text-decoration: none
;
510 text-decoration: none
;
516 text-decoration: none
;
526 a
.disabled_button:hover
{
529 /* Password alert styles */
534 padding: 10px 10px 10px 15px;
538 border: 3px solid
#fe7b7a;
539 background-color: #ffd6d6; }
542 border: 3px solid
#f56fff;
543 background-color: #fabfff; }
546 border: 3px solid
#9acc2e;
547 background-color: #eef7dd; }
549 /* Password alert styles */
550 /* Style for red font */
552 text-decoration: none
;
555 /* Style for red font */
556 .de_identification_status_message {
558 border: 1px solid
#0000FF; }
560 .de_identification_input_controls_box {
562 border: 1px solid
#0000FF; }
564 .de_id_upgrade_login {
566 border: 1px solid Black
;
567 background-color: #ffffff; }
569 body
.admin-layout input
[type
="button"] {
570 display: inline-block
;
573 /* error message = new validation */
578 font-weight: normal
; }
581 border: 1px solid red
!important
; }
584 display: inline-block
;
588 display: inline-block
;
592 /* style taken out of the addressbook code and put here instead */
593 #addressbook_list td
{
595 padding-right: 4px; }
597 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
600 #addressbook_list tr
.search
{
603 #addressbook_list tr
.head
{
604 background-color: #cccccc;
607 #addressbook_list tr
.evenrow
{
608 background-color: #ddddff; }
610 #addressbook_list tr
.oddrow
{
611 background-color: #ffffff; }
613 #addressbook_list .inputtext
{
617 border-color: #000000;
618 background-color: transparent
; }
620 #addressbook_list .button
{
624 /* styles taken out of templates/documents/general_list.html */
630 border-right: dashed
1px; }
635 #documents_list .treeMenuDefault
{
636 font-style: italic
; }
637 #documents_list .treeMenuBold
{
647 #documents_actions iframe
{
653 #documents_actions form
{
656 #documents_actions table
{
660 /*=============================================================
661 * This section relates to the custom layouts that can be made
662 * using the OEMR tool in the Admin section. For example, the
663 * Patient Demographics are a custom layout.
664 *============================================================*/
670 vertical-align: top
; }
683 /*30px - ie 6 fix*/ }
685 /* Patient History */
697 vertical-align: top
; }
703 padding-right: 10px; }
705 /*=============================================================
707 * seen in the patient summary and notes screens
708 *============================================================*/
710 background-color: #dfd; }
713 background-color: #fff; }
716 border-collapse: collapse
; }
721 #pnotes .noterow td
{
722 border-bottom: 1px dashed black
;
727 #pnotes_ps_expand div
.tab table td
{
728 padding-right: 10px; }
730 /*=============================================================
732 * seen in the patient stats screens
733 *============================================================*/
737 #patient_stats table
{
739 border-collapse: collapse
; }
744 #patient_stats .statrow
{
747 #patient_stats .head
{
748 background-color: #cccccc;
749 text-align: center
; }
751 #patient_stats .detail
{
752 vertical-align: top
; }
754 #patient_stats .btn
{
755 background-color: transparent
; }
757 #patient_stats .bg1
{
758 background-color: #ddddff; }
760 #patient_stats .bg2
{
761 background-color: #ffdddd; }
763 #patient_stats .center
{
764 text-align: center
; }
766 /*=============================================================
767 * Patient Stats Summary
768 * seen in the patient summary screen
769 *============================================================*/
770 #patient_stats_summary table
{
771 border-collapse: collapse
; }
773 #patient_stats_summary .noend_noreturn
{
776 #patient_stats_summary .noend
{
779 #patient_stats_summary .noreturn
{
782 #patient_stats_summary .title
{
785 #patient_stats_issues {
788 #patient_stats_spreadsheets {
794 #patient_stats_prescriptions {
797 /*=============================================================
798 * Patient Past Encounters and Documents
799 * seen in the patient encounter screen
800 *============================================================*/
804 #patient_pastenc .billing_note
{
807 #patient_pastenc .billing_note_text
{
809 border: 2px outset black
;
810 background-color: lightgrey
; }
812 #patient_pastenc .billing_note_text_highlight
{
813 background-color: #f7f5d1; }
815 #patient_pastenc table
{
816 border-collapse: collapse
;
819 #patient_pastenc tr
{
822 #patient_pastenc td
{
823 border-top: 1px solid black
;
824 vertical-align: top
; }
826 #patient_pastenc th
{
829 #patient_pastenc #tooltipdiv
{
832 border: 1px solid black
;
834 background-color: #ffffaa;
838 #patient_pastenc .highlight
{
839 background-color: #fff; }
841 #patient_pastenc .tooltip
{
843 border: 1px solid
#333;
849 /*=============================================================
851 * seen in the patient reports screens
852 *============================================================*/
856 #patient_reports .issues
{
857 padding-right: 30px; }
859 #patient_reports .issues table
{
860 margin: 10px 0px 10px 0px; }
862 #patient_reports .issues td
{
865 #patient_reports .encounters td
{
868 #patient_reports .encounter_forms
{
869 margin: 5px 15px 5px 15px; }
871 #patient_reports td
{
872 vertical-align: top
; }
874 #patient_reports ul
{
877 /*=============================================================
879 * seen as the patient report (custom_report.php)
880 *============================================================*/
885 border: 2px dotted black
; }
887 #report_custom .billing
{
893 margin: 0px 0px 5px 0px;
896 #report_custom .immunizations
{
900 #report_custom .notes
{
904 #report_custom .transactions
{
908 #report_custom .communications
{
912 #report_custom .documents
{
916 #report_custom .demographics
{
920 #report_custom .insurance
{
924 #report_custom .history
{
928 #report_custom .issue
{
931 #report_custom .issue_type
{
933 padding: 5px 0px 5px 0px; }
935 #report_custom .issue_diag
{
936 margin: 0px 20px 0px 20px; }
938 #report_custom .encounter
{
940 border-top: 2px dotted black
;
941 padding: 10px 5px 10px 5px;
944 #report_custom .encounter h1
{
949 #report_custom .encounter_form
{
950 border-top: 1px solid gray
; }
962 vertical-align: bottom
;
973 div
.tabContainer div
.tab
{
974 border: 1px solid
#ffffff;
979 div
.tabContainer div
.current
{
984 background: #ffffff none repeat scroll
0 0;
990 background: #ffffff none repeat scroll
0 0;
994 div
.tab
p:last-child
{
999 padding-bottom: 0px; }
1001 div
.tab table td
.label_custom
{
1004 div
.tab table td
.data
{
1008 background: #FFFFFF none repeat scroll
0 0;
1009 margin-bottom: 10px;
1013 background: #FFFFFF none repeat scroll
0 0;
1014 margin-bottom: 10px;
1020 border-bottom: 1px solid
; }
1022 .section-header-dynamic {
1024 border-bottom: 1px solid
; }
1027 background: #FFFFFF;
1034 background: #f0f0f0; }
1040 text-decoration: none
; }
1043 background: #d7d7d7; }
1047 visibility: hidden
; }
1055 white-space: normal
;
1057 text-decoration: none
;
1059 font-weight: normal
; }
1064 /* styles taken out of templates/report/general_default.html */
1074 #report_parameters {
1075 background-color: #ececec;
1078 #report_parameters table
{
1081 border-collapse: collapse
; }
1083 #report_parameters table td
{
1086 #report_parameters table table
{
1088 border-collapse: collapse
;
1091 #report_parameters table table td
.label_custom
{
1092 text-align: right
; }
1094 #report_results table
{
1095 border-top: 1px solid black
;
1096 border-bottom: 1px solid black
;
1097 border-left: 1px solid black
;
1098 border-right: 1px solid black
;
1100 border-collapse: collapse
;
1103 #report_results table thead
{
1105 display: table-header-group
;
1106 background-color: #ddd;
1111 #report_results table th
{
1112 border-bottom: 1px solid black
;
1115 #report_results table td
{
1117 border-bottom: 1px dashed
;
1121 background-color: #77ff77;
1122 font-weight: bold
; }
1125 * List-table formatting
1131 border-bottom: 1px dashed
#000000;
1134 .showborder_head th {
1135 border-bottom: 1px solid
#000000;
1144 .showborder_long tr td {
1145 border-bottom: 1px dashed
#000000;
1148 /* ------- Therapy groups styling --------- */
1158 .group-success-msg {
1162 margin-bottom: 20px;
1163 border: 1px solid
#2672ec;
1174 table
.dataTable#therapy_groups_list tbody td
{
1176 padding-right: 20px;
1179 .therapy_group #therapy_groups_list_container {
1180 margin-top: initial
;
1183 .therapy_group #therapy_groups_list_container input[type="text"] {
1184 border-color: #ccc; }
1186 .therapy_group #therapy_groups_list_container input[type=number] {
1187 -moz-appearance: textfield
; }
1189 .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 {
1190 -webkit-appearance: none
;
1193 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1194 background-color: #ef3935;
1196 padding: 2px 10px; }
1198 .therapy_group .delete_btn a {
1199 text-decoration: none
;
1202 .therapy_group #therapy_groups_list_container .failed_message {
1205 #updateParticipants {
1206 position: relative
; }
1213 #add-participant-form {
1214 transition: max-height
1s ease-out
;
1219 max-height: 250px !important
; }
1225 text-align: center
; }
1227 .therapy_group .event_details {
1231 margin-bottom: 20px;
1232 margin-left: 10px; }
1234 #add_participant .patient_wrap
, #add_participant
.comment_wrap
, #add_participant
.button_wrap
{
1237 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1238 display: inline-block
; }
1240 #add_participant .button_wrap input
{
1242 display: inline-block
; }
1244 #add_participant_element .input_label
{
1247 #add_participant_element .error_wrap
.error
{
1250 #group_attendance_form_table tbody td
{
1251 text-align: center
; }
1253 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1254 display: inline-block
;
1258 #file_type_whitelist {
1262 #white-list, #black-list
{
1267 #file_type_whitelist select
{
1271 #file_type_whitelist option
{
1272 padding: 4px 10px 4px 10px; }
1274 #file_type_whitelist option:hover
{
1275 background: #EEEEEE; }
1277 #file_type_whitelist .subject-info-arrows
{
1278 display: inline-block
;
1280 margin: 130px 30px 30px 30px;
1283 #file_type_whitelist .subject-info-save
{
1285 margin: 170px 30px 30px 30px;
1288 #file_type_whitelist input
[type
=button
] {
1289 float: none
!important
;
1292 #file_type_whitelist #add-manually
{
1293 display: inline-block
; }
1295 #file_type_whitelist #add-manually
-input
{
1298 #file_type_whitelist .top-list
{
1299 margin: 20px 20px 2px 20px; }
1322 .alert, .alert-custom {
1325 text-decoration: none
; }
1342 .link_selected:visited {
1354 text-decoration: none
; }
1363 background-color: #EFF5EA; }
1365 /* $top_bg_line RP_MODIFIED 2/8/15 $paler*/
1367 background-color: #EFF5EA; }
1369 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 $paler*/
1371 background-color: #448602; }
1373 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 $dark*/
1375 background-color: #EFF5EA; }
1377 /* $nav_bg_line RP_MODIFIED 2/8/15 $paler */
1379 background-color: #2F2F7D; }
1381 /* $GLOBALS['logoBarHeight'] RP_MODIFIED 12/22/2012 $midnightblue*/
1382 /* style taken out of the addressbook code and put here instead */
1383 #addressbook_list td
{
1384 font-family: Arial
, Helvetica
, sans-serif
; }
1386 #addressbook_list tr
.search
{
1389 #addressbook_list tr
.head
{
1391 background-color: inherit
; }
1393 #addressbook_list tr
.detail
{
1396 #addressbook_list .inputtext
{
1397 font-family: inherit
;
1399 font-weight: inherit
;
1400 border-style: inherit
;
1401 border-width: inherit
;
1402 border-color: inherit
;
1403 background-color: inherit
;
1404 /* RP_MODIFIED 1/18/2016*/
1405 /* DES_OVERRIDE 5/14/2018 */ }
1407 #addressbook_list .button
{
1408 font-family: sans-serif
;
1410 font-weight: bold
; }
1412 .address_names:hover {
1416 color: magenta
!important
; }
1420 font-family: helvetica
; }
1424 font-family: helvetica
; }
1426 #documents_list td
{
1427 font-family: helvetica
; }
1430 font-family: helvetica
; }
1432 #documents_list .treeMenuDefault
{
1433 font-style: italic
; }
1435 #documents_list .treeMenuBold
{
1437 font-weight: bold
; }
1439 /*=============================================================
1441 * seen in the patient stats screens
1442 *============================================================*/
1443 #patient_stats .head
{
1446 #patient_stats .detail
{
1449 /*=============================================================
1450 * Patient Past Encounters and Documents
1451 * seen in the patient encounter screen
1452 *============================================================*/
1453 #patient_pastenc #tooltipdiv
{
1456 #addressbook_list tr
.evenrow
, #searchResults
tr:nth-child
(even
) {
1457 background-color: #FFFFFF;
1458 /*RP_MODIFIED 1/16/2016 :$pale */ }
1460 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
), .signout-restore-subheading
{
1461 background-color: #D9E6CC;
1462 /*RP_MODIFIED 1/16/2016 $white */ }
1467 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
1468 background: #8EB667;
1469 /*styles the message table header*/ }
1471 input
[type
="button"], input
[type
="submit"], button
{
1472 background: #2F5D01;
1473 color: #FFFFFF !important
;
1476 line-height: 1.42857143;
1478 white-space: nowrap
;
1479 vertical-align: middle
;
1480 border: 1px solid transparent
;
1481 border-radius: 2px; }
1483 .head, #searchCriteria {
1484 background: #8EB667 !important
; }
1487 padding: 0px !important
;
1488 margin-bottom: 5px; }
1490 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
{
1491 /*transform: translateY(2px);*/ }
1493 input
[type
="text"], input
[type
="entry"], input
[type
="password"], input
[type
="search"], textarea
{
1495 border: 1px solid
#2F5D01 !important
;
1497 margin: 3px !important
; }
1501 border: 1px solid
#2F5D01 !important
;
1504 input
[type
="text"]:focus
, input
[type
="entry"]:focus
, input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
, select:focus
{
1505 background: #D9E6CC;
1506 border-color: #224301 !important
;
1507 box-shadow: 0 0 3px #B4CE99 !important
;
1509 transition: 0.2s linear all
; }
1512 height: auto
!important
; }
1514 .css_button_small, .css_button {
1515 display: inline-block
;
1522 color: #FFFFFF !important
;
1523 line-height: 1.42857143;
1525 white-space: nowrap
;
1526 vertical-align: middle
;
1527 touch-action: manipulation
;
1529 -webkit-user-select: none
;
1530 -moz-user-select: none
;
1531 -ms-user-select: none
;
1533 background-image: none
;
1534 background: #2F5D01;
1535 border: 1px solid transparent
;
1539 .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 {
1540 outline: thin dotted
;
1541 outline: 5px auto
-webkit-focus-ring-color
;
1542 outline-offset: -2px; }
1544 .css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus {
1546 text-decoration: none
; }
1548 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
1549 background-image: none
;
1551 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
1552 -webkit-transform: translateY
(2px);
1553 transform: translateY
(2px); }
1555 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
1556 cursor: not-allowed
;
1557 filter: alpha
(opacity
=65);
1562 padding: 3px 12px 5px 12px; }
1564 a:visited
.css_button_small
, a
.css_button_small
, a:visited
.css_button
, a
.css_button
{
1569 display: inline-block
;
1570 background-repeat: no-repeat
;
1571 padding: 5px 14px 6px;
1574 font-size: 12px !important
;
1575 line-height: 1 !important
;
1576 border-bottom-color: #bbb;
1578 transition: 0.1s linear all
; }
1582 line-height: normal
;
1583 padding: 9px 14px 9px;
1584 border-radius: 0px; }
1587 padding: 3px 3px 3px;
1591 background-color: #0084cc #0085cc !important
;
1592 background-repeat: repeat-x
;
1593 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#0084cc', endColorstr
='#0084cc');
1594 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1595 background-image: linear-gradient
(#0084cc, #0084cc);
1596 border-color: #0084cc #0084cc #0085cc;
1597 color: #fff !important
;
1598 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0);
1599 -webkit-font-smoothing: antialiased
; }
1608 /*RP_MODIFIED 7/16/2016*/
1614 ul
.tabNav li
.current
{
1618 vertical-align: bottom
;
1622 background: #D9E6CC;
1623 border: solid
#448602;
1624 border-width: 3px 1px 0px 1px;
1626 padding: 4px 4px 5px 4px;
1627 border-top-left-radius: 5px;
1628 /*#CFCCF7 RP_MODIFIED 2/11/2015*/
1629 border-top-right-radius: 5px; }
1631 /*added RP_MODIFIED */
1633 background-color: #448602;
1636 div
.tabContainer div
.current
{
1637 border: 1px solid
#A1C280;
1638 background: #A1C280; }
1640 /*RP_MODIFIED 2/11/2015 */
1641 ul
.tabNav li
.current a
{
1642 background: #A1C280;
1648 #report_parameters {
1649 background-color: #D9E6CC;
1650 margin: 10px 0px 5px 0px; }
1652 #report_parameters table
{
1653 border: solid
1px #224301; }
1655 #report_parameters > table
> tbody
> tr
> td
> table
{
1656 border-left: 1px solid
#224301 !important
;
1659 #report_parameters .form-control
{
1662 #report_results table
{
1665 #report_results table thead
{
1666 border: solid
1px #224301;
1667 background-color: inherit
; }
1669 #report_results table th
{
1670 border-bottom: 2px solid
#224301;
1671 background-color: inherit
; }
1673 #report_results table td
{
1675 border-bottom: 1px dashed
;
1679 background-color: #D9E6CC;
1680 font-weight: bold
; }
1683 * List-table formatting
1688 .showborder_head th {
1694 .showborder_long tr td {
1701 font-family: helvetica
;
1703 border: 2px outset
#666666;
1704 background-color: #EFF5EA;
1705 /*RP_MODIFIED 2/8/2014 $paler*/ }
1707 /* Style for red font */
1711 /* Style for red font */
1712 #navigation-slide, #navigation-slide
* {
1716 #navigation-slide li
{
1719 #navigation-slide a
{
1720 background: #FFFFFF;
1721 border-top: 2px solid
#EFF5EA;
1722 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1726 padding: 5px 2px 5px 10px;
1729 #navigation-slide li a
.collapsed
{
1730 background: #448602;
1731 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1732 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$dark', endColorstr
='$dark');
1734 /* for webkit browsers b5cbff*/
1735 background: -moz-linear-gradient
(top
, #448602, #448602);
1736 /* for firefox 3.6+ b5cbff*/ }
1738 #navigation-slide li a
.expanded
{
1739 background: #8EB667;
1740 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1741 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$mid', endColorstr
='$mid');
1743 /* for webkit browsers */
1744 background: -moz-linear-gradient
(top
, #8EB667, #8EB667);
1745 /* for firefox 3.6+ 61a0ff*/ }
1747 #navigation-slide ul li a
.collapsed_lv2
{
1748 background: #7870DE;
1749 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1750 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7870de', endColorstr
='#7870de');
1752 /* for webkit browsers e7e6f9*/
1753 background: -moz-linear-gradient
(top
, #7870de, #7870de);
1754 /* for firefox 3.6+ e7e6f9*/ }
1756 #navigation-slide ul li a
.expanded_lv2
{
1757 background: #E7E6F9;
1758 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1759 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$palepurple', endColorstr
='$palepurple');
1761 /* for webkit browsers 7870de */
1762 background: -moz-linear-gradient
(top
, #E7E6F9, #E7E6F9);
1763 /* for firefox 3.6+ 7870de*/ }
1765 #navigation-slide ul li a
.collapsed_lv3
{
1766 background: #aaaaaa;
1767 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#aaaaaa', endColorstr
='#aaaaaa');
1768 background: -moz-linear-gradient
(top
, #aaaaaa, #aaaaaa); }
1770 #navigation-slide ul li a
.expanded_lv3
{
1771 background: #eeeeee;
1772 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee', endColorstr
='#eeeeee');
1773 background: -moz-linear-gradient
(top
, #eeeeee, #eeeeee); }
1777 border: 1px solid
#EFF5EA;
1778 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1779 background: #448602;
1780 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1781 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='$dark', endColorstr
='$dark');
1782 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1783 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1784 background: -moz-linear-gradient
(top
, #448602, #448602);
1785 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ }
1791 font-weight: bold
; }
1794 background: #D9E6CC; }
1800 background: #C9F1B5;
1801 border-left: 1px solid
#000000;
1802 border-right: 1px solid
#000000;
1803 border-bottom: 1px solid
#000000; }
1806 background: #EFF5EA;
1811 background: #D9E6CC;
1814 .encounter-form-category-li {
1816 background-color: #EFF5EA !important
; }
1821 .example_menu ul a:Subjective {
1822 font-weight: normal
; }
1824 .example_menu ul a:hover {
1825 background: #f5f5f5;
1826 text-decoration: underline
; }
1829 background-color: white
;
1832 border: 1px solid
#2F5D01;
1833 /*RP_ADDED 7/5/2016*/
1838 background: #EFF5EA;
1839 /*RP_ADDED 8/27/2016*/ }
1841 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1842 div
.section
, div
.borderbox
{
1843 border-color: #224301 !important
;
1844 background-color: #D9E6CC; }
1846 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1847 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1848 .login div.container {
1851 background: #EFF5EA !important
;
1852 border-top: solid
#448602 40px;
1853 border-left: solid
#D9E6CC 1px;
1854 border-right: solid
#D9E6CC 1px;
1855 border-bottom: solid
#D9E6CC 1px; }
1858 background: #fcfcfc !important
; }
1860 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1861 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1864 background: #448602 !important
;
1865 margin: 0px 0px 10px 0px;
1868 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1869 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1870 #mainBox > .body_top
, .body_top_tabs
{
1871 background-color: #448602 !important
; }
1873 .tabSpan, .tabSpan_tabs {
1874 border-top: 5px solid
#448602 !important
;
1875 border-left: 1px solid
#448602 !important
;
1876 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1877 border-right: 1px solid
#448602 !important
;
1878 border-radius: 3px 6px 0px 0px !important
; }
1880 .tabNotchosen, .tabsNoHover {
1881 border-bottom: 2px solid
#448602 !important
; }
1883 .tabNotchosen:hover {
1884 background: transparent
!important
; }
1886 .tabSpan_tabs:hover {
1887 background: #D9E6CC !important
; }
1890 border-bottom: none
!important
; }
1894 background: #ffff9e;
1895 padding: 0px 5px 0px 5px; }
1898 padding: 1px 1px 1px 10px;
1902 .patientCurrentEncounter {
1907 color: #000000 !important
;
1908 font-weight: 700 !important
;
1909 font-size: 14px !important
;
1910 /*padding: 5px 10px !important;*/ }
1912 .patientEncounterList {
1913 border: 1px solid
#2F5D01;
1914 background: white
; }
1916 /*.patientEncounterList {
1917 background: #ffff9e !important;
1918 border: 1px solid $darker;
1921 .patientEncounterList:hover{
1922 background: $palepale !important;
1923 border-color: $darkest !important;
1924 box-shadow: 0 0 3px $midpale;
1926 -webkit-transition: 0.2s linear all;
1927 -moz-transition: 0.2s linear all;
1928 transition: 0.2s linear all;
1934 .appMenu > span:hover {
1935 background-color: #D9E6CC !important
; }
1937 .menuSection:hover {
1938 background-color: #D9E6CC !important
; }
1941 background: #D9E6CC !important
; }
1943 .menuSection > .menuEntries {
1944 box-shadow: 0px 2px 2px #B4CE99 !important
;
1945 border: none
!important
;
1946 border-radius: 0px !important
; }
1948 .menuEntries li .menuLabel {
1949 padding: 5px 10px !important
; }
1951 .menuEntres li .menuLabel:hover {
1952 background-color: #D9E6CC !important
;
1956 background-color: #D9E6CC !important
; }
1958 .menuSection > .menuEntries {
1959 background-color: #EFF5EA !important
; }
1961 .body_title, .body_title_tabs {
1962 background-color: #B4CE99 !important
; }
1964 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1965 .tabs_body, #searchCriteria {
1966 background-color: #A1C280; }
1969 background-color: #D9E6CC; }
1971 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1972 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1974 background-color: #D9E6CC !important
;
1975 width: 98% !important
; }
1978 background-color: #EFF5EA !important
; }
1983 div#providerPicker select
{
1986 #calsearch_results_header {
1988 width: 99% !important
; }
1990 #calsearch_results_data {
1991 width: 99% !important
; }
1996 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1997 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1998 img
[src
*="show_calendar.gif"] {
1999 margin-bottom: 3px; }
2001 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2006 .report_search_bar {
2007 background-color: #D9E6CC; }
2012 /* flow board filters*/
2013 #flow_board_parameters {
2015 background-color: #D9E6CC; }
2017 #flow_board_parameters table
{
2018 border: solid
1px #224301; }
2021 border-color: #224301 !important
; }
2023 /* flow board filters*/
2024 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2026 background-color: #D9E6CC !important
;
2027 border-bottom: thin solid
#224301 !important
; }
2029 ul
.ext-tab-head li
.child-active
{
2030 border-bottom: 2px solid
#2F5D01 !important
; }
2033 background-color: #8EB667; }
2036 padding-left: 5px; }
2038 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2039 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2041 border-color: #224301 !important
;
2042 background-color: #D9E6CC;
2043 border-spacing: 5px !important
;
2044 border-collapse: separate
;
2045 margin: 0px 0px 5px 10px; }
2048 background-color: #EFF5EA;
2049 border-color: #224301 !important
; }
2051 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2052 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2054 border: 1px solid
#224301 !important
;
2055 background-color: #D9E6CC !important
; }
2058 background-color: #8EB667 !important
; }
2061 background-color: #8EB667 !important
;
2062 margin-bottom: 0px !important
; }
2064 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2065 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2066 .navbar-custom, .navbar-nav, .nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
2068 background-color: transparent !important;*/ }
2070 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
2071 background-color: #D9E6CC !important
; }
2073 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2074 background-color: #D9E6CC !important
; }
2077 background-color: #EFF5EA !important
;
2078 border-top: 1px solid
#EFF5EA !important
;
2079 border-radius: 0px !important
; }
2085 background-color: #448602 !important
;
2088 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
2089 background-color: #D9E6CC !important
; }
2091 .navbar-nav > li > .dropdown-menu {
2092 box-shadow: 0px 2px 2px #B4CE99 !important
; }
2094 .navbar-collapse.collapse.in {
2095 background-color: #448602 !important
;
2097 color: #000000 !important
; }
2099 .navbar-default .navbar-brand {
2100 color: #000000 !important
; }
2102 .navbar-default .navbar-nav > li > a {
2103 color: #000000 !important
; }
2105 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2106 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2107 input
[type
=checkbox
], input
[type
=radio
] {
2108 margin: 4px !important
; }
2111 border-color: #224301 !important
;
2112 background-color: #D9E6CC !important
;
2113 margin-bottom: 10px !important
;
2114 padding: 0px 0px 15px 0px !important
; }
2117 border-bottom: 2px solid
#448602 !important
;
2118 background: #448602 !important
;
2119 padding-left: 10px !important
;
2120 color: #000000 !important
; }
2123 padding: 0px 5px !important
; }
2125 textarea
.form-control
{
2126 height: auto
!important
; }
2129 outline: none
!important
; }
2132 background: #8EB667 !important
; }
2134 .table-striped > tbody > tr:nth-of-type(odd) {
2135 background-color: #FFFFFF !important
; }
2138 background: #2F5D01 !important
;
2139 color: #FFFFFF !important
;
2140 /*border-color:$paler!important; $midpale*/
2141 border-color: #2F5D01 !important
; }
2144 background: #EFF5EA !important
;
2145 color: #8e8e8e !important
;
2146 border-color: #224301 !important
;
2147 border-radius: 2px !important
; }
2149 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
2150 border-color: #224301 !important
;
2151 background: #224301 !important
; }
2153 .btn-link:focus, .btn-link:hover {
2154 text-decoration: none
!important
; }
2157 border: 1px solid
#ccc;
2158 border-radius: 3px !important
; }
2160 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open > .dropdown-toggle.btn-link {
2161 color: #666666 !important
;
2162 border-color: #2F5D01 !important
;
2163 background: #D9E6CC !important
;
2164 box-shadow: 0px 0px 2px #2F5D01 inset
;
2165 transition: border-color ease-in-out
.3s, box-shadow ease-in-out
.3s; }
2167 .btn-separate-left, .oe-opt-btn-separate-left {
2168 margin-left: 20px !important
; }
2171 margin-right: 2px !important
; }
2173 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2174 border-top-right-radius: 0px !important
;
2175 border-bottom-right-radius: 0px !important
;
2176 border-bottom-left-radius: 3px !important
;
2177 border-top-left-radius: 3px !important
; }
2179 .btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle) {
2180 border-top-right-radius: 3px !important
;
2181 border-bottom-right-radius: 3px !important
; }
2184 font-size: 10px !important
; }
2187 border-radius: 3px !important
; }
2190 font-weight: 600 !important
; }
2193 margin-bottom: 5px !important
; }
2195 .form-horizontal .control-label {
2196 padding-top: 2px !important
; }
2199 height: 24px !important
;
2200 padding: 0px 6px !important
; }
2202 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
2203 margin-left: -20px !important
; }
2205 .checkbox label, .radio label {
2206 padding-left: 20px !important
; }
2208 .position-override {
2209 text-align: center
!important
;
2213 padding-bottom: 5px; }
2216 display: inline-block
; }
2226 padding: 5px 5px 0px 0px; }
2229 font-weight: 700 !important
;
2230 color: black
!important
; }
2238 line-height: 1.428571429;
2239 border-radius: 15px;
2240 background: #2F5D01 !important
;
2241 color: #FFFFFF !important
;
2242 border-color: #224301 !important
; }
2244 .patientInfo a.btn, .patientDataColumn a.btn {
2250 line-height: 1.428571429;
2251 border-radius: 10px !important
;
2252 background: #2F5D01 !important
;
2253 color: #FFFFFF !important
;
2254 border-color: #224301 !important
;
2257 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2258 #globals_form_search {
2260 padding: 2px 3px 1px 3px; }
2262 th
.currentvalues
, th
.historicalvalues
{
2263 background: #448602 !important
; }
2265 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2266 .oe-payment-select {
2267 width: 80px !important
;
2276 padding: 10px 15px; }
2279 width: 65% !important
; }
2281 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2282 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2284 color: #2F5D01 !important
; }
2287 background-color: #D9E6CC !important
;
2288 border-color: #B4CE99 !important
; }
2290 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/