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) 2018 Ranganath Pathak
20 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
21 * @link http://www.open-emr.org
26 #1E1919 - Darkest Chocolate*
27 #332827 - Darker Chocolate*
28 #756665 - Dark Chocolate
29 #9C9291 - Mid Chocolate
30 #B5ADAC - Mid Pale Chocolate*
31 #C1BBBA - Pale Chocolate
32 #E0DDDC - Mid Pale Pale Chocolate*
33 #EFEEED - Pale Pale Chocolate*
34 #E7E6F9 - Pale Purple~
35 #F8F7F7 - Paler Chocolate
36 #2F2F7D - Midnight Blue~
38 * - used in styling buttons and input
39 ~ - common for all flat stylesheets
45 -apple-system
, BlinkMacSystemFont
, /* 2 */
46 "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */
47 "Helvetica Neue", sans-serif
;
52 /* 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
;
160 /* see .titlebar below */
165 text-decoration: none
;
171 text-decoration: none
;
174 /*=============================================================
175 * Here we have taken variables from globals.php and turned them into CSS
176 * classes these should be used in place of the GLOBAL variables
178 =============================================================*/
181 background-color: #F8F7F7;
184 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
187 background-color: #F8F7F7;
189 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/
192 background: url
('../pic/aquabg.gif') repeat
;
195 /* $bottom_bg_line */
198 background-color: #756665;
200 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
203 background-color: #F8F7F7;
205 /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */
208 background-color: #f7f0d5;
210 /* $login_filler_line */
213 background: url
('../pic/aquabg.gif') repeat
;
215 /* $login_body_line */
218 background-color: #ccc;
223 background-color: #ccc;
225 /* $GLOBALS['style']['BGCOLOR1'] */
228 background-color: #222;
230 /* $GLOBALS['style']['TEXTCOLOR11'] */
233 background-color: #ddd;
235 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
238 background: url
('../pic/aquabg.gif') repeat
;
240 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
243 background-color: #2F2F7D;
246 /* $GLOBALS['logoBarHeight'] 24262c RP_MODIFIED 12/22/2012*/
251 /* $GLOBALS['navBarHeight'] */
256 /* $GLOBALS['titleBarHeight'] */
258 /* style taken out of the addressbook code and put here instead */
260 #addressbook_list td
{
261 font-family: Arial
, Helvetica
, sans-serif
;
265 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
268 #addressbook_list tr
.search
{
272 #addressbook_list tr
.head
{
274 /*background-color:#cccccc;*/
277 #addressbook_list tr
.detail
{
280 #addressbook_list .inputtext
{
281 /*font-family:monospace;
286 border-color: #000000;
287 background-color:transparent;RP_MODIFIED 1/18/2016*/
289 #addressbook_list .button
{
290 font-family: sans-serif
;
294 .address_names:hover {
298 color: magenta
!Important
;
300 /* styles taken out of templates/report/general_default.html */
304 font-family: helvetica
;
308 font-family: helvetica
;
310 /* styles taken out of templates/documents/general_list.html */
314 font-family: helvetica
;
318 font-family: helvetica
;
320 #documents_list .treeMenuDefault
{
323 #documents_list .treeMenuBold
{
332 border-right: dashed
1px;
341 #documents_actions iframe
{
348 #documents_actions form
{
352 #documents_actions table
{
356 /*=============================================================
357 * This section relates to the custom layouts that can be made
358 * using the OEMR tool in the Admin section. For example, the
359 * Patient Demographics are a custom layout.
360 *============================================================*/
382 /* Patient History */
403 /*=============================================================
405 * seen in the patient summary and notes screens
406 *============================================================*/
409 background-color: #dfd;
412 background-color: #fff;
415 border-collapse: collapse
;
420 #pnotes .noterow td
{
421 border-bottom: 1px dashed black
;
426 #pnotes_ps_expand div
.tab table td
{
429 /*=============================================================
431 * seen in the patient stats screens
432 *============================================================*/
437 #patient_stats table
{
439 border-collapse: collapse
;
444 #patient_stats .statrow
{
447 #patient_stats .head
{
449 background-color: #cccccc;
452 #patient_stats .detail
{
456 #patient_stats .btn
{
457 background-color: transparent
;
459 #patient_stats .bg1
{
460 background-color: #ddddff;
462 #patient_stats .bg2
{
463 background-color: #ffdddd;
465 #patient_stats .center
{
468 /*=============================================================
469 * Patient Stats Summary
470 * seen in the patient summary screen
471 *============================================================*/
473 #patient_stats_summary table
{
474 border-collapse: collapse
;
476 #patient_stats_summary .noend_noreturn
{
479 #patient_stats_summary .noend
{
482 #patient_stats_summary .noreturn
{
485 #patient_stats_summary .title
{
488 #patient_stats_issues {
491 #patient_stats_spreadsheets {
497 #patient_stats_prescriptions {
500 /*=============================================================
501 * Patient Past Encounters and Documents
502 * seen in the patient encounter screen
503 *============================================================*/
508 #patient_pastenc .billing_note
{
511 #patient_pastenc .billing_note_text
{
513 border: 2px outset black
;
514 background-color: lightgrey
;
516 #patient_pastenc .billing_note_text_highlight
{
517 background-color: #f7f5d1;
519 #patient_pastenc table
{
520 border-collapse: collapse
;
523 #patient_pastenc tr
{
526 #patient_pastenc td
{
527 border-top: 1px solid black
;
530 #patient_pastenc th
{
533 #patient_pastenc #tooltipdiv
{
536 border: 1px solid black
;
538 background-color: #ffffaa;
543 #patient_pastenc .highlight
{
544 background-color: #fff;
546 #patient_pastenc .tooltip
{
548 border: 1px solid
#333;
554 /*=============================================================
556 * seen in the patient reports screens
557 *============================================================*/
562 #patient_reports .issues
{
565 #patient_reports .issues table
{
566 margin: 10px 0px 10px 0px;
568 #patient_reports .issues td
{
571 #patient_reports .encounters td
{
574 #patient_reports .encounter_forms
{
575 margin: 5px 15px 5px 15px;
577 #patient_reports td
{
580 #patient_reports ul
{
583 /*=============================================================
585 * seen as the patient report (custom_report.php)
586 *============================================================*/
592 border: 2px dotted black
;
594 #report_custom .billing
{
600 margin: 0px 0px 5px 0px;
603 #report_custom .immunizations
{
607 #report_custom .notes
{
611 #report_custom .transactions
{
615 #report_custom .communications
{
619 #report_custom .documents
{
623 #report_custom .demographics
{
627 #report_custom .insurance
{
631 #report_custom .history
{
635 #report_custom .issue
{
638 #report_custom .issue_type
{
640 padding: 5px 0px 5px 0px;
642 #report_custom .issue_diag
{
643 margin: 0px 20px 0px 20px;
645 #report_custom .issue_title
{}
646 #report_custom .issue_comments
{}
647 #report_custom .encounter
{
649 border-top: 2px dotted black
;
650 padding: 10px 5px 10px 5px;
653 #report_custom .encounter h1
{
658 #report_custom .encounter_form
{
661 border-top: 1px solid gray
;
663 #addressbook_list tr
.evenrow
, #searchResults
tr:nth-child
(even
) {
664 background-color: #FFFFFF;
665 /*RP_MODIFIED 1/16/2016 :#C1BBBA */
667 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
), .signout-restore-subheading
{
668 background-color: #E0DDDC;
669 /*RP_MODIFIED 1/16/2016 #ffffff */
671 /* The top navigation icon styling*/
681 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
683 /*styles the message table header*/
685 input
[type
="button"], input
[type
="submit"], button
{
688 color: #FFFFFF !Important
;
689 line-height: 1.42857143;
692 vertical-align: middle
;
694 border: 1px solid transparent
;
697 .head, #searchCriteria {
698 background: #9C9291 ! Important
;
701 padding: 0px !Important
;
704 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
{
705 /*transform: translateY(2px);*/
707 input
[type
="text"], input
[type
="entry"], input
[type
="password"], input
[type
="search"], textarea
{
708 -webkit-border-radius: 2px;
709 -moz-border-radius: 2px;
711 border: 1px solid
#332827 !Important
;
713 margin: 3px !Important
;
716 -webkit-border-radius: 2px;
717 -moz-border-radius: 2px;
719 border: 1px solid
#332827 ! Important
;
722 input
[type
="text"]:focus
, input
[type
="entry"]:focus
, input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
, select:focus
{
724 border-color: #1E1919 !important
;
725 box-shadow: 0 0 3px #B5ADAC !important
;
727 -webkit-transition: 0.2s linear all
;
728 -moz-transition: 0.2s linear all
;
729 transition: 0.2s linear all
;
732 height: auto
!Important
;
734 .css_button_small, .css_button {
735 display: inline-block
;
742 color: #FFFFFF !important
;
743 line-height: 1.42857143;
746 vertical-align: middle
;
747 -ms-touch-action: manipulation
;
748 touch-action: manipulation
;
750 -webkit-user-select: none
;
751 -moz-user-select: none
;
752 -ms-user-select: none
;
754 background-image: none
;
756 border: 1px solid transparent
;
760 .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 {
761 outline: thin dotted
;
762 outline: 5px auto
-webkit-focus-ring-color
;
763 outline-offset: -2px;
765 .css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus {
767 text-decoration: none
;
769 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
770 background-image: none
;
772 -webkit-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
773 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, .125);
774 transform: translateY
(2px);
776 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
778 filter: alpha
(opacity
=65);
779 -webkit-box-shadow: none
;
784 padding: 3px 12px 5px 12px;
786 a:visited
.css_button_small
, a
.css_button_small
, a:visited
.css_button
, a
.css_button
{
789 .css_button_small span {}
798 a
.disabled_button:hover
{
809 /*RP_MODIFIED 7/16/2016*/
821 vertical-align: bottom
;
824 ul
.tabNav li
.current
{
828 vertical-align: bottom
;
833 border: solid
#756665;
835 border-width: 3px 1px 0px 1px;
838 padding: 4px 4px 5px 4px;
839 text-decoration: none
;
840 border-top-left-radius: 5px;
841 /*#CFCCF7 RP_MODIFIED 2/11/2015*/
842 border-top-right-radius: 5px;
844 /*added RP_MODIFIED */
847 background-color: #756665;
850 /*RP_MODIFIED 2/11/2015 */
852 ul
.tabNav li
.current a
{
861 div
.tabContainer div
.tab
{
862 border: 1px solid
#ffffff;
867 div
.tabContainer div
.current
{
869 border: 1px solid
#C1BBBA;
874 background: #ffffff none repeat scroll
0 0;
880 background: #ffffff none repeat scroll
0 0;
884 div
.tab
p:last-child
{
891 div
.tab table td
.label_custom
{
894 div
.tab table td
.data
{
898 background: #FFFFFF none repeat scroll
0 0;
903 background: #FFFFFF none repeat scroll
0 0;
910 border-bottom: 1px solid
;
912 .section-header-dynamic {
914 border-bottom: 1px solid
;
925 background-color: #E0DDDC;
926 margin: 10px 0px 5px 0px;
928 #report_parameters table
{
929 border: solid
1px #1E1919;
931 border-collapse: collapse
;
933 #report_parameters table td
{
936 #report_parameters table table
{
938 border-collapse: collapse
;
941 #report_parameters table table td
.label_custom
{
944 #report_parameters>table
>tbody
>tr
>td
>table
{
945 border-left: 1px solid
#1E1919 !Important
;
948 #report_parameters .form-control
{
951 #report_results table
{
952 border-top: 1px solid black
;
953 border-bottom: 1px solid black
;
954 border-left: 1px solid black
;
955 border-right: 1px solid black
;
957 border-collapse: collapse
;
960 #report_results table thead
{
962 display: table-header-group
;
963 border: solid
1px #1E1919;
968 #report_results table th
{
969 border-bottom: 2px solid
#1E1919;
972 #report_results table td
{
974 border-bottom: 1px dashed
;
978 background-color: #E0DDDC;
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;
1015 font-family: helvetica
;
1017 border: 2px outset rgb
(102, 102, 102);
1018 background-color: #F8F7F7;
1019 /*RP_MODIFIED 2/8/2014 #F8F7F7*/
1024 /* Password alert styles */
1030 padding: 10px 10px 10px 15px;
1034 border: 3px solid
#fe7b7a;
1035 background-color: #ffd6d6;
1038 border: 3px solid
#f56fff;
1039 background-color: #fabfff;
1042 border: 3px solid
#9acc2e;
1043 background-color: #eef7dd;
1045 /* Password alert styles */
1047 /* Style for red font */
1050 text-decoration: none
;
1054 /* Style for red font */
1056 .de_identification_status_message {
1058 border: 1px solid
#0000FF;
1060 .de_identification_input_controls_box {
1062 border: 1px solid
#0000FF;
1064 .de_id_upgrade_login {
1066 border: 1px solid Black
;
1067 background-color: #ffffff;
1069 #navigation-slide, #navigation-slide
* {
1073 #navigation-slide li
{
1076 #navigation-slide a
{
1077 background: #FFFFFF;
1078 border-top: 2px solid
#F8F7F7;
1079 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1083 padding: 5px 2px 5px 10px;
1086 #navigation-slide li a
.collapsed
{
1087 background: #756665;
1088 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1089 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#756665', endColorstr
='#756665');
1091 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#756665), to
(#756665));
1092 /* for webkit browsers b5cbff*/
1093 background: -moz-linear-gradient
(top
, #756665, #756665);
1094 /* for firefox 3.6+ b5cbff*/
1096 #navigation-slide li a
.expanded
{
1097 background: #9C9291;
1098 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1099 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#9C9291', endColorstr
='#9C9291');
1101 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#9C9291), to
(#9C9291));
1102 /* for webkit browsers */
1103 background: -moz-linear-gradient
(top
, #9C9291, #9C9291);
1104 /* for firefox 3.6+ 61a0ff*/
1106 #navigation-slide ul li a
.collapsed_lv2
{
1107 background: #7870DE;
1108 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1109 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7870de', endColorstr
='#7870de');
1111 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#7870de), to
(#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', endColorstr
='#e7e6f9');
1121 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#e7e6f9), to
(#e7e6f9));
1122 /* for webkit browsers 7870de */
1123 background: -moz-linear-gradient
(top
, #e7e6f9, #e7e6f9);
1124 /* for firefox 3.6+ 7870de*/
1126 #navigation-slide ul li a
.collapsed_lv3
{
1127 background: #aaaaaa;
1128 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#aaaaaa', endColorstr
='#aaaaaa');
1129 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#aaaaaa), to
(#aaaaaa));
1130 background: -moz-linear-gradient
(top
, #aaaaaa, #aaaaaa);
1132 #navigation-slide ul li a
.expanded_lv3
{
1133 background: #eeeeee;
1134 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee', endColorstr
='#eeeeee');
1135 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#eeeeee), to
(#eeeeee));
1136 background: -moz-linear-gradient
(top
, #eeeeee, #eeeeee);
1143 border: 1px solid
#F8F7F7;
1144 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1145 background: #756665;
1146 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1147 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#756665', endColorstr
='#756665');
1148 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1149 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#756665), to
(#756665));
1150 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1151 background: -moz-linear-gradient
(top
, #756665, #756665);
1152 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1160 text-decoration: none
;
1165 background: #E0DDDC;
1173 background: #C9F1B5;
1174 border-left: 1px solid
#000000;
1175 border-right: 1px solid
#000000;
1176 border-bottom: 1px solid
#000000;
1184 white-space: normal
;
1186 text-decoration: none
;
1187 background: #F8F7F7;
1190 font-weight: normal
;
1194 background: #E0DDDC;
1197 .encounter-form-category-li {
1199 background-color: #F8F7F7 !Important
;
1202 background-color: #FFFFFF;
1203 border: 1px solid black
;
1214 vertical-align: top
;
1217 .expand_all, .collapse_all {
1226 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
1227 background-image: none
;
1230 border-bottom: 1px solid white
;
1232 .example_menu ul ul {
1241 padding: 2px 2px 2px 17px;
1244 .example_menu a.expanded {
1245 background: #bbb url
('collapse.gif') no-repeat
3px 50%;
1247 .example_menu a.collapsed {
1248 background: #bbb url
('expand.gif') no-repeat
3px 50%;
1250 .example_menu a:hover {
1251 text-decoration: none
;
1253 .example_menu ul li span {
1254 background: #d9d1a4;
1257 font-weight: normal
;
1260 .example_menu ul a:Subjective {
1261 font-weight: normal
;
1263 .example_menu ul a:hover {
1264 background: #f5f5f5;
1265 text-decoration: underline
;
1267 .example_menu li.active a {
1270 .example_menu li.active li a {
1271 background: #e8e8e8;
1273 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
1274 background: transparent url
('footer.jpg') no-repeat
0 0;
1275 border-top: 2px solid
#fff;
1281 .example_menu .footer span {
1285 height: 300px !important
;
1289 display: inline-block
;
1290 background-repeat: no-repeat
;
1291 padding: 5px 14px 6px;
1294 font-size: 12px !Important
;
1295 line-height: 1 !Important
;
1296 border-bottom-color: #bbb;
1297 -webkit-border-radius: 2px;
1298 -moz-border-radius: 2px;
1300 -webkit-transition: 0.1s linear all
;
1301 -moz-transition: 0.1s linear all
;
1302 transition: 0.1s linear all
;
1306 line-height: normal
;
1307 padding: 9px 14px 9px;
1308 -webkit-border-radius: 0px;
1309 -moz-border-radius: 0px;
1313 padding: 3px 3px 3px;
1317 background-color: #0084cc hsl
(201, 100%, 40%) !important
;
1318 background-repeat: repeat-x
;
1319 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
="#0084cc", endColorstr
="#0084cc");
1320 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1321 background-image: -moz-linear-gradient
(top
, #0084cc, #0084cc);
1322 background-image: -ms-linear-gradient
(top
, #0084cc, #0084cc);
1323 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #0084cc), color-stop
(100%, #0084cc));
1324 background-image: -webkit-linear-gradient
(top
, #0084cc, #0084cc);
1325 background-image: -o-linear-gradient
(top
, #0084cc, #0084cc);
1326 background-image: linear-gradient
(#0084cc, #0084cc);
1327 border-color: #0084cc #0084cc hsl
(201, 100%, 40%);
1328 color: #fff !important
;
1329 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.00);
1330 -webkit-font-smoothing: antialiased
;
1333 background-color: white
;
1336 border: 1px solid
#332827;
1337 /*RP_ADDED 7/5/2016*/
1342 background: #F8F7F7;
1343 /*RP_ADDED 8/27/2016*/
1345 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1347 div
.section
, div
.borderbox
{
1348 border-color: #1E1919 !important
;
1349 background-color: #E0DDDC;
1351 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1353 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1355 .login div.container {
1358 background: #F8F7F7 ! Important
;
1359 border-top: solid
#756665 40px;
1360 border-left: solid
#EFEEED 1px;
1361 border-right: solid
#EFEEED 1px;
1362 border-bottom: solid
#EFEEED 1px;
1365 background: #fcfcfc ! Important
;
1367 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1369 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1373 background: #756665 !important
;
1374 margin: 0px 0px 10px 0px;
1377 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1379 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1381 #mainBox>.body_top
, .body_top_tabs
{
1382 background-color: #756665 !important
;
1384 .tabSpan, .tabSpan_tabs {
1385 border-top: 5px solid
#756665 !important
;
1386 border-left: 1px solid
#756665 !important
;
1387 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1388 border-right: 1px solid
#756665 !important
;
1389 border-radius: 3px 6px 0px 0px !important
;
1391 .tabNotchosen, .tabsNoHover {
1392 border-bottom: 2px solid
#756665 !important
;
1394 .tabNotchosen:hover {
1395 background: transparent
!Important
;
1397 .tabSpan_tabs:hover {
1398 background: #E0DDDC !Important
;
1401 border-bottom: none
!important
;
1405 background: #ffff9e;
1406 padding: 0px 5px 0px 5px;
1409 padding: 1px 1px 1px 10px;
1413 .patientCurrentEncounter {
1418 color: #000000 !Important
;
1419 font-weight: 700 !Important
;
1420 font-size: 14px !Important
;
1421 /*padding: 5px 10px !Important;*/
1423 .patientEncounterList {
1424 border: 1px solid
#332827;
1427 /*.patientEncounterList {
1428 background: #ffff9e !Important;
1429 border: 1px solid #332827;
1432 .patientEncounterList:hover{
1433 background: #EFEEED !important;
1434 border-color: #1E1919 !important;
1435 box-shadow: 0 0 3px #B5ADAC;
1437 -webkit-transition: 0.2s linear all;
1438 -moz-transition: 0.2s linear all;
1439 transition: 0.2s linear all;
1446 .appMenu>span:hover {
1447 background-color: #E0DDDC !important
;
1449 .menuSection:hover {
1450 background-color: #E0DDDC !Important
;
1453 background: #E0DDDC !Important
;
1455 .menuSection>.menuEntries {
1456 box-shadow: 0px 2px 2px #B5ADAC !Important
;
1457 border: none
! Important
;
1458 border-radius: 0px ! Important
;
1460 .menuEntries li .menuLabel {
1461 padding: 5px 10px ! Important
;
1463 .menuEntres li .menuLabel:hover {
1464 background-color: #E0DDDC !Important
;
1468 background-color: #E0DDDC !Important
;
1470 .menuSection>.menuEntries {
1471 background-color: #F8F7F7 !Important
;
1473 .body_title, .body_title_tabs {
1474 background-color: #B5ADAC !important
;
1476 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1478 .tabs_body, #searchCriteria {
1479 background-color: #C1BBBA;
1482 background-color: #E0DDDC;
1484 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1486 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1489 background-color: #E0DDDC !important
;
1490 width: 98% !Important
;
1493 background-color: #F8F7F7 !Important
;
1498 div#providerPicker select
{
1501 #calsearch_results_header {
1503 width: 99% ! Important
;
1505 #calsearch_results_data {
1506 width: 99% ! Important
;
1511 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1513 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1515 img
[src
*="show_calendar.gif"] {
1518 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1529 .report_search_bar {
1530 background-color: #E0DDDC;
1532 body
.admin-layout input
[type
="button"] {
1533 display: inline-block
;
1536 /* error message = new validation */
1541 white-space: nowrap
;
1542 font-weight: normal
;
1546 border: 1px solid red
!important
;
1548 .tinylogocontainer {
1549 display: inline-block
;
1553 display: inline-block
;
1557 /* flow board filters*/
1559 #flow_board_parameters {
1562 background-color: #E0DDDC;
1564 #flow_board_parameters td
{
1567 #flow_board_parameters table
{
1568 border: solid
1px #1E1919;
1570 border-collapse: collapse
;
1573 border-color: #1E1919 !Important
;
1575 /* flow board filters*/
1577 /* ------- Therapy groups styling --------- */
1588 .group-success-msg {
1592 margin-bottom: 20px;
1593 border: 1px solid
#2672ec;
1598 #main-component ul
{}
1605 table
.dataTable#therapy_groups_list tbody td
{
1607 padding-right: 20px;
1610 .therapy_group #therapy_groups_list_container {
1611 margin-top: initial
;
1614 .therapy_group #therapy_groups_list_container input[type="text"] {
1617 .therapy_group #therapy_groups_list_container input[type=number] {
1618 -moz-appearance: textfield
;
1620 .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 {
1621 -webkit-appearance: none
;
1624 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1625 background-color: #ef3935;
1629 .therapy_group .delete_btn a {
1630 text-decoration: none
;
1633 .therapy_group #therapy_groups_list_container .failed_message {
1636 #updateParticipants {
1644 #add-participant-form {
1645 transition: max-height
1s ease-out
;
1650 max-height: 250px !important
;
1658 .therapy_group .event_details {
1662 margin-bottom: 20px;
1665 #add_participant .patient_wrap
, #add_participant
.comment_wrap
, #add_participant
.button_wrap
{
1668 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1669 display: inline-block
;
1671 #add_participant .button_wrap input
{
1673 display: inline-block
;
1675 #add_participant_element .input_label
{
1678 #add_participant_element .error_wrap
.error
{
1681 #group_attendance_form_table tbody td
{
1684 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1685 display: inline-block
;
1689 #file_type_whitelist {
1693 #white-list, #black-list
{
1698 #file_type_whitelist select
{
1702 #file_type_whitelist option
{
1703 padding: 4px 10px 4px 10px;
1705 #file_type_whitelist option:hover
{
1706 background: #EEEEEE;
1708 #file_type_whitelist .subject-info-arrows
{
1709 display: inline-block
;
1711 margin: 130px 30px 30px 30px;
1714 #file_type_whitelist .subject-info-save
{
1716 margin: 170px 30px 30px 30px;
1719 #file_type_whitelist input
[type
=button
] {
1720 float: none
!important
;
1723 #file_type_whitelist #add-manually
{
1724 display: inline-block
1726 #file_type_whitelist #add-manually
-input
{
1729 #file_type_whitelist .top-list
{
1730 margin: 20px 20px 2px 20px;
1732 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1735 background-color: #E0DDDC !Important
;
1736 border-bottom: thin solid
#1E1919 !Important
;
1738 ul
.ext-tab-head li
.child-active
{
1739 border-bottom: 2px solid
#332827 !Important
;
1742 background-color: #9C9291;
1747 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1749 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1752 border-color: #1E1919 !important
;
1753 background-color: #E0DDDC;
1754 border-spacing: 5px ! Important
;
1755 border-collapse: separate
;
1756 margin: 0px 0px 5px 10px;
1759 background-color: #F8F7F7;
1760 border-color: #1E1919 !important
;
1762 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1764 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1767 border: 1px solid
#1E1919 !important
;
1768 background-color: #E0DDDC !Important
;
1771 background-color: #9C9291 !Important
;
1774 background-color: #9C9291 !Important
;
1775 margin-bottom: 0px !Important
;
1777 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1779 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1781 .navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
1783 background-color: transparent !Important;*/
1785 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
1786 background-color: #E0DDDC !Important
;
1788 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1789 background-color: #E0DDDC !Important
;
1792 background-color: #F8F7F7 !Important
;
1793 border-top: 1px solid
#F8F7F7 !Important
;
1794 border-radius: 0px !Important
;
1800 background-color: #756665 !Important
;
1803 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1804 background-color: #E0DDDC !Important
;
1806 .navbar-nav>li>.dropdown-menu {
1807 box-shadow: 0px 2px 2px #B5ADAC !Important
;
1809 .navbar-collapse.collapse.in {
1810 background-color: #756665 !Important
;
1812 color: #000000 !Important
;
1814 .navbar-default .navbar-brand {
1815 color: #000000 !Important
;
1817 .navbar-default .navbar-nav>li>a {
1818 color: #000000 !Important
;
1820 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1822 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1824 input
[type
=checkbox
], input
[type
=radio
] {
1825 margin: 4px !Important
;
1828 border-color: #1E1919 !important
;
1829 background-color: #E0DDDC !Important
;
1830 margin-bottom: 10px!Important
;
1831 padding: 0px 0px 15px 0px !Important
;
1834 border-bottom: 2px solid
#756665 !Important
;
1835 background: #756665 !Important
;
1836 padding-left: 10px ! Important
;
1837 color: #000000 !Important
;
1840 padding: 0px 5px !Important
;
1842 textarea
.form-control
{
1843 height: auto
!Important
;
1846 outline: none
!important
;
1849 background: #9C9291 !Important
;
1851 .table-striped>tbody>tr:nth-of-type(odd) {
1852 background-color: #FFFFFF !Important
;
1855 background: #332827 !Important
;
1856 color: #FFFFFF !Important
;
1857 /*border-color:#F8F7F7!Important; #B5ADAC*/
1858 border-color: #332827 !Important
;
1861 background: #F8F7F7 !Important
;
1862 color: #8e8e8e !Important
;
1863 border-color: #1E1919 !Important
;
1864 border-radius: 2px !Important
;
1866 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
1867 border-color: #1E1919 !Important
;
1868 background: #1E1919 !Important
;
1870 .btn-link:focus, .btn-link:hover {
1871 text-decoration: none
!Important
;
1874 border: 1px solid
#ccc;
1875 border-radius: 3px !Important
;
1877 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open>.dropdown-toggle.btn-link {
1878 color: #666666 !Important
;
1879 border-color: #332827 !Important
;
1880 background: #EFEEED !Important
;
1881 box-shadow: 0px 0px 2px #332827 inset
;
1882 transition: border-color ease-in-out
.3s, box-shadow ease-in-out
.3s;
1884 .btn-separate-left, .oe-opt-btn-separate-left {
1885 margin-left: 20px !Important
;
1888 margin-right: 2px !Important
;
1890 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
1891 border-top-right-radius: 0px !Important
;
1892 border-bottom-right-radius: 0px !Important
;
1893 border-bottom-left-radius: 3px !Important
;
1894 border-top-left-radius: 3px !Important
;
1896 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
1897 border-top-right-radius: 3px !Important
;
1898 border-bottom-right-radius: 3px !Important
;
1901 font-size: 10px !Important
;
1904 border-radius: 3px !Important
;
1907 font-weight: 600 ! Important
;
1910 margin-bottom: 5px !Important
;
1912 .form-horizontal .control-label {
1913 padding-top: 2px ! Important
;
1916 height: 24px ! Important
;
1917 padding: 0px 6px !Important
;
1919 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
1920 margin-left: -20px !Important
;
1922 .checkbox label, .radio label {
1923 padding-left: 20px !important
;
1925 .position-override {
1926 text-align: center
!Important
;
1930 padding-bottom: 5px;
1933 display: inline-block
;
1943 padding: 5px 5px 0px 0px;
1946 font-weight: 700 !Important
;
1947 color: black
!Important
;
1955 line-height: 1.428571429;
1956 border-radius: 15px;
1957 background: #332827 !Important
;
1958 color: #FFFFFF !Important
;
1959 border-color: #1E1919 !Important
;
1961 .patientInfo a.btn, .patientDataColumn a.btn {
1967 line-height: 1.428571429;
1968 border-radius: 10px !Important
;
1969 background: #332827 !Important
;
1970 color: #FFFFFF !Important
;
1971 border-color: #1E1919 !Important
;
1974 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1976 #globals_form_search {
1978 padding: 2px 3px 1px 3px;
1980 th
.currentvalues
, th
.historicalvalues
{
1981 background: #756665 !Important
;
1983 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1985 .oe-payment-select {
1986 width: 80px !important
;
1998 width: 65% !Important
;
2000 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2002 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2005 color: #332827 !Important
;
2008 background-color: #EFEEED !Important
;
2009 border-color: #B5ADAC !Important
;
2011 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/