Updated ACL help file, minor styling changes (#1590)
[openemr.git] / interface / themes / style_dune.css
blob0c935be7270db12c5400cbc878fd669a5e859e36
1 /**
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>;.
16 * @package OpenEMR
17 * @author Ranganath Pathak <pathak@scrs1.org>
18 * @copyright Copyright (c) 2018 Ranganath Pathak
19 * @version 1.1
20 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
21 * @link http://www.open-emr.org
24 /*
25 COLOR PALETTE
26 #69513A - Darkest Dune*
27 #8C6C4D - Darker Dune*
28 #B08761 - Dark Dune
29 #B79370 - Mid Dune
30 #C7AB90 - Mid Pale Dune*
31 #CFB7A0 - Pale Dune
32 #E7DBCF - Mid Pale Pale Dune*
33 #EFE7DF - Pale Pale Dune*
34 #E7E6F9 - Pale Purple~
35 #F7F4F0 - Paler Dune
36 #2F2F7D - Midnight Blue~
37 #FFFFFF - White*~
38 * - used in styling buttons and input
39 ~ - common for all flat stylesheets
42 @import "core.css";
43 * {
44 font-family: /* 1 */
45 -apple-system, BlinkMacSystemFont, /* 2 */
46 "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */
47 "Helvetica Neue", sans-serif;
49 html {
50 font-size: 14px;
52 /* RP_MODIFIED 2/09/2015, 1/17/2016*/
54 body {
55 margin: 0px 0px 0px 2px;
56 /* set the base fontsize for all DOM children */
57 font-size: 1em;
58 /* set the base font size for all DOM children */
60 a {
61 color: #0000cc;
62 text-decoration: none;
64 a:visited {
65 color: #0000cc;
67 a:hover {
68 color: #ff5555;
70 .menu {
71 font-style: italic;
72 font-size: 11pt;
73 color: #0000cc;
74 text-decoration: none;
75 text-align: left;
77 .menu_selected {
78 font-style: italic;
79 font-size: 11pt;
80 color: #000000;
81 text-decoration: none;
82 text-align: left;
84 .logout {
85 font-style: italic;
86 font-size: 11pt;
87 color: #000000;
88 text-decoration: none;
89 text-align: right;
91 .text {
92 text-decoration: none;
93 color: #000000;
94 font-size: 10pt;
96 .required {
97 text-decoration: none;
98 font-size: 10pt;
99 color: #880000;
100 font-weight: bold;
102 .bold {
103 text-decoration: none;
104 font-size: 10pt;
105 color: #000000;
106 font-weight: bold;
108 .alert, .alert-custom {
109 font-size: 70%;
110 color: #FF0000;
111 text-decoration: none;
113 .small {
114 text-decoration: none;
115 color: #000000;
116 font-size: 80%;
118 .link {
119 text-decoration: none;
120 color: #0000cc;
121 font-size: 70%;
123 .more {
124 text-decoration: none;
125 font-size: 70%;
127 .back {
128 text-decoration: none;
129 font-size: 70%;
131 .link_selected {
132 text-decoration: none;
133 color: #0000FF;
134 font-size: 70%;
136 .link_selected:visited {
137 text-decoration: none;
138 color: #0000FF;
139 font-size: 70%;
141 .link_submit {
142 text-decoration: none;
143 color: #000077;
144 font-size: 10pt;
146 .link_submit a:visited {
147 color: #000077;
149 .link_submit a:hover {
150 color: #ff5555;
152 .items {
153 font-size: 6pt;
155 .title {
156 font-size: 12pt;
157 font-weight: bold;
158 text-decoration: none;
160 /* see .titlebar below */
162 .title_bar {
163 font-size: 12pt;
164 font-weight: bold;
165 text-decoration: none;
166 color: #000000;
168 .title_bar_top {
169 font-size: 13px;
170 font-weight: bold;
171 text-decoration: none;
172 color: #000000;
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
177 * -- JRM March 2008
178 =============================================================*/
180 .body_top {
181 background-color: #F7F4F0;
182 margin: 8px
184 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
186 .bgcolor2 {
187 background-color: #F7F4F0;
189 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/
191 .body_bottom {
192 background: url('../pic/aquabg.gif') repeat;
193 margin: 8px
195 /* $bottom_bg_line */
197 .body_title {
198 background-color: #B08761;
200 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
202 .body_nav {
203 background-color: #F7F4F0;
205 /* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */
207 .body_filler {
208 background-color: #f7f0d5;
210 /* $login_filler_line */
212 .body_login {
213 background: url('../pic/aquabg.gif') repeat;
215 /* $login_body_line */
217 .table_bg {
218 background-color: #ccc;
220 /* $table_bg */
222 .bgcolor1 {
223 background-color: #ccc;
225 /* $GLOBALS['style']['BGCOLOR1'] */
227 .textcolor11 {
228 background-color: #222;
230 /* $GLOBALS['style']['TEXTCOLOR11'] */
232 .highlightcolor {
233 background-color: #ddd;
235 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
237 .bottom_line {
238 background: url('../pic/aquabg.gif') repeat;
240 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
242 .logobar {
243 background-color: #2F2F7D;
244 height: 110px;
246 /* $GLOBALS['logoBarHeight'] 24262c RP_MODIFIED 12/22/2012*/
248 .navbar {
249 height: 22px;
251 /* $GLOBALS['navBarHeight'] */
253 .titlebar {
254 height: 20px;
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;
262 padding-left: 4px;
263 padding-right: 4px;
265 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
266 color: #0000cc;
268 #addressbook_list tr.search {
269 font-size: 9pt;
270 font-weight: bold;
272 #addressbook_list tr.head {
273 font-size: 10pt;
274 /*background-color:#cccccc;*/
275 font-weight: bold;
277 #addressbook_list tr.detail {
278 font-size: 10pt;
280 #addressbook_list .inputtext {
281 /*font-family:monospace;
282 font-size:9pt;
283 font-weight:normal;
284 border-style:solid;
285 border-width:1px;
286 border-color: #000000;
287 background-color:transparent;RP_MODIFIED 1/18/2016*/
289 #addressbook_list .button {
290 font-family: sans-serif;
291 font-size: 8pt;
292 font-weight: bold;
294 .address_names:hover {
295 color: magenta;
297 .highlight {
298 color: magenta !Important;
300 /* styles taken out of templates/report/general_default.html */
302 #reports_list td {
303 font-size: 8pt;
304 font-family: helvetica;
306 #reports_list a {
307 font-size: 8pt;
308 font-family: helvetica;
310 /* styles taken out of templates/documents/general_list.html */
312 #documents_list td {
313 font-size: 8pt;
314 font-family: helvetica;
316 #documents_list a {
317 font-size: 8pt;
318 font-family: helvetica;
320 #documents_list .treeMenuDefault {
321 font-style: italic;
323 #documents_list .treeMenuBold {
324 font-style: italic;
325 font-weight: bold;
327 #documents_list {
328 width: 29%;
329 height: 95%;
330 overflow: auto;
331 float: left;
332 border-right: dashed 1px;
334 #documents_actions {
335 padding-top: 10px;
336 width: 70%;
337 height: 95%;
338 float: right;
339 overflow: auto;
341 #documents_actions iframe {
342 display: inline;
343 border: none;
344 width: 100%;
345 height: 600px;
346 overflow: auto;
348 #documents_actions form {
349 margin: 0px;
350 padding: 0px;
352 #documents_actions table {
353 width: 100%;
354 height: 95%;
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 *============================================================*/
362 #DEM .groupname {
363 font-weight: bold;
364 color: #080;
365 font-size: 0.8em;
366 padding-right: 5px;
367 vertical-align: top;
369 #DEM .label_custom {
370 font-weight: bold;
371 font-size: 0.8em;
372 vertical-align: top;
373 text-align: right;
375 #DEM .data {
376 font-size: 0.8em;
377 vertical-align: top;
378 text-align: left;
379 padding-right: 6px;
380 /*30px - ie 6 fix*/
382 /* Patient History */
384 #HIS .groupname {
385 font-weight: bold;
386 color: #080;
387 font-size: 9pt;
388 padding-right: 1px;
389 vertical-align: top;
390 height: 2em;
392 #HIS .label_custom {
393 font-weight: bold;
394 font-size: 9pt;
395 vertical-align: top;
397 #HIS .data {
398 font-size: 9pt;
399 vertical-align: top;
400 text-align: left;
401 padding-right: 10px;
403 /*=============================================================
404 * Patient Notes
405 * seen in the patient summary and notes screens
406 *============================================================*/
408 #pnotes .billing {
409 background-color: #dfd;
411 #pnotes .highlight {
412 background-color: #fff;
414 #pnotes table {
415 border-collapse: collapse;
417 #pnotes .noterow {
418 cursor: pointer;
420 #pnotes .noterow td {
421 border-bottom: 1px dashed black;
422 vertical-align: top;
423 padding: 5px;
424 margin: 5px;
426 #pnotes_ps_expand div.tab table td {
427 padding-right: 10px;
429 /*=============================================================
430 * Patient Stats
431 * seen in the patient stats screens
432 *============================================================*/
434 #patient_stats {
435 padding: 10px;
437 #patient_stats table {
438 width: 100%;
439 border-collapse: collapse;
441 #patient_stats td {
442 padding: 3px;
444 #patient_stats .statrow {
445 cursor: pointer;
447 #patient_stats .head {
448 font-size: 10pt;
449 background-color: #cccccc;
450 text-align: center;
452 #patient_stats .detail {
453 font-size: 10pt;
454 vertical-align: top;
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 {
466 text-align: 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 {
477 color: #ee0000;
479 #patient_stats_summary .noend {
480 color: #dd5500;
482 #patient_stats_summary .noreturn {
483 color: #0000ff;
485 #patient_stats_summary .title {
486 font-size: 1.1em;
488 #patient_stats_issues {
489 width: 100%;
491 #patient_stats_spreadsheets {
492 width: 100%;
494 #patient_stats_imm {
495 width: 100%;
497 #patient_stats_prescriptions {
498 width: 100%;
500 /*=============================================================
501 * Patient Past Encounters and Documents
502 * seen in the patient encounter screen
503 *============================================================*/
505 #patient_pastenc {
506 width: 100%;
508 #patient_pastenc .billing_note {
509 width: 25%;
511 #patient_pastenc .billing_note_text {
512 padding: 5px;
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;
521 width: 100%;
523 #patient_pastenc tr {
524 cursor: pointer;
526 #patient_pastenc td {
527 border-top: 1px solid black;
528 vertical-align: top;
530 #patient_pastenc th {
531 text-align: left;
533 #patient_pastenc #tooltipdiv {
534 position: absolute;
535 width: 500px;
536 border: 1px solid black;
537 padding: 2px;
538 background-color: #ffffaa;
539 visibility: hidden;
540 z-index: 1000;
541 font-size: 9pt;
543 #patient_pastenc .highlight {
544 background-color: #fff;
546 #patient_pastenc .tooltip {
547 position: absolute;
548 border: 1px solid #333;
549 background: #f7f5d1;
550 padding: 2px 5px;
551 color: #333;
552 display: none;
554 /*=============================================================
555 * Patient Reports
556 * seen in the patient reports screens
557 *============================================================*/
559 #patient_reports {
560 width: 100%;
562 #patient_reports .issues {
563 padding-right: 30px;
565 #patient_reports .issues table {
566 margin: 10px 0px 10px 0px;
568 #patient_reports .issues td {
569 padding: 2px;
571 #patient_reports .encounters td {
572 padding: 2px;
574 #patient_reports .encounter_forms {
575 margin: 5px 15px 5px 15px;
577 #patient_reports td {
578 vertical-align: top;
580 #patient_reports ul {
581 list-style: none;
583 /*=============================================================
584 * Report - Custom
585 * seen as the patient report (custom_report.php)
586 *============================================================*/
588 #report_custom {
589 width: 100%;
591 #report_custom hr {
592 border: 2px dotted black;
594 #report_custom .billing {
595 margin: 5px;
596 padding: 5px;
598 #report_custom h1 {
599 font-size: 120%;
600 margin: 0px 0px 5px 0px;
601 padding: 0px;
603 #report_custom .immunizations {
604 margin: 5px;
605 padding: 5px;
607 #report_custom .notes {
608 margin: 5px;
609 padding: 5px;
611 #report_custom .transactions {
612 margin: 5px;
613 padding: 5px;
615 #report_custom .communications {
616 margin: 5px;
617 padding: 5px;
619 #report_custom .documents {
620 margin: 5px;
621 padding: 5px;
623 #report_custom .demographics {
624 margin: 5px;
625 padding: 5px;
627 #report_custom .insurance {
628 margin: 5px;
629 padding: 5px;
631 #report_custom .history {
632 margin: 5px;
633 padding: 5px;
635 #report_custom .issue {
636 margin-left: 20px;
638 #report_custom .issue_type {
639 font-weight: bold;
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 {
648 width: 100%;
649 border-top: 2px dotted black;
650 padding: 10px 5px 10px 5px;
651 margin-top: 10px;
653 #report_custom .encounter h1 {
654 font-size: 140%;
655 margin: 0px;
656 padding: 0px;
658 #report_custom .encounter_form {
659 margin: 10px;
660 padding: 10px;
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 :#CFB7A0 */
667 #addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading {
668 background-color: #E7DBCF;
669 /*RP_MODIFIED 1/16/2016 #ffffff */
671 /* The top navigation icon styling*/
673 .top-nav-icons {
674 margin-right: 15px;
675 margin-top: 5px
678 * CSS BUTTONS
681 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
682 background: #B79370;
683 /*styles the message table header*/
685 input[type="button"], input[type="submit"], button {
686 font-size: 12px;
687 font-weight: 600;
688 color: #FFFFFF !Important;
689 line-height: 1.42857143;
690 text-align: center;
691 white-space: nowrap;
692 vertical-align: middle;
693 background: #8C6C4D;
694 border: 1px solid transparent;
695 border-radius: 2px;
697 .head, #searchCriteria {
698 background: #B79370 ! Important;
700 #searchCriteria {
701 padding: 0px !Important;
702 margin-bottom: 5px;
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;
710 border-radius: 2px;
711 border: 1px solid #8C6C4D !Important;
712 padding: 2px 3px;
713 margin: 3px !Important;
715 select {
716 -webkit-border-radius: 2px;
717 -moz-border-radius: 2px;
718 border-radius: 2px;
719 border: 1px solid #8C6C4D ! Important;
720 margin: 3px;
722 input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
723 background: #EFE7DF;
724 border-color: #69513A !important;
725 box-shadow: 0 0 3px #C7AB90 !important;
726 outline: none;
727 -webkit-transition: 0.2s linear all;
728 -moz-transition: 0.2s linear all;
729 transition: 0.2s linear all;
731 select[multiple] {
732 height: auto !Important;
734 .css_button_small, .css_button {
735 display: inline-block;
736 padding: 2px 3px;
737 margin-bottom: 0;
738 margin-right: 3px;
739 float: left;
740 font-size: 10px;
741 font-weight: 600;
742 color: #FFFFFF !important;
743 line-height: 1.42857143;
744 text-align: center;
745 white-space: nowrap;
746 vertical-align: middle;
747 -ms-touch-action: manipulation;
748 touch-action: manipulation;
749 cursor: pointer;
750 -webkit-user-select: none;
751 -moz-user-select: none;
752 -ms-user-select: none;
753 user-select: none;
754 background-image: none;
755 background: #8C6C4D;
756 border: 1px solid transparent;
757 border-radius: 2px;
758 opacity: 1;
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 {
766 color: #FFFFFF;
767 text-decoration: none;
769 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
770 background-image: none;
771 outline: 0;
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 {
777 cursor: not-allowed;
778 filter: alpha(opacity=65);
779 -webkit-box-shadow: none;
780 box-shadow: none;
781 opacity: .65;
783 .css_button_icon {
784 padding: 3px 12px 5px 12px;
786 a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button {
787 color: #FFFFFF;
789 .css_button_small span {}
790 .css_button {}
791 .css_button span {}
792 .sellistclass {
793 float: left;
795 .disabled_button {
796 color: grey;
798 a.disabled_button:hover {
799 color: grey;
802 * TABS A7A7A7
805 ul.tabNav {
806 margin: 0 0 -4 0;
807 padding: 0;
809 /*RP_MODIFIED 7/16/2016*/
811 ul.tabNav {
812 float: left;
813 list-style: none;
814 width: 100%;
816 ul.tabNav li {
817 float: left;
818 margin: 0 1px 0 0;
819 padding: 6px 0 0;
820 font-size: 0.8em;
821 vertical-align: bottom;
822 text-align: left;
824 ul.tabNav li.current {
825 padding-top: 0;
826 font-weight: bold;
827 font-size: 0.8em;
828 vertical-align: bottom;
829 text-align: left;
831 ul.tabNav a {
832 background: #EFE7DF;
833 border: solid #B08761;
835 border-width: 3px 1px 0px 1px;
836 color: #333;
837 display: block;
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 */
846 ul.tabNav a:hover {
847 background-color: #B08761;
848 color: #000000;
850 /*RP_MODIFIED 2/11/2015 */
852 ul.tabNav li.current a {
853 background: #CFB7A0;
854 padding: 8px;
856 div.tabContainer {
857 clear: both;
858 float: left;
859 width: 100%;
861 div.tabContainer div.tab {
862 border: 1px solid #ffffff;
863 color: #000;
864 display: none;
865 padding: 10px;
867 div.tabContainer div.current {
868 display: block;
869 border: 1px solid #CFB7A0;
870 background: #CFB7A0;
872 div.tab {
873 min-height: 180px;
874 background: #ffffff none repeat scroll 0 0;
875 margin-bottom: 10px;
876 width: 665px;
878 div.tab_long {
879 min-height: 180px;
880 background: #ffffff none repeat scroll 0 0;
881 margin-bottom: 10px;
882 width: 100%;
884 div.tab p:last-child {
885 margin-bottom: 0;
887 div.tab table td {
888 padding-right: 1px;
889 padding-bottom: 0px
891 div.tab table td.label_custom {
892 min-width: 80px;
894 div.tab table td.data {
895 min-width: 120px;
897 div.notab {
898 background: #FFFFFF none repeat scroll 0 0;
899 margin-bottom: 10px;
900 width: 100%;
902 div.notab-right {
903 background: #FFFFFF none repeat scroll 0 0;
904 margin-bottom: 10px;
905 width: 100%;
907 .section-header {
908 margin-bottom: 5px;
909 width: 685px;
910 border-bottom: 1px solid;
912 .section-header-dynamic {
913 margin-bottom: 5px;
914 border-bottom: 1px solid;
916 .summary_item {
917 background: #FFFFFF;
918 padding: 8px;
921 * REPORTS
924 #report_parameters {
925 background-color: #E7DBCF;
926 margin: 10px 0px 5px 0px;
928 #report_parameters table {
929 border: solid 1px #69513A;
930 width: 100%;
931 border-collapse: collapse;
933 #report_parameters table td {
934 padding: 5px;
936 #report_parameters table table {
937 border: 0px;
938 border-collapse: collapse;
939 font-size: 0.8em;
941 #report_parameters table table td.label_custom {
942 text-align: right;
944 #report_parameters>table>tbody>tr>td>table {
945 border-left: 1px solid #69513A !Important;
946 /*openemr5*/
948 #report_parameters .form-control {
949 width: auto;
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;
956 width: 100%;
957 border-collapse: collapse;
958 margin-top: 1px;
960 #report_results table thead {
961 padding: 5px;
962 display: table-header-group;
963 border: solid 1px #69513A;
964 text-align: left;
965 font-weight: bold;
966 font-size: 0.7em;
968 #report_results table th {
969 border-bottom: 2px solid #69513A;
970 padding: 5px;
972 #report_results table td {
973 padding: 5px;
974 border-bottom: 1px dashed;
975 font-size: 0.8em;
977 .report_totals td {
978 background-color: #E7DBCF;
979 font-weight: bold;
982 * List-table formatting
985 .showborder {
986 width: 650px;
988 .showborder td {
989 border-bottom: 1px dashed #000000;
990 text-align: left;
991 font-size: 9pt;
993 .showborder_head th {
994 border-bottom: 1px solid #000000;
995 text-align: left;
996 font-size: 9pt;
998 .shownoborder td {
999 text-align: left;
1000 font-size: 9pt;
1002 .showborder_long {
1003 width: 100%;
1005 .showborder_long tr td {
1006 border-bottom: 1px dashed #000000;
1007 text-align: left;
1008 font-size: 9pt;
1011 * Drug lookup
1014 .drug_lookup {
1015 font-family: helvetica;
1016 font-size: 8pt;
1017 border: 2px outset rgb(102, 102, 102);
1018 background-color: #F7F4F0;
1019 /*RP_MODIFIED 2/8/2014 #F7F4F0*/
1020 padding: 5px;
1021 position: absolute;
1022 display: block;
1024 /* Password alert styles */
1026 .pwdalert {
1027 display: block;
1028 width: 390pt;
1029 margin-left: 100px;
1030 padding: 10px 10px 10px 15px;
1031 color: black;
1033 .alertmsg1 {
1034 border: 3px solid #fe7b7a;
1035 background-color: #ffd6d6;
1037 .alertmsg2 {
1038 border: 3px solid #f56fff;
1039 background-color: #fabfff;
1041 .alertmsg3 {
1042 border: 3px solid #9acc2e;
1043 background-color: #eef7dd;
1045 /* Password alert styles */
1047 /* Style for red font */
1049 .redtext {
1050 text-decoration: none;
1051 color: #FF0000;
1052 font-size: 10pt;
1054 /* Style for red font */
1056 .de_identification_status_message {
1057 width: 50%;
1058 border: 1px solid #0000FF;
1060 .de_identification_input_controls_box {
1061 width: 100%;
1062 border: 1px solid #0000FF;
1064 .de_id_upgrade_login {
1065 width: 40%;
1066 border: 1px solid Black;
1067 background-color: #ffffff;
1069 #navigation-slide, #navigation-slide * {
1070 padding-left: 0px;
1071 margin-left: 0px;
1073 #navigation-slide li {
1074 list-style: none;
1076 #navigation-slide a {
1077 background: #FFFFFF;
1078 border-top: 2px solid #F7F4F0;
1079 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1080 color: #000;
1081 display: block;
1082 font-weight: bold;
1083 padding: 5px 2px 5px 10px;
1084 width: 150px;
1086 #navigation-slide li a.collapsed {
1087 background: #B08761;
1088 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1089 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B08761', endColorstr='#B08761');
1090 /* for IE b5cbff*/
1091 background: -webkit-gradient(linear, left top, left bottom, from(#B08761), to(#B08761));
1092 /* for webkit browsers b5cbff*/
1093 background: -moz-linear-gradient(top, #B08761, #B08761);
1094 /* for firefox 3.6+ b5cbff*/
1096 #navigation-slide li a.expanded {
1097 background: #B79370;
1098 /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1099 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B79370', endColorstr='#B79370');
1100 /* for IE 61a0ff)*/
1101 background: -webkit-gradient(linear, left top, left bottom, from(#B79370), to(#B79370));
1102 /* for webkit browsers */
1103 background: -moz-linear-gradient(top, #B79370, #B79370);
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');
1110 /* for IE e7e6f9*/
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');
1120 /* for IE 7870de*/
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);
1138 #sddm li {
1139 margin: 0;
1140 padding: 0;
1141 list-style: none;
1142 float: left;
1143 border: 1px solid #F7F4F0;
1144 /*RP_MODIFIED 2/8/15 #EAE6FF*/
1145 background: #B08761;
1146 /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1147 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B08761', endColorstr='#B08761');
1148 /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1149 background: -webkit-gradient(linear, left top, left bottom, from(#B08761), to(#B08761));
1150 /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1151 background: -moz-linear-gradient(top, #B08761, #B08761);
1152 /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1154 #sddm li a {
1155 display: block;
1156 margin: 0 1px 0 0;
1157 padding: 4px 10px;
1158 color: #004080;
1159 text-align: left;
1160 text-decoration: none;
1161 font-size: 0.8em;
1162 font-weight: bold;
1164 #sddm li a:hover {
1165 background: #E7DBCF;
1167 #sddm div {
1168 position: absolute;
1169 visibility: hidden;
1170 display: none;
1171 margin: 0;
1172 padding: 0;
1173 background: #C9F1B5;
1174 border-left: 1px solid #000000;
1175 border-right: 1px solid #000000;
1176 border-bottom: 1px solid #000000;
1178 #sddm div a {
1179 position: relative;
1180 display: block;
1181 margin: 0;
1182 padding: 5px 10px;
1183 width: 170px;
1184 white-space: normal;
1185 text-align: left;
1186 text-decoration: none;
1187 background: #F7F4F0;
1188 color: #2875DE;
1189 font-size: 0.8em;
1190 font-weight: normal;
1191 z-index: 10;
1193 #sddm div a:hover {
1194 background: #E7DBCF;
1195 color: #000000;
1197 .encounter-form-category-li {
1198 z-index: 100;
1199 background-color: #F7F4F0 !Important;
1201 .text-area {
1202 background-color: #FFFFFF;
1203 border: 1px solid black;
1204 width: 100%;
1205 height: 100px;
1206 overflow: auto;
1207 text-align: left;
1209 .example_menu {
1210 font-size: 70%;
1211 list-style: none;
1212 margin: 0;
1213 padding: 0;
1214 vertical-align: top;
1215 width: 136px;
1217 .expand_all, .collapse_all {
1218 cursor: pointer;
1220 .example_menu ul {
1221 display: none;
1222 list-style: none;
1223 margin: 0;
1224 padding: 0;
1226 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1227 background-image: none;
1228 margin: 0;
1229 padding: 0;
1230 border-bottom: 1px solid white;
1232 .example_menu ul ul {
1233 display: block;
1235 .example_menu a {
1236 color: #000;
1237 cursor: pointer;
1238 display: block;
1239 font-weight: bold;
1240 margin-left: 0;
1241 padding: 2px 2px 2px 17px;
1242 width: 160px;
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;
1255 color: #000;
1256 display: block;
1257 font-weight: normal;
1258 width: 100%;
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 {
1268 background: #fff;
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;
1276 height: 9px;
1277 line-height: 15px;
1278 margin: 0 0 10px 0;
1279 width: 131px;
1281 .example_menu .footer span {
1282 display: none;
1284 .cke_contents {
1285 height: 300px !important;
1287 .btn {
1288 cursor: pointer;
1289 display: inline-block;
1290 background-repeat: no-repeat;
1291 padding: 5px 14px 6px;
1292 text-shadow: none;
1293 color: #333;
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;
1299 border-radius: 2px;
1300 -webkit-transition: 0.1s linear all;
1301 -moz-transition: 0.1s linear all;
1302 transition: 0.1s linear all;
1304 .btn.large {
1305 font-size: 16px;
1306 line-height: normal;
1307 padding: 9px 14px 9px;
1308 -webkit-border-radius: 0px;
1309 -moz-border-radius: 0px;
1310 border-radius: 0px;
1312 .btn.small {
1313 padding: 3px 3px 3px;
1314 font-size: 9px;
1316 .btn-custom {
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;
1332 .div-message {
1333 background-color: white;
1334 color: gray;
1335 margin: 5 0 5 0px;
1336 border: 1px solid #8C6C4D;
1337 /*RP_ADDED 7/5/2016*/
1338 padding: 5px;
1339 width: 648px;
1341 .signout-content {
1342 background: #F7F4F0;
1343 /*RP_ADDED 8/27/2016*/
1345 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1347 div.section, div.borderbox {
1348 border-color: #69513A !important;
1349 background-color: #E7DBCF;
1351 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1353 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1355 .login div.container {
1356 margin-top: 5%;
1357 max-width: 500px;
1358 background: #F7F4F0 ! Important;
1359 border-top: solid #B08761 40px;
1360 border-left: solid #EFE7DF 1px;
1361 border-right: solid #EFE7DF 1px;
1362 border-bottom: solid #EFE7DF 1px;
1364 body.login {
1365 background: #fcfcfc ! Important;
1367 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1369 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1371 .feesheet-title {
1372 font-weight: 900;
1373 background: #B08761 !important;
1374 margin: 0px 0px 10px 0px;
1375 padding: 3px;
1377 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1379 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1381 #mainBox>.body_top, .body_top_tabs {
1382 background-color: #B08761 !important;
1384 .tabSpan, .tabSpan_tabs {
1385 border-top: 5px solid #B08761 !important;
1386 border-left: 1px solid #B08761 !important;
1387 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
1388 border-right: 1px solid #B08761 !important;
1389 border-radius: 3px 6px 0px 0px !important;
1391 .tabNotchosen, .tabsNoHover {
1392 border-bottom: 2px solid #B08761 !important;
1394 .tabNotchosen:hover {
1395 background: transparent !Important;
1397 .tabSpan_tabs:hover {
1398 background: #E7DBCF !Important;
1400 .tabControls_tabs {
1401 border-bottom: none !important;
1403 .ptName {
1404 font-size: 20px;
1405 background: #ffff9e;
1406 padding: 0px 5px 0px 5px;
1408 .patientInfo {
1409 padding: 1px 1px 1px 10px;
1410 font-size: 16px;
1411 font-weight: 600;
1413 .patientCurrentEncounter {
1414 font-size: 16px;
1415 font-weight: 600;
1417 .menuLabel {
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 #8C6C4D;
1425 background: white;
1427 /*.patientEncounterList {
1428 background: #ffff9e !Important;
1429 border: 1px solid #8C6C4D;
1432 .patientEncounterList:hover{
1433 background: #EFE7DF !important;
1434 border-color: #69513A !important;
1435 box-shadow: 0 0 3px #C7AB90;
1436 outline: none;
1437 -webkit-transition: 0.2s linear all;
1438 -moz-transition: 0.2s linear all;
1439 transition: 0.2s linear all;
1441 overflow: visible;
1442 height: auto;
1443 z-index:4;
1446 .appMenu>span:hover {
1447 background-color: #E7DBCF !important;
1449 .menuSection:hover {
1450 background-color: #E7DBCF !Important;
1452 .menuLabel:hover {
1453 background: #E7DBCF !Important;
1455 .menuSection>.menuEntries {
1456 box-shadow: 0px 2px 2px #C7AB90 !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: #E7DBCF !Important;
1465 color: #333;
1467 .appMenu li:hover {
1468 background-color: #E7DBCF !Important;
1470 .menuSection>.menuEntries {
1471 background-color: #F7F4F0 !Important;
1473 .body_title, .body_title_tabs {
1474 background-color: #C7AB90 !important;
1476 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1478 .tabs_body, #searchCriteria {
1479 background-color: #CFB7A0;
1481 .tabs_body_light {
1482 background-color: #E7DBCF;
1484 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1486 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1488 #calsearch_params {
1489 background-color: #E7DBCF !important;
1490 width: 98% !Important;
1492 .calsearch_body {
1493 background-color: #F7F4F0 !Important;
1495 .chevron_color {
1496 color: #8C6C4D;
1498 div#providerPicker select {
1499 margin: 0px;
1501 #calsearch_results_header {
1502 margin-top: 5px;
1503 width: 99% ! Important;
1505 #calsearch_results_data {
1506 width: 99% ! Important;
1508 #topToolbarRight {
1509 padding: 3px;
1511 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1513 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1515 img[src *="show_calendar.gif"] {
1516 margin-bottom: 3px;
1518 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1520 /* Form styles */
1522 .formtable {
1523 font-size: 13px;
1524 line-height: 24px;
1526 .formtable tr td {
1527 line-height: 24px;
1529 .report_search_bar {
1530 background-color: #E7DBCF;
1532 body.admin-layout input[type="button"] {
1533 display: inline-block;
1534 float: none;
1536 /* error message = new validation */
1538 .error-message {
1539 color: red;
1540 display: block;
1541 white-space: nowrap;
1542 font-weight: normal;
1543 font-size: 11px;
1545 .error-border {
1546 border: 1px solid red !important;
1548 .tinylogocontainer {
1549 display: inline-block;
1550 border: none;
1552 .tinylogopng {
1553 display: inline-block;
1554 width: 44px;
1555 height: 22px;
1557 /* flow board filters*/
1559 #flow_board_parameters {
1560 width: 1041px;
1561 margin: 25px auto;
1562 background-color: #E7DBCF;
1564 #flow_board_parameters td {
1565 padding: 10px;
1567 #flow_board_parameters table {
1568 border: solid 1px #69513A;
1569 width: 100%;
1570 border-collapse: collapse;
1572 .divider {
1573 border-color: #69513A !Important;
1575 /* flow board filters*/
1577 /* ------- Therapy groups styling --------- */
1579 .group-row {
1580 margin-top: 15px;
1582 .container-group {
1583 margin-top: auto;
1585 .group-error-msg {
1586 color: #ff6643;
1588 .group-success-msg {
1589 color: #4c8029;
1591 #component-border {
1592 margin-bottom: 20px;
1593 border: 1px solid #2672ec;
1594 width: 100%;
1595 min-height: 150px;
1596 padding: 10px;
1598 #main-component ul {}
1599 .float-right {
1600 float: right;
1602 .rtl .float-right {
1603 float: left;
1605 table.dataTable#therapy_groups_list tbody td {
1606 padding-left: 20px;
1607 padding-right: 20px;
1608 font-size: 15px;
1610 .therapy_group #therapy_groups_list_container {
1611 margin-top: initial;
1612 width: initial;
1614 .therapy_group #therapy_groups_list_container input[type="text"] {
1615 border-color: #ccc;
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;
1622 margin: 0;
1624 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1625 background-color: #ef3935;
1626 font-size: 15px;
1627 padding: 2px 10px;
1629 .therapy_group .delete_btn a {
1630 text-decoration: none;
1631 color: white;
1633 .therapy_group #therapy_groups_list_container .failed_message {
1634 font-size: 15px;
1636 #updateParticipants {
1637 position: relative;
1639 #addParticipant {
1640 position: absolute;
1641 right: 0px;
1642 z-index: 100;
1644 #add-participant-form {
1645 transition: max-height 1s ease-out;
1646 max-height: 0;
1647 overflow: hidden;
1649 .showAddForm {
1650 max-height: 250px !important;
1652 .groups-error-msg {
1653 color: #ff542d;
1654 font-size: 1.3em;
1655 padding: 8px;
1656 text-align: center;
1658 .therapy_group .event_details {
1659 font-size: 14px;
1661 #add_participant {
1662 margin-bottom: 20px;
1663 margin-left: 10px;
1665 #add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap {
1666 margin-top: 7px;
1668 #add_participant .patient_wrap, #add_participant .comment_wrap {
1669 display: inline-block;
1671 #add_participant .button_wrap input {
1672 float: none;
1673 display: inline-block;
1675 #add_participant_element .input_label {
1676 display: block;
1678 #add_participant_element .error_wrap .error {
1679 color: red;
1681 #group_attendance_form_table tbody td {
1682 text-align: center;
1684 #file_type_whitelist .subject-black-list, #file_type_whitelist .subject-white-list {
1685 display: inline-block;
1686 width: 420px;
1687 float: left;
1689 #file_type_whitelist {
1690 height: 400px;
1691 padding: 10px;
1693 #white-list, #black-list {
1694 margin: 10px;
1695 padding: 10px;
1696 width: 400px;
1698 #file_type_whitelist select {
1699 height: 250px;
1700 padding: 0;
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;
1710 width: 58px;
1711 margin: 130px 30px 30px 30px;
1712 float: left;
1714 #file_type_whitelist .subject-info-save {
1715 width: 60px;
1716 margin: 170px 30px 30px 30px;
1717 float: left;
1719 #file_type_whitelist input[type=button] {
1720 float: none !important;
1721 width: 63px;
1723 #file_type_whitelist #add-manually {
1724 display: inline-block
1726 #file_type_whitelist #add-manually-input {
1727 width: 190px;
1729 #file_type_whitelist .top-list {
1730 margin: 20px 20px 2px 20px;
1732 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1734 .dm-ed-in-1 {
1735 background-color: #E7DBCF !Important;
1736 border-bottom: thin solid #69513A !Important;
1738 ul.ext-tab-head li.child-active {
1739 border-bottom: 2px solid #8C6C4D !Important;
1741 .dm-ed-in-9 {
1742 background-color: #B79370;
1744 .dm-ed-in-6 {
1745 padding-left: 5px;
1747 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1749 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1751 .responsetd {
1752 border-color: #69513A !important;
1753 background-color: #E7DBCF;
1754 border-spacing: 5px ! Important;
1755 border-collapse: separate;
1756 margin: 0px 0px 5px 10px;
1758 .response {
1759 background-color: #F7F4F0;
1760 border-color: #69513A !important;
1762 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1764 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1766 .code_fieldset {
1767 border: 1px solid #69513A !important;
1768 background-color: #E7DBCF !Important;
1770 .code_edit {
1771 background-color: #B79370 !Important;
1773 .code_legend {
1774 background-color: #B79370 !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 {
1782 /* color: white;
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: #E7DBCF !Important;
1788 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1789 background-color: #E7DBCF !Important;
1791 .dropdown-menu {
1792 background-color: #F7F4F0 !Important;
1793 border-top: 1px solid #F7F4F0 !Important;
1794 border-radius: 0px !Important;
1796 .navbar-nav {
1797 font-size: 15px;
1799 .navbar-default {
1800 background-color: #B08761 !Important;
1801 border: none;
1803 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1804 background-color: #E7DBCF !Important;
1806 .navbar-nav>li>.dropdown-menu {
1807 box-shadow: 0px 2px 2px #C7AB90 !Important;
1809 .navbar-collapse.collapse.in {
1810 background-color: #B08761 !Important;
1811 font-weight: 700;
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;
1827 fieldset {
1828 border-color: #69513A !important;
1829 background-color: #E7DBCF !Important;
1830 margin-bottom: 10px!Important;
1831 padding: 0px 0px 15px 0px !Important;
1833 legend {
1834 border-bottom: 2px solid #B08761 !Important;
1835 background: #B08761 !Important;
1836 padding-left: 10px ! Important;
1837 color: #000000 !Important;
1839 label {
1840 padding: 0px 5px !Important;
1842 textarea.form-control {
1843 height: auto !Important;
1845 :focus {
1846 outline: none !important;
1848 .table>thead {
1849 background: #B79370 !Important;
1851 .table-striped>tbody>tr:nth-of-type(odd) {
1852 background-color: #FFFFFF !Important;
1854 .btn-default {
1855 background: #8C6C4D !Important;
1856 color: #FFFFFF !Important;
1857 /*border-color:#F7F4F0!Important; #C7AB90*/
1858 border-color: #8C6C4D !Important;
1860 .btn-link {
1861 background: #F7F4F0 !Important;
1862 color: #8e8e8e !Important;
1863 border-color: #69513A !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: #69513A !Important;
1868 background: #69513A !Important;
1870 .btn-link:focus, .btn-link:hover {
1871 text-decoration: none !Important;
1873 .btn-link {
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: #8C6C4D !Important;
1880 background: #EFE7DF !Important;
1881 box-shadow: 0px 0px 2px #8C6C4D 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;
1887 .btn-group .btn {
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;
1900 .btn-sm {
1901 font-size: 10px !Important;
1903 .btn-lg {
1904 border-radius: 3px !Important;
1906 .control-label {
1907 font-weight: 600 ! Important;
1909 .form-group {
1910 margin-bottom: 5px !Important;
1912 .form-horizontal .control-label {
1913 padding-top: 2px ! Important;
1915 .form-control {
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;
1927 margin-left: 0px;
1929 .oe-custom-line {
1930 padding-bottom: 5px;
1932 .oe-large {
1933 display: inline-block;
1935 .oe-small {
1936 display: none;
1938 .oe-show-hide {
1939 display: none;
1941 .oe-legend-radio {
1942 font-size: 12px;
1943 padding: 5px 5px 0px 0px;
1945 .oe-bold-black {
1946 font-weight: 700 !Important;
1947 color: black !Important;
1949 .oe-btn-circle {
1950 width: 30px;
1951 height: 30px;
1952 text-align: center;
1953 padding: 6px 0;
1954 font-size: 12px;
1955 line-height: 1.428571429;
1956 border-radius: 15px;
1957 background: #8C6C4D !Important;
1958 color: #FFFFFF !Important;
1959 border-color: #69513A !Important;
1961 .patientInfo a.btn, .patientDataColumn a.btn {
1962 width: 20px;
1963 height: 20px;
1964 text-align: center;
1965 padding: 2px 0;
1966 font-size: 12px;
1967 line-height: 1.428571429;
1968 border-radius: 10px !Important;
1969 background: #8C6C4D !Important;
1970 color: #FFFFFF !Important;
1971 border-color: #69513A !Important;
1972 margin: 5px;
1974 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1976 #globals_form_search {
1977 margin-top: -3px;
1978 padding: 2px 3px 1px 3px;
1980 th.currentvalues, th.historicalvalues {
1981 background: #B08761 !Important;
1983 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1985 .oe-payment-select {
1986 width: 80px !important;
1987 text-align: right;
1988 font-size: 12px;
1990 .oe-ckbox-label {
1991 padding-left: 30px;
1992 font-weight: 500;
1994 .oe-file-div {
1995 padding: 10px 15px;
1997 .oe-modal-dialog {
1998 width: 65% !Important;
2000 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2002 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2004 .oe-help-redirect {
2005 color: #8C6C4D !Important;
2007 .oe-help-heading {
2008 background-color: #EFE7DF !Important;
2009 border-color: #C7AB90 !Important;
2011 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/