2 * Stylesheet for flat colors
3 * The color palette is used to style the various elements in a consistent manner
5 * LICENSE: This program is free software; you can redistribute it and/or
6 * modify it under the terms of the GNU General Public License
7 * as published by the Free Software Foundation; either version 2
8 * of the License, or (at your option) any later version.
9 * This program is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 * GNU General Public License for more details.
13 * You should have received a copy of the GNU General Public License
14 * along with this program. If not, see <http://opensource.org/licenses/gpl-license.php>;.
17 * @author Ranganath Pathak <pathak@scrs1.org>
18 * @copyright Copyright (c) 2017 Ranganath Pathak
20 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
21 * @link http://www.open-emr.org
27 #993F00 - Darkest Tangerine*
28 #CC5400 - Darker Tangerine*
29 #FF6900 - Dark Tangerine
30 #FFA566 - Mid Tangerine
31 #FFC093 - Mid Pale Tangerine*
32 #FFD2B3 - Pale Tangerine
33 #FFE7D6 - Mid Pale Pale Tangerine*
34 #FFF0E5 - Pale Pale Tangerine*
35 #E7E6F9 - Pale Purple~
36 #FFF8F4 - Paler Tangerine
37 #2F2F7D - Midnight Blue~
39 * - used in styling buttons and input
40 ~ - common for all flat stylesheets
45 -apple-system
, BlinkMacSystemFont
, /* 2 */
46 "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
48 "Helvetica Neue", sans-serif
;
53 /* RP_MODIFIED 2/09/2015, 1/17/2016*/
55 margin: 0px 0px 0px 2px;
56 /* set the base fontsize for all DOM children */
58 /* set the base font size for all DOM children */
62 text-decoration: none
;
74 text-decoration: none
;
81 text-decoration: none
;
88 text-decoration: none
;
92 text-decoration: none
;
97 text-decoration: none
;
103 text-decoration: none
;
108 .alert , .alert-custom{
111 text-decoration: none
;
114 text-decoration: none
;
119 text-decoration: none
;
124 text-decoration: none
;
128 text-decoration: none
;
132 text-decoration: none
;
136 .link_selected:visited {
137 text-decoration: none
;
142 text-decoration: none
;
146 .link_submit a:visited {
149 .link_submit a:hover {
158 text-decoration: none
;
161 /* see .titlebar below */
166 text-decoration: none
;
172 text-decoration: none
;
175 /*=============================================================
176 * Here we have taken variables from globals.php and turned them into CSS
177 * classes these should be used in place of the GLOBAL variables
179 =============================================================*/
182 background-color: #FFF8F4;
185 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
187 background-color: #FFF8F4;
189 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/
192 background: url
('../pic/aquabg.gif') repeat
;
195 /* $bottom_bg_line */
197 background-color: #FF6900;
199 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
201 background-color: #FFF8F4;
203 /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */
205 background-color: #f7f0d5;
207 /* $login_filler_line */
209 background: url
('../pic/aquabg.gif') repeat
;
211 /* $login_body_line */
214 background-color: #ccc;
219 background-color: #ccc;
221 /* $GLOBALS['style']['BGCOLOR1'] */
223 background-color: #222;
225 /* $GLOBALS['style']['TEXTCOLOR11'] */
227 background-color: #ddd;
229 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
231 background: url
('../pic/aquabg.gif') repeat
;
233 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
235 background-color: #2F2F7D;
238 /* $GLOBALS['logoBarHeight'] 24262c RP_MODIFIED 12/22/2012*/
243 /* $GLOBALS['navBarHeight'] */
247 /* $GLOBALS['titleBarHeight'] */
249 /* style taken out of the addressbook code and put here instead */
250 #addressbook_list td
{
251 font-family: Arial
, Helvetica
, sans-serif
;
255 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
258 #addressbook_list tr
.search
{
262 #addressbook_list tr
.head
{
264 /*background-color:#cccccc;*/
267 #addressbook_list tr
.detail
{
270 #addressbook_list .inputtext
{
271 /*font-family:monospace;
276 border-color: #000000;
277 background-color:transparent;RP_MODIFIED 1/18/2016*/
279 #addressbook_list .button
{
280 font-family: sans-serif
;
284 .address_names:hover {
288 color: magenta
!Important
;
291 /* styles taken out of templates/report/general_default.html */
295 font-family: helvetica
;
299 font-family: helvetica
;
302 /* styles taken out of templates/documents/general_list.html */
306 font-family: helvetica
;
310 font-family: helvetica
;
312 #documents_list .treeMenuDefault
{
315 #documents_list .treeMenuBold
{
324 border-right: dashed
1px;
333 #documents_actions iframe
{
340 #documents_actions form
{
344 #documents_actions table
{
348 /*=============================================================
349 * This section relates to the custom layouts that can be made
350 * using the OEMR tool in the Admin section. For example, the
351 * Patient Demographics are a custom layout.
352 *============================================================*/
373 /* Patient History */
393 /*=============================================================
395 * seen in the patient summary and notes screens
396 *============================================================*/
398 background-color: #dfd;
401 background-color: #fff;
404 border-collapse: collapse
;
409 #pnotes .noterow td
{
410 border-bottom: 1px dashed black
;
415 #pnotes_ps_expand div
.tab table td
{
418 /*=============================================================
420 * seen in the patient stats screens
421 *============================================================*/
425 #patient_stats table
{
427 border-collapse: collapse
;
432 #patient_stats .statrow
{
435 #patient_stats .head
{
437 background-color: #cccccc;
440 #patient_stats .detail
{
444 #patient_stats .btn
{
445 background-color: transparent
;
447 #patient_stats .bg1
{
448 background-color: #ddddff;
450 #patient_stats .bg2
{
451 background-color: #ffdddd;
453 #patient_stats .center
{
456 /*=============================================================
457 * Patient Stats Summary
458 * seen in the patient summary screen
459 *============================================================*/
460 #patient_stats_summary table
{
461 border-collapse: collapse
;
463 #patient_stats_summary .noend_noreturn
{
466 #patient_stats_summary .noend
{
469 #patient_stats_summary .noreturn
{
472 #patient_stats_summary .title
{
475 #patient_stats_issues {
478 #patient_stats_spreadsheets {
484 #patient_stats_prescriptions {
487 /*=============================================================
488 * Patient Past Encounters and Documents
489 * seen in the patient encounter screen
490 *============================================================*/
494 #patient_pastenc .billing_note
{
497 #patient_pastenc .billing_note_text
{
499 border: 2px outset black
;
500 background-color: lightgrey
;
502 #patient_pastenc .billing_note_text_highlight
{
503 background-color: #f7f5d1;
505 #patient_pastenc table
{
506 border-collapse: collapse
;
509 #patient_pastenc tr
{
512 #patient_pastenc td
{
513 border-top: 1px solid black
;
516 #patient_pastenc th
{
519 #patient_pastenc #tooltipdiv
{
522 border: 1px solid black
;
524 background-color: #ffffaa;
529 #patient_pastenc .highlight
{
530 background-color: #fff;
532 #patient_pastenc .tooltip
{
534 border: 1px solid
#333;
540 /*=============================================================
542 * seen in the patient reports screens
543 *============================================================*/
547 #patient_reports .issues
{
550 #patient_reports .issues table
{
551 margin: 10px 0px 10px 0px;
553 #patient_reports .issues td
{
556 #patient_reports .encounters td
{
559 #patient_reports .encounter_forms
{
560 margin: 5px 15px 5px 15px;
562 #patient_reports td
{
565 #patient_reports ul
{
568 /*=============================================================
570 * seen as the patient report (custom_report.php)
571 *============================================================*/
576 border: 2px dotted black
;
578 #report_custom .billing
{
584 margin: 0px 0px 5px 0px;
587 #report_custom .immunizations
{
591 #report_custom .notes
{
595 #report_custom .transactions
{
599 #report_custom .communications
{
603 #report_custom .documents
{
607 #report_custom .demographics
{
611 #report_custom .insurance
{
615 #report_custom .history
{
619 #report_custom .issue
{
622 #report_custom .issue_type
{
624 padding: 5px 0px 5px 0px;
626 #report_custom .issue_diag
{
627 margin: 0px 20px 0px 20px;
629 #report_custom .issue_title
{}
630 #report_custom .issue_comments
{}
631 #report_custom .encounter
{
633 border-top: 2px dotted black
;
634 padding: 10px 5px 10px 5px;
637 #report_custom .encounter h1
{
642 #report_custom .encounter_form
{
645 border-top: 1px solid gray
;
647 #addressbook_list tr
.evenrow
, #searchResults
tr:nth-child
(even
) {
648 background-color: #FFFFFF;
649 /*RP_MODIFIED 1/16/2016 :#FFD2B3 */
651 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
),
652 .signout-restore-subheading {
653 background-color: #FFE7D6;
654 /*RP_MODIFIED 1/16/2016 #ffffff */
656 /* The top navigation icon styling*/
664 .message-table-header
, #searchResultsHeader
, #searchResultsHeader th
,
665 #addressbook_list tr
.head
, .signout-heading
, #report_results table thead
,
666 .dehead, .showborder_head {
668 /*styles the message table header*/
670 input
[type
="button"], input
[type
="submit"], button
{
673 color: #FFFFFF !Important
;
674 line-height: 1.42857143;
677 vertical-align: middle
;
679 border: 1px solid transparent
;
682 .head, #searchCriteria {
683 background: #FFA566 ! Important
;
686 padding: 0px !Important
;
689 input
[type
="button"]:focus
, input
[type
="button"]:active:focus
,
690 input
[type
="button"].active:focus
, input
[type
="submit"]:focus
,
691 input
[type
="submit"]:active:focus
, button
.active:focus
, button:focus
,
692 button:active:focus
, button
.active:focus
{
693 /*transform: translateY(2px);*/
695 input
[type
="text"], input
[type
="entry"], input
[type
="password"],
696 input
[type
="search"], textarea
{
697 -webkit-border-radius: 2px;
698 -moz-border-radius: 2px;
700 border: 1px solid
#CC5400 !Important
;
702 margin: 3px !Important
;
705 -webkit-border-radius: 2px;
706 -moz-border-radius: 2px;
708 border: 1px solid
#CC5400 ! Important
;
711 input
[type
="text"]:focus
, input
[type
="entry"]:focus
,
712 input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
,
715 border-color: #993F00 !important
;
716 box-shadow: 0 0 3px #FFC093 !important
;
718 -webkit-transition: 0.2s linear all
;
719 -moz-transition: 0.2s linear all
;
720 transition: 0.2s linear all
;
723 height:auto
!Important
;
725 .css_button_small, .css_button {
726 display: inline-block
;
733 color: #FFFFFF !important
;
734 line-height: 1.42857143;
737 vertical-align: middle
;
738 -ms-touch-action: manipulation
;
739 touch-action: manipulation
;
741 -webkit-user-select: none
;
742 -moz-user-select: none
;
743 -ms-user-select: none
;
745 background-image: none
;
747 border: 1px solid transparent
;
751 .css_button_small:focus
, .css_button_small:active:focus
,
752 .css_button_small
.active:focus
, .css_button_small
.focus
,
753 .css_button_small:active.focus, .css_button_small.active.focus {
754 outline: thin dotted
;
755 outline: 5px auto
-webkit-focus-ring-color
;
756 outline-offset: -2px;
758 .css_button_small:hover
, .css_button_small:focus
, .css_button_small
.focus
,
759 .css_button:hover, .css_button:focus, .css_button.focus {
761 text-decoration: none
;
763 .css_button_small:active
, .css_button_small
.active
, .css_button:active
,
765 background-image: none
;
767 -webkit-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
768 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
769 transform: translateY
(2px);
771 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
773 filter: alpha
(opacity
=65);
774 -webkit-box-shadow: none
;
779 padding: 3px 12px 5px 12px;
781 a:visited
.css_button_small
, a
.css_button_small
, a:visited
.css_button
,
785 .css_button_small span {}
794 a
.disabled_button:hover
{
805 /*RP_MODIFIED 7/16/2016*/
817 vertical-align: bottom
;
820 ul
.tabNav li
.current
{
824 vertical-align: bottom
;
829 border: solid
#FF6900;
831 border-width: 3px 1px 0px 1px;
834 padding: 4px 4px 5px 4px;
835 text-decoration: none
;
836 border-top-left-radius: 5px;
837 /*#CFCCF7 RP_MODIFIED 2/11/2015*/
838 border-top-right-radius: 5px;
841 /*added RP_MODIFIED */
844 background-color: #FF6900;
848 /*RP_MODIFIED 2/11/2015 */
850 ul
.tabNav li
.current a
{
859 div
.tabContainer div
.tab
{
860 border: 1px solid
#ffffff;
865 div
.tabContainer div
.current
{
867 border: 1px solid
#FFD2B3;
872 background: #ffffff none repeat scroll
0 0;
878 background: #ffffff none repeat scroll
0 0;
882 div
.tab
p:last-child
{
889 div
.tab table td
.label_custom
{
892 div
.tab table td
.data
{
896 background: #FFFFFF none repeat scroll
0 0;
901 background: #FFFFFF none repeat scroll
0 0;
908 border-bottom: 1px solid
;
910 .section-header-dynamic {
912 border-bottom: 1px solid
;
924 background-color: #FFE7D6;
925 margin: 10px 0px 5px 0px;
927 #report_parameters table
{
928 border: solid
1px #993F00;
930 border-collapse: collapse
;
932 #report_parameters table td
{
935 #report_parameters table table
{
937 border-collapse: collapse
;
940 #report_parameters table table td
.label_custom
{
943 #report_parameters>table
>tbody
>tr
>td
>table
{
944 border-left: 1px solid
#993F00 !Important
;
947 #report_parameters .form-control
{
950 #report_results table
{
951 border-top: 1px solid black
;
952 border-bottom: 1px solid black
;
953 border-left: 1px solid black
;
954 border-right: 1px solid black
;
956 border-collapse: collapse
;
959 #report_results table thead
{
961 display: table-header-group
;
962 border: solid
1px #993F00;
967 #report_results table th
{
968 border-bottom: 2px solid
#993F00;
971 #report_results table td
{
973 border-bottom: 1px dashed
;
977 background-color: #FFE7D6;
982 * List-table formatting
989 border-bottom: 1px dashed
#000000;
993 .showborder_head th {
994 border-bottom: 1px solid
#000000;
1005 .showborder_long tr td {
1006 border-bottom: 1px dashed
#000000;
1016 font-family: helvetica
;
1018 border: 2px outset rgb
(102, 102, 102);
1019 background-color: #FFF8F4;
1020 /*RP_MODIFIED 2/8/2014 #FFF8F4*/
1026 /* Password alert styles */
1032 padding: 10px 10px 10px 15px;
1036 border: 3px solid
#fe7b7a;
1037 background-color: #ffd6d6;
1040 border: 3px solid
#f56fff;
1041 background-color: #fabfff;
1044 border: 3px solid
#9acc2e;
1045 background-color: #eef7dd;
1048 /* Password alert styles */
1051 /* Style for red font */
1054 text-decoration: none
;
1059 /* Style for red font */
1061 .de_identification_status_message {
1063 border: 1px solid
#0000FF;
1065 .de_identification_input_controls_box {
1067 border: 1px solid
#0000FF;
1069 .de_id_upgrade_login {
1071 border: 1px solid Black
;
1072 background-color: #ffffff;
1074 #navigation-slide, #navigation-slide
* {
1078 #navigation-slide li
{
1081 #navigation-slide a
{
1082 background: #FFFFFF;
1083 border-top: 2px solid
#FFF8F4;
1084 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1088 padding: 5px 2px 5px 10px;
1091 #navigation-slide li a
.collapsed
{
1092 background: #FF6900;
1093 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1094 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FF6900', endColorstr
='#FF6900');
1096 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FF6900), to
(#FF6900));
1097 /* for webkit browsers b5cbff*/
1098 background: -moz-linear-gradient
(top
, #FF6900, #FF6900);
1099 /* for firefox 3.6+ b5cbff*/
1101 #navigation-slide li a
.expanded
{
1102 background: #FFA566;
1103 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1104 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FFA566',
1105 endColorstr
='#FFA566');
1107 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FFA566),
1109 /* for webkit browsers */
1110 background: -moz-linear-gradient
(top
, #FFA566, #FFA566);
1111 /* for firefox 3.6+ 61a0ff*/
1113 #navigation-slide ul li a
.collapsed_lv2
{
1114 background: #7870DE;
1115 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1116 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7870de',
1117 endColorstr
='#7870de');
1119 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#7870de),
1121 /* for webkit browsers e7e6f9*/
1122 background: -moz-linear-gradient
(top
, #7870de, #7870de);
1123 /* for firefox 3.6+ e7e6f9*/
1125 #navigation-slide ul li a
.expanded_lv2
{
1126 background: #e7e6f9;
1127 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1128 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#e7e6f9',
1129 endColorstr
='#e7e6f9');
1131 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#e7e6f9),
1133 /* for webkit browsers 7870de */
1134 background: -moz-linear-gradient
(top
, #e7e6f9, #e7e6f9);
1135 /* for firefox 3.6+ 7870de*/
1137 #navigation-slide ul li a
.collapsed_lv3
{
1138 background: #aaaaaa;
1139 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#aaaaaa',
1140 endColorstr
='#aaaaaa');
1141 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#aaaaaa),
1143 background: -moz-linear-gradient
(top
, #aaaaaa, #aaaaaa);
1145 #navigation-slide ul li a
.expanded_lv3
{
1146 background: #eeeeee;
1147 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee',
1148 endColorstr
='#eeeeee');
1149 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#eeeeee),
1151 background: -moz-linear-gradient
(top
, #eeeeee, #eeeeee);
1159 border: 1px solid
#FFF8F4;
1160 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1161 background: #FF6900;
1162 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1163 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FF6900',
1164 endColorstr
='#FF6900');
1165 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1166 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FF6900),
1168 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1169 background: -moz-linear-gradient
(top
, #FF6900, #FF6900);
1170 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1178 text-decoration: none
;
1183 background: #FFE7D6;
1191 background: #C9F1B5;
1192 border-left: 1px solid
#000000;
1193 border-right: 1px solid
#000000;
1194 border-bottom: 1px solid
#000000;
1202 white-space: normal
;
1204 text-decoration: none
;
1205 background: #FFF8F4;
1208 font-weight: normal
;
1212 background: #FFE7D6;
1215 .encounter-form-category-li {
1217 background-color: #FFF8F4 !Important
;
1220 background-color: #FFFFFF;
1221 border: 1px solid black
;
1232 vertical-align: top
;
1235 .expand_all, .collapse_all {
1244 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
1245 background-image: none
;
1248 border-bottom: 1px solid white
;
1250 .example_menu ul ul {
1259 padding: 2px 2px 2px 17px;
1262 .example_menu a.expanded {
1263 background: #bbb url
('collapse.gif') no-repeat
3px 50%;
1265 .example_menu a.collapsed {
1266 background: #bbb url
('expand.gif') no-repeat
3px 50%;
1268 .example_menu a:hover {
1269 text-decoration: none
;
1271 .example_menu ul li span {
1272 background: #d9d1a4;
1275 font-weight: normal
;
1278 .example_menu ul a:Subjective {
1279 font-weight: normal
;
1281 .example_menu ul a:hover {
1282 background: #f5f5f5;
1283 text-decoration: underline
;
1285 .example_menu li.active a {
1288 .example_menu li.active li a {
1289 background: #e8e8e8;
1291 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5
1292 li
.footer
, .example_menu
.footer
{
1293 background: transparent url
('footer.jpg') no-repeat
0 0;
1294 border-top: 2px solid
#fff;
1300 .example_menu .footer span {
1304 height: 300px !important
;
1308 display: inline-block
;
1309 background-repeat: no-repeat
;
1310 padding: 5px 14px 6px;
1313 font-size: 12px !Important
;
1314 line-height: 1 !Important
;
1315 border-bottom-color: #bbb;
1316 -webkit-border-radius: 2px;
1317 -moz-border-radius: 2px;
1319 -webkit-transition: 0.1s linear all
;
1320 -moz-transition: 0.1s linear all
;
1321 transition: 0.1s linear all
;
1325 line-height: normal
;
1326 padding: 9px 14px 9px;
1327 -webkit-border-radius: 0px;
1328 -moz-border-radius: 0px;
1332 padding: 3px 3px 3px;
1336 background-color: #0084cc hsl
(201, 100%, 40%) !important
;
1337 background-repeat: repeat-x
;
1338 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
="#0084cc", endColorstr
="#0084cc");
1339 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1340 background-image: -moz-linear-gradient
(top
, #0084cc, #0084cc);
1341 background-image: -ms-linear-gradient
(top
, #0084cc, #0084cc);
1342 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #0084cc), color-stop
(100%, #0084cc));
1343 background-image: -webkit-linear-gradient
(top
, #0084cc, #0084cc);
1344 background-image: -o-linear-gradient
(top
, #0084cc, #0084cc);
1345 background-image: linear-gradient
(#0084cc, #0084cc);
1346 border-color: #0084cc #0084cc hsl
(201, 100%, 40%);
1347 color: #fff !important
;
1348 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.00);
1349 -webkit-font-smoothing: antialiased
;
1352 background-color: white
;
1355 border: 1px solid
#CC5400;
1356 /*RP_ADDED 7/5/2016*/
1361 background: #FFF8F4;
1362 /*RP_ADDED 8/27/2016*/
1364 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1365 div
.section
, div
.borderbox
{
1366 border-color: #993F00 !important
;
1367 background-color: #FFE7D6;
1369 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1371 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1372 .login div.container {
1375 background: #FFF8F4 ! Important
;
1376 border-top: solid
#FF6900 40px;
1377 border-left: solid
#FFF0E5 1px;
1378 border-right: solid
#FFF0E5 1px;
1379 border-bottom: solid
#FFF0E5 1px;
1382 background: #fcfcfc ! Important
;
1384 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1386 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1389 background: #FF6900 !important
;
1390 margin: 0px 0px 10px 0px;
1393 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1395 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1396 #mainBox > .body_top
, .body_top_tabs
{
1397 background-color: #FF6900 !important
;
1399 .tabSpan, .tabSpan_tabs {
1400 border-top: 5px solid
#FF6900 !important
;
1401 border-left: 1px solid
#FF6900 !important
;
1402 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1403 border-right: 1px solid
#FF6900 !important
;
1404 border-radius: 3px 6px 0px 0px !important
;
1406 .tabNotchosen, .tabsNoHover {
1407 border-bottom: 2px solid
#FF6900 !important
;
1409 .tabNotchosen:hover {
1410 background: transparent
!Important
;
1412 .tabSpan_tabs:hover {
1413 background: #FFE7D6 !Important
;
1416 border-bottom: none
!important
;
1420 background: #ffff9e;
1421 padding: 0px 5px 0px 5px;
1424 padding: 1px 1px 1px 10px;
1428 .patientCurrentEncounter {
1433 color: #000000 !Important
;
1434 font-weight: 700 !Important
;
1435 font-size: 14px !Important
;
1436 /*padding: 5px 10px !Important;*/
1438 .patientEncounterList {
1439 border: 1px solid
#CC5400;
1443 /*.patientEncounterList {
1444 background: #ffff9e !Important;
1445 border: 1px solid #CC5400;
1448 .patientEncounterList:hover{
1449 background: #FFF0E5 !important;
1450 border-color: #993F00 !important;
1451 box-shadow: 0 0 3px #FFC093;
1453 -webkit-transition: 0.2s linear all;
1454 -moz-transition: 0.2s linear all;
1455 transition: 0.2s linear all;
1462 .appMenu>span:hover {
1463 background-color: #FFE7D6 !important
;
1465 .menuSection:hover {
1466 background-color: #FFE7D6 !Important
;
1469 background: #FFE7D6 !Important
;
1471 .menuSection>.menuEntries {
1472 box-shadow: 0px 2px 2px #FFC093 !Important
;
1473 border: none
! Important
;
1474 border-radius: 0px ! Important
;
1476 .menuEntries li .menuLabel {
1477 padding: 5px 10px ! Important
;
1479 .menuEntres li .menuLabel:hover {
1480 background-color: #FFE7D6 !Important
;
1484 background-color: #FFE7D6 !Important
;
1486 .menuSection>.menuEntries {
1487 background-color: #FFF8F4 !Important
;
1489 .body_title, .body_title_tabs {
1490 background-color: #FFC093 !important
;
1492 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1493 .tabs_body, #searchCriteria {
1494 background-color: #FFD2B3;
1497 background-color: #FFE7D6;
1499 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1501 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1503 background-color: #FFE7D6 !important
;
1504 width: 98% !Important
;
1507 background-color: #FFF8F4 !Important
;
1512 div#providerPicker select
{
1515 #calsearch_results_header {
1517 width: 99% ! Important
;
1519 #calsearch_results_data {
1520 width: 99% ! Important
;
1525 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1527 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1528 img
[src
*="show_calendar.gif"] {
1531 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1542 .report_search_bar {
1543 background-color: #FFE7D6;
1545 body
.admin-layout input
[type
="button"] {
1546 display: inline-block
;
1550 /* error message = new validation */
1554 white-space: nowrap
;
1555 font-weight: normal
;
1559 border: 1px solid red
!important
;
1561 .tinylogocontainer {
1562 display: inline-block
;
1566 display: inline-block
;
1571 /* flow board filters*/
1572 #flow_board_parameters {
1575 background-color: #FFE7D6;
1577 #flow_board_parameters td
{
1580 #flow_board_parameters table
{
1581 border: solid
1px #993F00;
1583 border-collapse: collapse
;
1586 border-color: #993F00 !Important
;
1588 /* flow board filters*/
1590 /* ------- Therapy groups styling --------- */
1600 .group-success-msg {
1604 margin-bottom: 20px;
1605 border: 1px solid
#2672ec;
1610 #main-component ul
{}
1617 table
.dataTable#therapy_groups_list tbody td
{
1619 padding-right: 20px;
1622 .therapy_group #therapy_groups_list_container {
1623 margin-top: initial
;
1626 .therapy_group #therapy_groups_list_container input[type="text"] {
1629 .therapy_group #therapy_groups_list_container input[type=number] {
1630 -moz-appearance: textfield
;
1632 .therapy_group #therapy_groups_list_container input
[type
=number
]::-webkit-inner-spin-button
,
1633 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1634 -webkit-appearance: none
;
1637 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1638 background-color: #ef3935;
1642 .therapy_group .delete_btn a {
1643 text-decoration: none
;
1646 .therapy_group #therapy_groups_list_container .failed_message {
1649 #updateParticipants {
1657 #add-participant-form {
1658 transition: max-height
1s ease-out
;
1663 max-height: 250px !important
;
1671 .therapy_group .event_details {
1675 margin-bottom: 20px;
1678 #add_participant .patient_wrap
, #add_participant
.comment_wrap
,
1679 #add_participant .button_wrap
{
1682 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1683 display: inline-block
;
1685 #add_participant .button_wrap input
{
1687 display: inline-block
;
1689 #add_participant_element .input_label
{
1692 #add_participant_element .error_wrap
.error
{
1695 #group_attendance_form_table tbody td
{
1698 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1699 display: inline-block
;
1703 #file_type_whitelist {
1707 #white-list, #black-list
{
1712 #file_type_whitelist select
{
1716 #file_type_whitelist option
{
1717 padding: 4px 10px 4px 10px;
1719 #file_type_whitelist option:hover
{
1720 background: #EEEEEE;
1722 #file_type_whitelist .subject-info-arrows
{
1723 display: inline-block
;
1725 margin: 130px 30px 30px 30px;
1728 #file_type_whitelist .subject-info-save
{
1730 margin: 170px 30px 30px 30px;
1733 #file_type_whitelist input
[type
=button
] {
1734 float: none
!important
;
1737 #file_type_whitelist #add-manually
{
1738 display: inline-block
1740 #file_type_whitelist #add-manually
-input
{
1743 #file_type_whitelist .top-list
{
1744 margin: 20px 20px 2px 20px;
1746 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1748 background-color: #FFE7D6 !Important
;
1749 border-bottom: thin solid
#993F00 !Important
;
1751 ul
.ext-tab-head li
.child-active
{
1752 border-bottom: 2px solid
#CC5400 !Important
;
1755 background-color: #FFA566;
1760 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1762 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1764 border-color: #993F00 !important
;
1765 background-color: #FFE7D6;
1766 border-spacing: 5px ! Important
;
1767 border-collapse: separate
;
1768 margin: 0px 0px 5px 10px;
1771 background-color: #FFF8F4;
1772 border-color: #993F00 !important
;
1774 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1776 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1778 border: 1px solid
#993F00 !important
;
1779 background-color: #FFE7D6 !Important
;
1782 background-color: #FFA566 !Important
;
1785 background-color: #FFA566 !Important
;
1786 margin-bottom: 0px !Important
;
1788 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1790 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1791 .navbar-custom
, .navbar-nav
, .nav
>.active
>a
, .navbar-nav
>.active
>a:hover
,
1792 .navbar-nav>.active>a:focus {
1794 background-color: transparent !Important;*/
1796 .navbar-default
.navbar-nav
>.active
>a
, .navbar-default
.navbar-nav
>.active
>a:focus
,
1797 .navbar-default .navbar-nav>.active>a:hover {
1798 background-color: #FFE7D6 !Important
;
1800 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1801 background-color: #FFE7D6 !Important
;
1804 background-color: #FFF8F4 !Important
;
1805 border-top: 1px solid
#FFF8F4 !Important
;
1806 border-radius: 0px !Important
;
1812 background-color: #FF6900 !Important
;
1815 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1816 background-color: #FFE7D6 !Important
;
1818 .navbar-nav>li>.dropdown-menu {
1819 box-shadow: 0px 2px 2px #FFC093 !Important
;
1821 .navbar-collapse.collapse.in {
1822 background-color: #FF6900 !Important
;
1824 color: #000000 !Important
;
1826 .navbar-default .navbar-brand {
1827 color: #000000 !Important
;
1829 .navbar-default .navbar-nav>li>a {
1830 color: #000000 !Important
;
1832 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1834 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1835 input
[type
=checkbox
], input
[type
=radio
] {
1836 margin: 4px !Important
;
1839 border-color: #993F00 !important
;
1840 background-color: #FFE7D6 !Important
;
1841 margin-bottom: 10px!Important
;
1842 padding: 0px 0px 15px 0px !Important
;
1846 border-bottom: 2px solid
#FF6900 !Important
;
1847 background: #FF6900 !Important
;
1848 padding-left: 10px ! Important
;
1849 color: #000000 !Important
;
1852 padding: 0px 5px !Important
;
1854 textarea
.form-control
{
1855 height: auto
!Important
;
1858 outline: none
!important
;
1861 background: #FFA566 !Important
;
1863 .table-striped>tbody>tr:nth-of-type(odd) {
1864 background-color: #FFFFFF !Important
;
1867 background: #CC5400 !Important
;
1868 color: #FFFFFF !Important
;
1869 /*border-color:#FFF8F4!Important; #FFC093*/
1870 border-color: #CC5400 !Important
;
1873 background: #FFF8F4 !Important
;
1874 color: #8e8e8e !Important
;
1875 border-color: #993F00 !Important
;
1876 border-radius: 2px !Important
;
1878 .btn-default
.active
, .btn-default
.focus
, .btn-default:active
,
1879 .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
1880 border-color: #993F00 !Important
;
1881 background: #993F00 !Important
;
1883 .btn-link:focus, .btn-link:hover {
1884 text-decoration: none
!Important
;
1887 border: 1px solid
#ccc;
1888 border-radius: 3px !Important
;
1890 .btn-link
.active
, .btn-link
.focus
, .btn-link:active
, .btn-link:focus
,
1891 .btn-link:hover, .open>.dropdown-toggle.btn-link {
1892 color: #666666 !Important
;
1893 border-color: #CC5400 !Important
;
1894 background: #FFF0E5 !Important
;
1895 box-shadow:0px 0px 2px #CC5400 inset
;
1896 transition: border-color ease-in-out
.3s,box-shadow ease-in-out
.3s;
1898 .btn-separate-left, .oe-opt-btn-separate-left{
1899 margin-left: 20px !Important
;
1902 margin-right:2px !Important
;
1904 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
1905 border-top-right-radius: 0px !Important
;
1906 border-bottom-right-radius: 0px !Important
;
1907 border-bottom-left-radius: 3px !Important
;
1908 border-top-left-radius: 3px !Important
;
1910 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
1911 border-top-right-radius: 3px !Important
;
1912 border-bottom-right-radius: 3px !Important
;
1915 font-size: 10px !Important
;
1918 border-radius: 3px !Important
;
1921 font-weight: 600 ! Important
;
1924 margin-bottom: 5px !Important
;
1926 .form-horizontal .control-label {
1927 padding-top: 2px ! Important
;
1930 height: 24px ! Important
;
1931 padding: 0px 6px !Important
;
1933 .checkbox input
[type
=checkbox
], .checkbox-inline input
[type
=checkbox
],
1934 .radio input[type=radio], .radio-inline input[type=radio] {
1935 margin-left: -20px !Important
;
1937 .checkbox label, .radio label {
1938 padding-left: 20px !important
;
1941 text-align:center
!Important
;
1948 display: inline-block
;
1958 padding:5px 5px 0px 0px;
1961 font-weight: 700 !Important
;
1962 color: black
!Important
;
1970 line-height: 1.428571429;
1971 border-radius: 15px;
1972 background: #CC5400 !Important
;
1973 color: #FFFFFF !Important
;
1974 border-color: #993F00 !Important
;
1976 .patientInfo a.btn, .patientDataColumn a.btn{
1982 line-height: 1.428571429;
1983 border-radius: 10px !Important
;
1984 background: #CC5400 !Important
;
1985 color: #FFFFFF !Important
;
1986 border-color: #993F00 !Important
;
1989 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1990 #globals_form_search {
1992 padding: 2px 3px 1px 3px;
1994 th
.currentvalues
, th
.historicalvalues
{
1995 background: #FF6900 !Important
;
1997 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1998 .oe-payment-select {
1999 width: 80px !important
;
2011 width:65% !Important
;
2013 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/