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 #1E1919 - Darkest Chocolate*
28 #332827 - Darker Chocolate*
29 #756665 - Dark Chocolate
30 #9C9291 - Mid Chocolate
31 #B5ADAC - Mid Pale Chocolate*
32 #C1BBBA - Pale Chocolate
33 #E0DDDC - Mid Pale Pale Chocolate*
34 #EFEEED - Pale Pale Chocolate*
35 #E7E6F9 - Pale Purple~
36 #F8F7F7 - Paler Chocolate
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: #F8F7F7;
182 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
184 background-color: #F8F7F7;
186 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/
189 background: url
('../pic/aquabg.gif') repeat
;
192 /* $bottom_bg_line */
194 background-color: #756665;
196 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
198 background-color: #F8F7F7;
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 :#C1BBBA */
645 #addressbook_list tr
.oddrow
, #searchResults
tr:nth-child
(odd
),
646 .signout-restore-subheading {
647 background-color: #E0DDDC;
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: #9C9291 ! 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
#332827 !Important
;
696 margin: 3px !Important
;
699 -webkit-border-radius: 2px;
700 -moz-border-radius: 2px;
702 border: 1px solid
#332827 ! Important
;
705 input
[type
="text"]:focus
, input
[type
="entry"]:focus
,
706 input
[type
="password"]:focus
, input
[type
="search"]:focus
, textarea:focus
,
709 border-color: #1E1919 !important
;
710 box-shadow: 0 0 3px #B5ADAC !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
#756665;
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: #756665;
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
#C1BBBA;
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: #E0DDDC;
916 margin: 10px 0px 5px 0px;
918 #report_parameters table
{
919 border: solid
1px #1E1919;
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
#1E1919 !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 #1E1919;
958 #report_results table th
{
959 border-bottom: 2px solid
#1E1919;
962 #report_results table td
{
964 border-bottom: 1px dashed
;
968 background-color: #E0DDDC;
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: #F8F7F7;
1011 /*RP_MODIFIED 2/8/2014 #F8F7F7*/
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
#F8F7F7;
1075 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1079 padding: 5px 2px 5px 10px;
1082 #navigation-slide li a
.collapsed
{
1083 background: #756665;
1084 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1085 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#756665', endColorstr
='#756665');
1087 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#756665), to
(#756665));
1088 /* for webkit browsers b5cbff*/
1089 background: -moz-linear-gradient
(top
, #756665, #756665);
1090 /* for firefox 3.6+ b5cbff*/
1092 #navigation-slide li a
.expanded
{
1093 background: #9C9291;
1094 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1095 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#9C9291',
1096 endColorstr
='#9C9291');
1098 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#9C9291),
1100 /* for webkit browsers */
1101 background: -moz-linear-gradient
(top
, #9C9291, #9C9291);
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*/
1128 #navigation-slide ul li a
.collapsed_lv3
{
1129 background: #aaaaaa;
1130 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#aaaaaa',
1131 endColorstr
='#aaaaaa');
1132 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#aaaaaa),
1134 background: -moz-linear-gradient
(top
, #aaaaaa, #aaaaaa);
1136 #navigation-slide ul li a
.expanded_lv3
{
1137 background: #eeeeee;
1138 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee',
1139 endColorstr
='#eeeeee');
1140 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#eeeeee),
1142 background: -moz-linear-gradient
(top
, #eeeeee, #eeeeee);
1150 border: 1px solid
#F8F7F7;
1151 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1152 background: #756665;
1153 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1154 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
='#756665',
1155 endColorstr
='#756665');
1156 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1157 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#756665),
1159 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1160 background: -moz-linear-gradient
(top
, #756665, #756665);
1161 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1169 text-decoration: none
;
1174 background: #E0DDDC;
1182 background: #C9F1B5;
1183 border-left: 1px solid
#000000;
1184 border-right: 1px solid
#000000;
1185 border-bottom: 1px solid
#000000;
1193 white-space: normal
;
1195 text-decoration: none
;
1196 background: #F8F7F7;
1199 font-weight: normal
;
1203 background: #E0DDDC;
1206 .encounter-form-category-li {
1208 background-color: #F8F7F7 !Important
;
1211 background-color: #FFFFFF;
1212 border: 1px solid black
;
1223 vertical-align: top
;
1226 .expand_all, .collapse_all {
1235 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
1236 background-image: none
;
1239 border-bottom: 1px solid white
;
1241 .example_menu ul ul {
1250 padding: 2px 2px 2px 17px;
1253 .example_menu a.expanded {
1254 background: #bbb url
('collapse.gif') no-repeat
3px 50%;
1256 .example_menu a.collapsed {
1257 background: #bbb url
('expand.gif') no-repeat
3px 50%;
1259 .example_menu a:hover {
1260 text-decoration: none
;
1262 .example_menu ul li span {
1263 background: #d9d1a4;
1266 font-weight: normal
;
1269 .example_menu ul a:Subjective {
1270 font-weight: normal
;
1272 .example_menu ul a:hover {
1273 background: #f5f5f5;
1274 text-decoration: underline
;
1276 .example_menu li.active a {
1279 .example_menu li.active li a {
1280 background: #e8e8e8;
1282 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5
1283 li
.footer
, .example_menu
.footer
{
1284 background: transparent url
('footer.jpg') no-repeat
0 0;
1285 border-top: 2px solid
#fff;
1291 .example_menu .footer span {
1295 height: 300px !important
;
1299 display: inline-block
;
1300 background-repeat: no-repeat
;
1301 padding: 5px 14px 6px;
1302 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1304 font-size: 12px !Important
;
1305 line-height: 1 !Important
;
1306 border-bottom-color: #bbb;
1307 -webkit-border-radius: 2px;
1308 -moz-border-radius: 2px;
1310 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1311 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1312 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1313 -webkit-transition: 0.1s linear all
;
1314 -moz-transition: 0.1s linear all
;
1315 transition: 0.1s linear all
;
1319 line-height: normal
;
1320 padding: 9px 14px 9px;
1321 -webkit-border-radius: 0px;
1322 -moz-border-radius: 0px;
1326 padding: 3px 3px 3px;
1330 background-color: #0084cc hsl
(201, 100%, 40%) !important
;
1331 background-repeat: repeat-x
;
1332 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
="#0084cc", endColorstr
="#0084cc");
1333 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#0084cc), to
(#0084cc));
1334 background-image: -moz-linear-gradient
(top
, #0084cc, #0084cc);
1335 background-image: -ms-linear-gradient
(top
, #0084cc, #0084cc);
1336 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #0084cc), color-stop
(100%, #0084cc));
1337 background-image: -webkit-linear-gradient
(top
, #0084cc, #0084cc);
1338 background-image: -o-linear-gradient
(top
, #0084cc, #0084cc);
1339 background-image: linear-gradient
(#0084cc, #0084cc);
1340 border-color: #0084cc #0084cc hsl
(201, 100%, 40%);
1341 color: #fff !important
;
1342 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.00);
1343 -webkit-font-smoothing: antialiased
;
1346 background-color: white
;
1349 border: 1px solid
#332827;
1350 /*RP_ADDED 7/5/2016*/
1355 background: #F8F7F7;
1356 /*RP_ADDED 8/27/2016*/
1358 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1359 div
.section
, div
.borderbox
{
1360 border-color: #1E1919 !important
;
1361 background-color: #E0DDDC;
1363 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1365 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1366 .login div.container {
1369 background: #F8F7F7 ! Important
;
1370 border-top: solid
#756665 40px;
1371 border-left: solid
#EFEEED 1px;
1372 border-right: solid
#EFEEED 1px;
1373 border-bottom: solid
#EFEEED 1px;
1376 background: #fcfcfc ! Important
;
1378 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1380 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1383 background: #756665 !important
;
1384 margin: 0px 0px 10px 0px;
1387 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1389 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1390 #mainBox > .body_top
, .body_top_tabs
{
1391 background-color: #756665 !important
;
1393 .tabSpan, .tabSpan_tabs {
1394 border-top: 5px solid
#756665 !important
;
1395 border-left: 1px solid
#756665 !important
;
1396 box-shadow: 0px 0px 0px rgba
(0, 0, 0, 0) !important
;
1397 border-right: 1px solid
#756665 !important
;
1398 border-radius: 3px 6px 0px 0px !important
;
1400 .tabNotchosen, .tabsNoHover {
1401 border-bottom: 2px solid
#756665 !important
;
1403 .tabNotchosen:hover {
1404 background: transparent
!Important
;
1406 .tabSpan_tabs:hover {
1407 background: #E0DDDC !Important
;
1410 border-bottom: none
!important
;
1414 background: #ffff9e;
1415 padding: 0px 5px 0px 5px;
1418 padding: 1px 1px 1px 10px;
1422 .patientCurrentEncounter {
1427 color: #000000 !Important
;
1428 font-weight: 700 !Important
;
1429 font-size: 14px !Important
;
1430 /*padding: 5px 10px !Important;*/
1432 .patientEncounterList {
1433 border: 1px solid
#332827;
1437 /*.patientEncounterList {
1438 background: #ffff9e !Important;
1439 border: 1px solid #332827;
1442 .patientEncounterList:hover{
1443 background: #EFEEED !important;
1444 border-color: #1E1919 !important;
1445 box-shadow: 0 0 3px #B5ADAC;
1447 -webkit-transition: 0.2s linear all;
1448 -moz-transition: 0.2s linear all;
1449 transition: 0.2s linear all;
1456 .appMenu>span:hover {
1457 background-color: #E0DDDC !important
;
1459 .menuSection:hover {
1460 background-color: #E0DDDC !Important
;
1463 background: #E0DDDC !Important
;
1465 .menuSection>.menuEntries {
1466 box-shadow: 0px 2px 2px #B5ADAC !Important
;
1467 border: none
! Important
;
1468 border-radius: 0px ! Important
;
1470 .menuEntries li .menuLabel {
1471 padding: 5px 10px ! Important
;
1473 .menuEntres li .menuLabel:hover {
1474 background-color: #E0DDDC !Important
;
1478 background-color: #E0DDDC !Important
;
1480 .menuSection>.menuEntries {
1481 background-color: #F8F7F7 !Important
;
1483 .body_title, .body_title_tabs {
1484 background-color: #B5ADAC !important
;
1486 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1487 .tabs_body, #searchCriteria {
1488 background-color: #C1BBBA;
1491 background-color: #E0DDDC;
1493 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1495 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1497 background-color: #E0DDDC !important
;
1498 width: 98% !Important
;
1501 background-color: #F8F7F7 !Important
;
1506 div#providerPicker select
{
1509 #calsearch_results_header {
1511 width: 99% ! Important
;
1513 #calsearch_results_data {
1514 width: 99% ! Important
;
1519 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1521 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1522 img
[src
*="show_calendar.gif"] {
1525 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1536 .report_search_bar {
1537 background-color: #E0DDDC;
1539 body
.admin-layout input
[type
="button"] {
1540 display: inline-block
;
1544 /* error message = new validation */
1548 white-space: nowrap
;
1549 font-weight: normal
;
1553 border: 1px solid red
!important
;
1555 .tinylogocontainer {
1556 display: inline-block
;
1560 display: inline-block
;
1565 /* flow board filters*/
1566 #flow_board_parameters {
1569 background-color: #E0DDDC;
1571 #flow_board_parameters td
{
1574 #flow_board_parameters table
{
1575 border: solid
1px #1E1919;
1577 border-collapse: collapse
;
1580 border-color: #1E1919 !Important
;
1582 /* flow board filters*/
1584 /* ------- Therapy groups styling --------- */
1594 .group-success-msg {
1598 margin-bottom: 20px;
1599 border: 1px solid
#2672ec;
1604 #main-component ul
{}
1611 table
.dataTable#therapy_groups_list tbody td
{
1613 padding-right: 20px;
1616 .therapy_group #therapy_groups_list_container {
1617 margin-top: initial
;
1620 .therapy_group #therapy_groups_list_container input[type="text"] {
1623 .therapy_group #therapy_groups_list_container input[type=number] {
1624 -moz-appearance: textfield
;
1626 .therapy_group #therapy_groups_list_container input
[type
=number
]::-webkit-inner-spin-button
,
1627 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1628 -webkit-appearance: none
;
1631 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1632 background-color: #ef3935;
1636 .therapy_group .delete_btn a {
1637 text-decoration: none
;
1640 .therapy_group #therapy_groups_list_container .failed_message {
1643 #updateParticipants {
1651 #add-participant-form {
1652 transition: max-height
1s ease-out
;
1657 max-height: 250px !important
;
1665 .therapy_group .event_details {
1669 margin-bottom: 20px;
1672 #add_participant .patient_wrap
, #add_participant
.comment_wrap
,
1673 #add_participant .button_wrap
{
1676 #add_participant .patient_wrap
, #add_participant
.comment_wrap
{
1677 display: inline-block
;
1679 #add_participant .button_wrap input
{
1681 display: inline-block
;
1683 #add_participant_element .input_label
{
1686 #add_participant_element .error_wrap
.error
{
1689 #group_attendance_form_table tbody td
{
1692 #file_type_whitelist .subject-black-list
, #file_type_whitelist
.subject-white-list
{
1693 display: inline-block
;
1697 #file_type_whitelist {
1701 #white-list, #black-list
{
1706 #file_type_whitelist select
{
1710 #file_type_whitelist option
{
1711 padding: 4px 10px 4px 10px;
1713 #file_type_whitelist option:hover
{
1714 background: #EEEEEE;
1716 #file_type_whitelist .subject-info-arrows
{
1717 display: inline-block
;
1719 margin: 130px 30px 30px 30px;
1722 #file_type_whitelist .subject-info-save
{
1724 margin: 170px 30px 30px 30px;
1727 #file_type_whitelist input
[type
=button
] {
1728 float: none
!important
;
1731 #file_type_whitelist #add-manually
{
1732 display: inline-block
1734 #file_type_whitelist #add-manually
-input
{
1737 #file_type_whitelist .top-list
{
1738 margin: 20px 20px 2px 20px;
1740 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1742 background-color: #E0DDDC !Important
;
1743 border-bottom: thin solid
#1E1919 !Important
;
1745 ul
.ext-tab-head li
.child-active
{
1746 border-bottom: 2px solid
#332827 !Important
;
1749 background-color: #9C9291;
1754 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1756 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1758 border-color: #1E1919 !important
;
1759 background-color: #E0DDDC;
1760 border-spacing: 5px ! Important
;
1761 border-collapse: separate
;
1762 margin: 0px 0px 5px 10px;
1765 background-color: #F8F7F7;
1766 border-color: #1E1919 !important
;
1768 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1770 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1772 border: 1px solid
#1E1919 !important
;
1773 background-color: #E0DDDC !Important
;
1776 background-color: #9C9291 !Important
;
1779 background-color: #9C9291 !Important
;
1780 margin-bottom: 0px !Important
;
1782 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1784 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1785 .navbar-custom
, .navbar-nav
, .nav
>.active
>a
, .navbar-nav
>.active
>a:hover
,
1786 .navbar-nav>.active>a:focus {
1788 background-color: transparent !Important;*/
1790 .navbar-default
.navbar-nav
>.active
>a
, .navbar-default
.navbar-nav
>.active
>a:focus
,
1791 .navbar-default .navbar-nav>.active>a:hover {
1792 background-color: #E0DDDC !Important
;
1794 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1795 background-color: #E0DDDC !Important
;
1798 background-color: #F8F7F7 !Important
;
1799 border-top: 1px solid
#F8F7F7 !Important
;
1800 border-radius: 0px !Important
;
1806 background-color: #756665 !Important
;
1809 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1810 background-color: #E0DDDC !Important
;
1812 .navbar-nav>li>.dropdown-menu {
1813 box-shadow: 0px 2px 2px #B5ADAC !Important
;
1815 .navbar-collapse.collapse.in {
1816 background-color: #756665 !Important
;
1818 color: #000000 !Important
;
1820 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1822 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1823 input
[type
=checkbox
], input
[type
=radio
] {
1824 margin: 4px !Important
;
1827 border-color: #1E1919 !important
;
1828 background-color: #E0DDDC !Important
;
1829 margin-bottom: 10px!Important
;
1830 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: #1E1919 !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
,
1867 .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
1868 border-color: #1E1919 !Important
;
1869 background: #1E1919 !Important
;
1871 .btn-link:focus, .btn-link:hover {
1872 text-decoration: none
!Important
;
1875 border: 1px solid
#ccc;
1876 border-radius: 3px !Important
;
1878 .btn-link
.active
, .btn-link
.focus
, .btn-link:active
, .btn-link:focus
,
1879 .btn-link:hover, .open>.dropdown-toggle.btn-link {
1880 color: #666666 !Important
;
1881 border-color: #332827 !Important
;
1882 background: #EFEEED !Important
;
1883 box-shadow:0px 0px 2px #332827 inset
;
1884 transition: border-color ease-in-out
.3s,box-shadow ease-in-out
.3s;
1886 .btn-separate-left, .oe-opt-btn-separate-left{
1887 margin-left: 20px !Important
;
1889 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
1890 border-top-right-radius: 3px !Important
;
1891 border-bottom-right-radius: 3px !Important
;
1893 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
1894 border-top-right-radius: 3px !Important
;
1895 border-bottom-right-radius: 3px !Important
;
1898 font-size: 10px !Important
;
1901 border-radius: 3px !Important
;
1904 font-weight: 600 ! Important
;
1907 margin-bottom: 5px !Important
;
1909 .form-horizontal .control-label {
1910 padding-top: 2px ! Important
;
1913 height: 24px ! Important
;
1914 padding: 0px 6px !Important
;
1916 .checkbox input
[type
=checkbox
], .checkbox-inline input
[type
=checkbox
],
1917 .radio input[type=radio], .radio-inline input[type=radio] {
1918 margin-left: -20px !Important
;
1920 .checkbox label, .radio label {
1921 padding-left: 20px !important
;
1924 text-align:center
!Important
;
1930 display: inline-block
;
1940 padding:5px 5px 0px 0px;
1943 font-weight: 700 !Important
;
1944 color: black
!Important
;
1952 line-height: 1.428571429;
1953 border-radius: 15px;
1954 background: #332827 !Important
;
1955 color: #FFFFFF !Important
;
1956 border-color: #1E1919 !Important
;
1958 .patientInfo a.btn, .patientDataColumn a.btn{
1964 line-height: 1.428571429;
1965 border-radius: 10px !Important
;
1966 background: #332827 !Important
;
1967 color: #FFFFFF !Important
;
1968 border-color: #1E1919 !Important
;
1971 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1972 #globals_form_search {
1974 padding: 2px 3px 1px 3px;
1976 th
.currentvalues
, th
.historicalvalues
{
1977 background: #756665 !Important
;
1979 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1980 .oe-payment-select {
1981 width: 80px !important
;
1993 width:65% !Important
;
1995 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/