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 #E69700 - Darkest Cadmium Yellow*
28 #FF7E00 - Darker Cadmium Yellow *
29 #FFA800 - Dark Cadmium Yellow
30 #FFCE6F - Mid Cadmium Yellow
31 #FFD78B - Mid Pale Cadmium Yellow*
32 #FFDE9F - Pale Cadmium Yellow
33 #FFE4B1 - Mid Pale Pale Cadmium Yellow *
34 #FFF2D8 - Pale Pale Cadmium Yellow *
35 #E7E6F9 - Pale Purple~
36 #FFF9ED - Paler Cadmium Yellow
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
;
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 */
59 text-decoration: none
;
71 text-decoration: none
;
78 text-decoration: none
;
85 text-decoration: none
;
89 text-decoration: none
;
94 text-decoration: none
;
100 text-decoration: none
;
105 .alert , .alert-custom{
108 text-decoration: none
;
111 text-decoration: none
;
116 text-decoration: none
;
121 text-decoration: none
;
125 text-decoration: none
;
129 text-decoration: none
;
133 .link_selected:visited {
134 text-decoration: none
;
139 text-decoration: none
;
143 .link_submit a:visited {
146 .link_submit a:hover {
155 text-decoration: none
;
158 /* see .titlebar below */
163 text-decoration: none
;
169 text-decoration: none
;
172 /*=============================================================
173 * Here we have taken variables from globals.php and turned them into CSS
174 * classes these should be used in place of the GLOBAL variables
176 =============================================================*/
179 background-color: #FFF9ED;
182 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
184 background-color: #FFF9ED;
186 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/
189 background: url
('../pic/aquabg.gif') repeat
;
192 /* $bottom_bg_line */
194 background-color: #FFA800;
196 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
198 background-color: #FFF9ED;
200 /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */
202 background-color: #f7f0d5;
204 /* $login_filler_line */
206 background: url
('../pic/aquabg.gif') repeat
;
208 /* $login_body_line */
211 background-color: #ccc;
216 background-color: #ccc;
218 /* $GLOBALS['style']['BGCOLOR1'] */
220 background-color: #222;
222 /* $GLOBALS['style']['TEXTCOLOR11'] */
224 background-color: #ddd;
226 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
228 background: url
('../pic/aquabg.gif') repeat
;
230 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
232 background-color: #2F2F7D;
235 /* $GLOBALS['logoBarHeight'] 24262c RP_MODIFIED 12/22/2012*/
240 /* $GLOBALS['navBarHeight'] */
244 /* $GLOBALS['titleBarHeight'] */
246 /* style taken out of the addressbook code and put here instead */
247 #addressbook_list td
{
248 font-family: Arial
, Helvetica
, sans-serif
;
252 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
255 #addressbook_list tr
.search
{
259 #addressbook_list tr
.head
{
261 /*background-color:#cccccc;*/
264 #addressbook_list tr
.detail
{
267 #addressbook_list .inputtext
{
268 /*font-family:monospace;
273 border-color: #000000;
274 background-color:transparent;RP_MODIFIED 1/18/2016*/
276 #addressbook_list .button
{
277 font-family: sans-serif
;
281 .address_names:hover {
285 color: magenta
!Important
;
288 /* styles taken out of templates/report/general_default.html */
292 font-family: helvetica
;
296 font-family: helvetica
;
299 /* styles taken out of templates/documents/general_list.html */
303 font-family: helvetica
;
307 font-family: helvetica
;
309 #documents_list .treeMenuDefault
{
312 #documents_list .treeMenuBold
{
321 border-right: dashed
1px;
330 #documents_actions iframe
{
337 #documents_actions form
{
341 #documents_actions table
{
345 /*=============================================================
346 * This section relates to the custom layouts that can be made
347 * using the OEMR tool in the Admin section. For example, the
348 * Patient Demographics are a custom layout.
349 *============================================================*/
370 /* Patient History */
390 /*=============================================================
392 * seen in the patient summary and notes screens
393 *============================================================*/
395 background-color: #dfd;
398 background-color: #fff;
401 border-collapse: collapse
;
406 #pnotes .noterow td
{
407 border-bottom: 1px dashed black
;
412 /*=============================================================
414 * seen in the patient stats screens
415 *============================================================*/
419 #patient_stats table
{
421 border-collapse: collapse
;
426 #patient_stats .statrow
{
429 #patient_stats .head
{
431 background-color: #cccccc;
434 #patient_stats .detail
{
438 #patient_stats .btn
{
439 background-color: transparent
;
441 #patient_stats .bg1
{
442 background-color: #ddddff;
444 #patient_stats .bg2
{
445 background-color: #ffdddd;
447 #patient_stats .center
{
450 /*=============================================================
451 * Patient Stats Summary
452 * seen in the patient summary screen
453 *============================================================*/
454 #patient_stats_summary table
{
455 border-collapse: collapse
;
457 #patient_stats_summary .noend_noreturn
{
460 #patient_stats_summary .noend
{
463 #patient_stats_summary .noreturn
{
466 #patient_stats_summary .title
{
469 #patient_stats_issues {
472 #patient_stats_spreadsheets {
478 #patient_stats_prescriptions {
481 /*=============================================================
482 * Patient Past Encounters and Documents
483 * seen in the patient encounter screen
484 *============================================================*/
488 #patient_pastenc .billing_note
{
491 #patient_pastenc .billing_note_text
{
493 border: 2px outset black
;
494 background-color: lightgrey
;
496 #patient_pastenc .billing_note_text_highlight
{
497 background-color: #f7f5d1;
499 #patient_pastenc table
{
500 border-collapse: collapse
;
503 #patient_pastenc tr
{
506 #patient_pastenc td
{
507 border-top: 1px solid black
;
510 #patient_pastenc th
{
513 #patient_pastenc #tooltipdiv
{
516 border: 1px solid black
;
518 background-color: #ffffaa;
523 #patient_pastenc .highlight
{
524 background-color: #fff;
526 #patient_pastenc .tooltip
{
528 border: 1px solid
#333;
534 /*=============================================================
536 * seen in the patient reports screens
537 *============================================================*/
541 #patient_reports .issues
{
544 #patient_reports .issues table
{
545 margin: 10px 0px 10px 0px;
547 #patient_reports .issues td
{
550 #patient_reports .encounters td
{
553 #patient_reports .encounter_forms
{
554 margin: 5px 15px 5px 15px;
556 #patient_reports td
{
559 #patient_reports ul
{
562 /*=============================================================
564 * seen as the patient report (custom_report.php)
565 *============================================================*/
570 border: 2px dotted black
;
572 #report_custom .billing
{
578 margin: 0px 0px 5px 0px;
581 #report_custom .immunizations
{
585 #report_custom .notes
{
589 #report_custom .transactions
{
593 #report_custom .communications
{
597 #report_custom .documents
{
601 #report_custom .demographics
{
605 #report_custom .insurance
{
609 #report_custom .history
{
613 #report_custom .issue
{
616 #report_custom .issue_type
{
618 padding: 5px 0px 5px 0px;
620 #report_custom .issue_diag
{
621 margin: 0px 20px 0px 20px;
623 #report_custom .issue_title
{}
624 #report_custom .issue_comments
{}
625 #report_custom .encounter
{
627 border-top: 2px dotted black
;
628 padding: 10px 5px 10px 5px;
631 #report_custom .encounter h1
{
636 #report_custom .encounter_form
{
639 border-top: 1px solid gray
;
641 #addressbook_list tr
.evenrow
, #searchResults
tr:nth-child
(even
) {
642 background-color: #FFFFFF;
643 /*RP_MODIFIED 1/16/2016 :#FFDE9F */
645 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
),
646 .signout-restore-subheading {
647 background-color: #FFE4B1;
648 /*RP_MODIFIED 1/16/2016 #ffffff */
650 /* The top navigation icon styling*/
658 .message-table-header
, #searchResultsHeader
, #searchResultsHeader th
,
659 #addressbook_list tr
.head
, .signout-heading
, #report_results table thead
,
660 .dehead, .showborder_head {
662 /*styles the message table header*/
664 input
[type
="button"], input
[type
="submit"], button
{
667 color: #FFFFFF !Important
;
668 line-height: 1.42857143;
671 vertical-align: middle
;
673 border: 1px solid transparent
;
676 .head, #searchCriteria {
677 background: #FFCE6F ! Important
;
680 padding: 0px !Important
;
683 input
[type
="button"]:focus
, input
[type
="button"]:active:focus
,
684 input
[type
="button"].active:focus
, input
[type
="submit"]:focus
,
685 input
[type
="submit"]:active:focus
, button
.active:focus
, button:focus
,
686 button:active:focus
, button
.active:focus
{
687 /*transform: translateY(2px);*/
689 input
[type
="text"], input
[type
="entry"], input
[type
="password"],
690 input
[type
="search"], textarea
{
691 -webkit-border-radius: 2px;
692 -moz-border-radius: 2px;
694 border: 1px solid
#FF7E00 !Important
;
696 margin: 3px !Important
;
699 -webkit-border-radius: 2px;
700 -moz-border-radius: 2px;
702 border: 1px solid
#FF7E00 ! Important
;
705 input
[type
="text"]:focus
, input
[type
="entry"]:focus
,
706 input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
,
709 border-color: #E69700 !important
;
710 box-shadow: 0 0 3px #FFD78B !important
;
712 -webkit-transition: 0.2s linear all
;
713 -moz-transition: 0.2s linear all
;
714 transition: 0.2s linear all
;
716 .css_button_small, .css_button {
717 display: inline-block
;
724 color: #FFFFFF !important
;
725 line-height: 1.42857143;
728 vertical-align: middle
;
729 -ms-touch-action: manipulation
;
730 touch-action: manipulation
;
732 -webkit-user-select: none
;
733 -moz-user-select: none
;
734 -ms-user-select: none
;
736 background-image: none
;
738 border: 1px solid transparent
;
742 .css_button_small:focus
, .css_button_small:active:focus
,
743 .css_button_small
.active:focus
, .css_button_small
.focus
,
744 .css_button_small:active.focus, .css_button_small.active.focus {
745 outline: thin dotted
;
746 outline: 5px auto
-webkit-focus-ring-color
;
747 outline-offset: -2px;
749 .css_button_small:hover
, .css_button_small:focus
, .css_button_small
.focus
,
750 .css_button:hover, .css_button:focus, .css_button.focus {
752 text-decoration: none
;
754 .css_button_small:active
, .css_button_small
.active
, .css_button:active
,
756 background-image: none
;
758 -webkit-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
759 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
760 transform: translateY
(2px);
762 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
764 filter: alpha
(opacity
=65);
765 -webkit-box-shadow: none
;
770 padding: 3px 12px 5px 12px;
772 a:visited
.css_button_small
, a
.css_button_small
, a:visited
.css_button
,
776 .css_button_small span {}
785 a
.disabled_button:hover
{
796 /*RP_MODIFIED 7/16/2016*/
808 vertical-align: bottom
;
811 ul
.tabNav li
.current
{
815 vertical-align: bottom
;
820 border: solid
#FFA800;
822 border-width: 3px 1px 0px 1px;
825 padding: 4px 4px 5px 4px;
826 text-decoration: none
;
827 border-top-left-radius: 5px;
828 /*#CFCCF7 RP_MODIFIED 2/11/2015*/
829 border-top-right-radius: 5px;
832 /*added RP_MODIFIED */
835 background-color: #FFA800;
839 /*RP_MODIFIED 2/11/2015 */
841 ul
.tabNav li
.current a
{
850 div
.tabContainer div
.tab
{
851 border: 1px solid
#ffffff;
856 div
.tabContainer div
.current
{
858 border: 1px solid
#FFDE9F;
863 background: #ffffff none repeat scroll
0 0;
869 background: #ffffff none repeat scroll
0 0;
873 div
.tab
p:last-child
{
880 div
.tab table td
.label_custom
{
883 div
.tab table td
.data
{
887 background: #FFFFFF none repeat scroll
0 0;
892 background: #FFFFFF none repeat scroll
0 0;
899 border-bottom: 1px solid
;
901 .section-header-dynamic {
903 border-bottom: 1px solid
;
915 background-color: #FFE4B1;
916 margin: 10px 0px 5px 0px;
918 #report_parameters table
{
919 border: solid
1px #E69700;
921 border-collapse: collapse
;
923 #report_parameters table td
{
926 #report_parameters table table
{
928 border-collapse: collapse
;
931 #report_parameters table table td
.label_custom
{
934 #report_parameters>table
>tbody
>tr
>td
>table
{
935 border-left: 1px solid
#E69700 !Important
;
938 #report_parameters .form-control
{
941 #report_results table
{
942 border-top: 1px solid black
;
943 border-bottom: 1px solid black
;
944 border-left: 1px solid black
;
945 border-right: 1px solid black
;
947 border-collapse: collapse
;
950 #report_results table thead
{
952 display: table-header-group
;
953 border: solid
1px #E69700;
958 #report_results table th
{
959 border-bottom: 2px solid
#E69700;
962 #report_results table td
{
964 border-bottom: 1px dashed
;
968 background-color: #FFE4B1;
973 * List-table formatting
980 border-bottom: 1px dashed
#000000;
984 .showborder_head th {
985 border-bottom: 1px solid
#000000;
996 .showborder_long tr td {
997 border-bottom: 1px dashed
#000000;
1007 font-family: helvetica
;
1009 border: 2px outset rgb
(102, 102, 102);
1010 background-color: #FFF9ED;
1011 /*RP_MODIFIED 2/8/2014 #FFF9ED*/
1017 /* Password alert styles */
1023 padding: 10px 10px 10px 15px;
1027 border: 3px solid
#fe7b7a;
1028 background-color: #ffd6d6;
1031 border: 3px solid
#f56fff;
1032 background-color: #fabfff;
1035 border: 3px solid
#9acc2e;
1036 background-color: #eef7dd;
1039 /* Password alert styles */
1042 /* Style for red font */
1045 text-decoration: none
;
1050 /* Style for red font */
1052 .de_identification_status_message {
1054 border: 1px solid
#0000FF;
1056 .de_identification_input_controls_box {
1058 border: 1px solid
#0000FF;
1060 .de_id_upgrade_login {
1062 border: 1px solid Black
;
1063 background-color: #ffffff;
1065 #navigation-slide, #navigation-slide
* {
1069 #navigation-slide li
{
1072 #navigation-slide a
{
1073 background: #FFFFFF;
1074 border-top: 2px solid
#FFF9ED;
1075 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1079 padding: 5px 2px 5px 10px;
1082 #navigation-slide li a
.collapsed
{
1083 background: #FFA800;
1084 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1085 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FFA800', endColorstr
='#FFA800');
1087 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FFA800), to
(#FFA800));
1088 /* for webkit browsers b5cbff*/
1089 background: -moz-linear-gradient
(top
, #FFA800, #FFA800);
1090 /* for firefox 3.6+ b5cbff*/
1092 #navigation-slide li a
.expanded
{
1093 background: #FFCE6F;
1094 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1095 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FFCE6F',
1096 endColorstr
='#FFCE6F');
1098 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FFCE6F),
1100 /* for webkit browsers */
1101 background: -moz-linear-gradient
(top
, #FFCE6F, #FFCE6F);
1102 /* for firefox 3.6+ 61a0ff*/
1104 #navigation-slide ul li a
.collapsed_lv2
{
1105 background: #7870DE;
1106 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1107 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7870de',
1108 endColorstr
='#7870de');
1110 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#7870de),
1112 /* for webkit browsers e7e6f9*/
1113 background: -moz-linear-gradient
(top
, #7870de, #7870de);
1114 /* for firefox 3.6+ e7e6f9*/
1116 #navigation-slide ul li a
.expanded_lv2
{
1117 background: #e7e6f9;
1118 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1119 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#e7e6f9',
1120 endColorstr
='#e7e6f9');
1122 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#e7e6f9),
1124 /* for webkit browsers 7870de */
1125 background: -moz-linear-gradient
(top
, #e7e6f9, #e7e6f9);
1126 /* for firefox 3.6+ 7870de*/
1133 border: 1px solid
#FFF9ED;
1134 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1135 background: #FFA800;
1136 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1137 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#FFA800',
1138 endColorstr
='#FFA800');
1139 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1140 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#FFA800),
1142 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1143 background: -moz-linear-gradient
(top
, #FFA800, #FFA800);
1144 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1152 text-decoration: none
;
1157 background: #FFE4B1;
1165 background: #C9F1B5;
1166 border-left: 1px solid
#000000;
1167 border-right: 1px solid
#000000;
1168 border-bottom: 1px solid
#000000;
1176 white-space: normal
;
1178 text-decoration: none
;
1179 background: #FFF9ED;
1182 font-weight: normal
;
1186 background: #FFE4B1;
1189 .encounter-form-category-li {
1191 background-color: #FFF9ED !Important
;
1194 background-color: #FFFFFF;
1195 border: 1px solid black
;
1206 vertical-align: top
;
1209 .expand_all, .collapse_all {
1218 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
1219 background-image: none
;
1222 border-bottom: 1px solid white
;
1224 .example_menu ul ul {
1233 padding: 2px 2px 2px 17px;
1236 .example_menu a.expanded {
1237 background: #bbb url
('collapse.gif') no-repeat
3px 50%;
1239 .example_menu a.collapsed {
1240 background: #bbb url
('expand.gif') no-repeat
3px 50%;
1242 .example_menu a:hover {
1243 text-decoration: none
;
1245 .example_menu ul li span {
1246 background: #d9d1a4;
1249 font-weight: normal
;
1252 .example_menu ul a:Subjective {
1253 font-weight: normal
;
1255 .example_menu ul a:hover {
1256 background: #f5f5f5;
1257 text-decoration: underline
;
1259 .example_menu li.active a {
1262 .example_menu li.active li a {
1263 background: #e8e8e8;
1265 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5
1266 li
.footer
, .example_menu
.footer
{
1267 background: transparent url
('footer.jpg') no-repeat
0 0;
1268 border-top: 2px solid
#fff;
1274 .example_menu .footer span {
1278 height: 300px !important
;
1282 display: inline-block
;
1283 background-repeat: no-repeat
;
1284 padding: 5px 14px 6px;
1285 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1287 font-size: 12px !Important
;
1288 line-height: 1 !Important
;
1289 border-bottom-color: #bbb;
1290 -webkit-border-radius: 2px;
1291 -moz-border-radius: 2px;
1293 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1294 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1295 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1296 -webkit-transition: 0.1s linear all
;
1297 -moz-transition: 0.1s linear all
;
1298 transition: 0.1s linear all
;
1302 line-height: normal
;
1303 padding: 9px 14px 9px;
1304 -webkit-border-radius: 0px;
1305 -moz-border-radius: 0px;
1309 padding: 3px 3px 3px;
1313 background-color: #0084cc hsl
(201, 100%, 40%) !important
;
1314 background-repeat: repeat-x
;
1315 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
="#0084cc", endColorstr
="#0084cc");
1316 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1317 background-image: -moz-linear-gradient
(top
, #0084cc, #0084cc);
1318 background-image: -ms-linear-gradient
(top
, #0084cc, #0084cc);
1319 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #0084cc), color-stop
(100%, #0084cc));
1320 background-image: -webkit-linear-gradient
(top
, #0084cc, #0084cc);
1321 background-image: -o-linear-gradient
(top
, #0084cc, #0084cc);
1322 background-image: linear-gradient
(#0084cc, #0084cc);
1323 border-color: #0084cc #0084cc hsl
(201, 100%, 40%);
1324 color: #fff !important
;
1325 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.00);
1326 -webkit-font-smoothing: antialiased
;
1329 background-color: white
;
1332 border: 1px solid
#FF7E00;
1333 /*RP_ADDED 7/5/2016*/
1338 background: #FFF9ED;
1339 /*RP_ADDED 8/27/2016*/
1341 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1342 div
.section
, div
.borderbox
{
1343 border-color: #E69700 !important
;
1344 background-color: #FFE4B1;
1346 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1348 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1349 .login div.container {
1352 background: #FFF9ED ! Important
;
1353 border-top: solid
#FFA800 40px;
1354 border-left: solid
#FFF2D8 1px;
1355 border-right: solid
#FFF2D8 1px;
1356 border-bottom: solid
#FFF2D8 1px;
1359 background: #fcfcfc ! Important
;
1361 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1363 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1366 background: #FFA800 !important
;
1367 margin: 0px 0px 10px 0px;
1370 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1372 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1373 #mainBox > .body_top
, .body_top_tabs
{
1374 background-color: #FFA800 !important
;
1376 .tabSpan, .tabSpan_tabs {
1377 border-top: 5px solid
#FFA800 !important
;
1378 border-left: 1px solid
#FFA800 !important
;
1379 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1380 border-right: 1px solid
#FFA800 !important
;
1381 border-radius: 3px 6px 0px 0px !important
;
1383 .tabNotchosen, .tabsNoHover {
1384 border-bottom: 2px solid
#FFA800 !important
;
1386 .tabNotchosen:hover {
1387 background: transparent
!Important
;
1389 .tabSpan_tabs:hover {
1390 background: #FFE4B1 !Important
;
1393 border-bottom: none
!important
;
1397 background: #ffff9e;
1398 padding: 0px 5px 0px 5px;
1401 padding: 1px 1px 1px 10px;
1405 .patientCurrentEncounter {
1410 color: #000000 !Important
;
1411 font-weight: 700 !Important
;
1412 font-size: 14px !Important
;
1413 /*padding: 5px 10px !Important;*/
1415 .patientEncounterList {
1416 border: 1px solid
#FF7E00;
1420 /*.patientEncounterList {
1421 background: #ffff9e !Important;
1422 border: 1px solid #FF7E00;
1425 .patientEncounterList:hover{
1426 background: #FFF2D8 !important;
1427 border-color: #E69700 !important;
1428 box-shadow: 0 0 3px #FFD78B;
1430 -webkit-transition: 0.2s linear all;
1431 -moz-transition: 0.2s linear all;
1432 transition: 0.2s linear all;
1439 .appMenu>span:hover {
1440 background-color: #FFE4B1 !important
;
1442 .menuSection:hover {
1443 background-color: #FFE4B1 !Important
;
1446 background: #FFE4B1 !Important
;
1448 .menuSection>.menuEntries {
1449 box-shadow: 0px 2px 2px #FFD78B !Important
;
1450 border: none
! Important
;
1451 border-radius: 0px ! Important
;
1453 .menuEntries li .menuLabel {
1454 padding: 5px 10px ! Important
;
1456 .menuEntres li .menuLabel:hover {
1457 background-color: #FFE4B1 !Important
;
1461 background-color: #FFE4B1 !Important
;
1463 .menuSection>.menuEntries {
1464 background-color: #FFF9ED !Important
;
1466 .body_title, .body_title_tabs {
1467 background-color: #FFD78B !important
;
1469 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1470 .tabs_body, #searchCriteria {
1471 background-color: #FFDE9F;
1474 background-color: #FFE4B1;
1476 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1478 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1480 background-color: #FFE4B1 !important
;
1481 width: 98% !Important
;
1484 background-color: #FFF9ED !Important
;
1489 div#providerPicker select
{
1492 #calsearch_results_header {
1494 width: 99% ! Important
;
1496 #calsearch_results_data {
1497 width: 99% ! Important
;
1502 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1504 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1505 img
[src
*="show_calendar.gif"] {
1508 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1519 .report_search_bar {
1520 background-color: #FFE4B1;
1522 body
.admin-layout input
[type
="button"] {
1523 display: inline-block
;
1527 /* error message = new validation */
1531 white-space: nowrap
;
1532 font-weight: normal
;
1536 border: 1px solid red
!important
;
1538 .tinylogocontainer {
1539 display: inline-block
;
1543 display: inline-block
;
1548 /* flow board filters*/
1549 #flow_board_parameters {
1552 background-color: #FFE4B1;
1554 #flow_board_parameters td
{
1557 #flow_board_parameters table
{
1558 border: solid
1px #E69700;
1560 border-collapse: collapse
;
1563 border-color: #E69700 !Important
;
1565 /* flow board filters*/
1567 /* ------- Therapy groups styling --------- */
1577 .group-success-msg {
1581 margin-bottom: 20px;
1582 border: 1px solid
#2672ec;
1587 #main-component ul
{}
1594 table
.dataTable#therapy_groups_list tbody td
{
1596 padding-right: 20px;
1599 .therapy_group #therapy_groups_list_container {
1600 margin-top: initial
;
1603 .therapy_group #therapy_groups_list_container input[type="text"] {
1606 .therapy_group #therapy_groups_list_container input[type=number] {
1607 -moz-appearance: textfield
;
1609 .therapy_group #therapy_groups_list_container input
[type
=number
]::-webkit-inner-spin-button
,
1610 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1611 -webkit-appearance: none
;
1614 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1615 background-color: #ef3935;
1619 .therapy_group .delete_btn a {
1620 text-decoration: none
;
1623 .therapy_group #therapy_groups_list_container .failed_message {
1626 #updateParticipants {
1634 #add-participant-form {
1635 transition: max-height
1s ease-out
;
1640 max-height: 250px !important
;
1648 .therapy_group .event_details {
1652 margin-bottom: 20px;
1655 #add_participant .patient_wrap
, #add_participant
.comment_wrap
,
1656 #add_participant .button_wrap
{
1659 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1660 display: inline-block
;
1662 #add_participant .button_wrap input
{
1664 display: inline-block
;
1666 #add_participant_element .input_label
{
1669 #add_participant_element .error_wrap
.error
{
1672 #group_attendance_form_table tbody td
{
1675 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1676 display: inline-block
;
1680 #file_type_whitelist {
1684 #white-list, #black-list
{
1689 #file_type_whitelist select
{
1693 #file_type_whitelist option
{
1694 padding: 4px 10px 4px 10px;
1696 #file_type_whitelist option:hover
{
1697 background: #EEEEEE;
1699 #file_type_whitelist .subject-info-arrows
{
1700 display: inline-block
;
1702 margin: 130px 30px 30px 30px;
1705 #file_type_whitelist .subject-info-save
{
1707 margin: 170px 30px 30px 30px;
1710 #file_type_whitelist input
[type
=button
] {
1711 float: none
!important
;
1714 #file_type_whitelist #add-manually
{
1715 display: inline-block
1717 #file_type_whitelist #add-manually
-input
{
1720 #file_type_whitelist .top-list
{
1721 margin: 20px 20px 2px 20px;
1723 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1725 background-color: #FFE4B1 !Important
;
1726 border-bottom: thin solid
#E69700 !Important
;
1728 ul
.ext-tab-head li
.child-active
{
1729 border-bottom: 2px solid
#FF7E00 !Important
;
1732 background-color: #FFCE6F;
1737 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1739 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1741 border-color: #E69700 !important
;
1742 background-color: #FFE4B1;
1743 border-spacing: 5px ! Important
;
1744 border-collapse: separate
;
1745 margin: 0px 0px 5px 10px;
1748 background-color: #FFF9ED;
1749 border-color: #E69700 !important
;
1751 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1753 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1755 border: 1px solid
#E69700 !important
;
1756 background-color: #FFE4B1 !Important
;
1759 background-color: #FFCE6F !Important
;
1762 background-color: #FFCE6F !Important
;
1763 margin-bottom: 0px !Important
;
1765 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1767 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1768 .navbar-custom
, .navbar-nav
, .nav
>.active
>a
, .navbar-nav
>.active
>a:hover
,
1769 .navbar-nav>.active>a:focus {
1771 background-color: transparent !Important;*/
1773 .navbar-default
.navbar-nav
>.active
>a
, .navbar-default
.navbar-nav
>.active
>a:focus
,
1774 .navbar-default .navbar-nav>.active>a:hover {
1775 background-color: #FFE4B1 !Important
;
1777 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1778 background-color: #FFE4B1 !Important
;
1781 background-color: #FFF9ED !Important
;
1782 border-top: 1px solid
#FFF9ED !Important
;
1783 border-radius: 0px !Important
;
1789 background-color: #FFA800 !Important
;
1792 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1793 background-color: #FFE4B1 !Important
;
1795 .navbar-nav>li>.dropdown-menu {
1796 box-shadow: 0px 2px 2px #FFD78B !Important
;
1798 .navbar-collapse.collapse.in {
1799 background-color: #FFA800 !Important
;
1801 color: #000000 !Important
;
1803 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1805 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1806 input
[type
=checkbox
], input
[type
=radio
] {
1807 margin: 4px !Important
;
1810 border-color: #E69700 !important
;
1811 background-color: #FFE4B1 !Important
;
1812 margin-bottom: 10px!Important
;
1813 padding: 0px 0px 15px 0px !Important
;
1817 border-bottom: 2px solid
#FFA800 !Important
;
1818 background: #FFA800 !Important
;
1819 padding-left: 10px ! Important
;
1820 color: #000000 !Important
;
1823 padding: 0px 5px !Important
;
1825 textarea
.form-control
{
1826 height: auto
!Important
;
1829 outline: none
!important
;
1832 background: #FFCE6F !Important
;
1834 .table-striped>tbody>tr:nth-of-type(odd) {
1835 background-color: #FFFFFF !Important
;
1838 background: #FF7E00 !Important
;
1839 color: #FFFFFF !Important
;
1840 /*border-color:#FFF9ED!Important; #FFD78B*/
1841 border-color: #E69700 !Important
;
1844 background: #FFF9ED !Important
;
1845 color: #8e8e8e !Important
;
1846 border-color: #E69700 !Important
;
1847 border-radius: 2px !Important
;
1849 .btn-default
.active
, .btn-default
.focus
, .btn-default:active
,
1850 .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
1851 border-color: #E69700 !Important
;
1852 background: #E69700 !Important
;
1854 .btn-link:focus, .btn-link:hover {
1855 text-decoration: none
!Important
;
1858 border: 1px solid
#ccc;
1859 border-radius: 3px !Important
;
1861 .btn-link
.active
, .btn-link
.focus
, .btn-link:active
, .btn-link:focus
,
1862 .btn-link:hover, .open>.dropdown-toggle.btn-link {
1863 color: #666666 !Important
;
1864 border-color: #FF7E00 !Important
;
1865 background: #FFF2D8 !Important
;
1866 box-shadow:0px 0px 2px #FF7E00 inset
;
1867 transition: border-color ease-in-out
.3s,box-shadow ease-in-out
.3s;
1869 .btn-separate-left, .oe-opt-btn-separate-left{
1870 margin-left: 20px !Important
;
1872 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
1873 border-top-right-radius: 3px !Important
;
1874 border-bottom-right-radius: 3px !Important
;
1876 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
1877 border-top-right-radius: 3px !Important
;
1878 border-bottom-right-radius: 3px !Important
;
1881 font-size: 10px !Important
;
1884 border-radius: 3px !Important
;
1887 font-weight: 600 ! Important
;
1890 margin-bottom: 5px !Important
;
1892 .form-horizontal .control-label {
1893 padding-top: 2px ! Important
;
1896 height: 24px ! Important
;
1897 padding: 0px 6px !Important
;
1899 .checkbox input
[type
=checkbox
], .checkbox-inline input
[type
=checkbox
],
1900 .radio input[type=radio], .radio-inline input[type=radio] {
1901 margin-left: -20px !Important
;
1903 .checkbox label, .radio label {
1904 padding-left: 20px !important
;
1907 text-align:center
!Important
;
1913 display: inline-block
;
1923 padding:5px 5px 0px 0px;
1926 font-weight: 700 !Important
;
1927 color: black
!Important
;
1935 line-height: 1.428571429;
1936 border-radius: 15px;
1937 background: #FF7E00 !Important
;
1938 color: #FFFFFF !Important
;
1939 border-color: #E69700 !Important
;
1941 .patientInfo a.btn, .patientDataColumn a.btn{
1947 line-height: 1.428571429;
1948 border-radius: 10px !Important
;
1949 background: #FF7E00 !Important
;
1950 color: #FFFFFF !Important
;
1951 border-color: #E69700 !Important
;
1954 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1955 #globals_form_search {
1957 padding: 2px 3px 1px 3px;
1959 th
.currentvalues
, th
.historicalvalues
{
1960 background: #FFA800 !Important
;
1962 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1963 .oe-payment-select {
1964 width: 80px !important
;
1976 width:65% !Important
;
1978 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/