Added stripe package (#1085)
[openemr.git] / interface / themes / style_tan.css
blob92ed98b95516862a5c29faf88810fad4fdd0b530
1 @import "core.css";
3 .nav-menu-img {
4 display:none !important;
7 body {
8 margin: 0px 0px 0px 2px;
9 /* set the base font and size for all DOM children */
10 font-family: 'FontAwesome' !important;
11 content: "\f0c4";
12 font-size: 1em; /* set the base font size for all DOM children */
15 a {
16 color: #0000cc;
17 text-decoration: none;
19 a:visited {
20 color: #0000cc;
22 a:hover {
23 color: #ff5555;
26 .menu {
27 font-style: italic;
28 font-size: 0.95em;
29 color: #0000cc;
30 text-decoration: none;
31 text-align: left;
34 .menu_selected {
35 font-style: italic;
36 font-size: 0.95em;
37 color: #000000;
38 text-decoration: none;
39 text-align: left;
42 .logout {
43 font-style: italic;
44 font-size: 0.95em;
45 color: #000000;
46 text-decoration: none;
47 text-align: right;
50 .text {
51 text-decoration: none;
52 color: #4C2222;
53 font-size: 0.9em;
56 .required {
57 text-decoration: none;
58 font-size: 0.9em;
59 color: #880000;
60 font-weight: bold;
63 .bold {
64 text-decoration: none;
65 font-size: 0.9em;
66 color: #000000;
67 font-weight: bold;
70 .alert-custom {
71 font-size: 0.8em;
72 color: #FF0000;
73 text-decoration: none;
76 .small {
77 text-decoration: none;
78 color: #000000;
79 font-size: 0.8em;
82 .link {
83 text-decoration: none;
84 color: #0000cc;
85 font-size: 0.8em;
88 .more {
89 text-decoration: none;
90 font-size: 0.8em;
93 .back {
94 text-decoration: none;
95 font-size: 0.8em;
98 .link_selected {
99 text-decoration: none;
100 color: #0000FF;
101 font-size: 0.8em;
104 .link_selected:visited {
105 text-decoration: none;
106 color: #0000FF;
107 font-size: 0.8em;
109 .link_submit {
110 text-decoration: none;
111 color: #000077;
112 font-size: 0.85em;
114 .link_submit a:visited {
115 color: #000077;
117 .link_submit a:hover {
118 color: #ff5555;
121 .items {
122 font-size: 0.6em;
125 .title {
126 font-size: 1.2em;
129 /* see .titlebar below */
130 .title_bar {
131 font-size: 1.0em;
132 font-weight: bold;
133 text-decoration: none;
134 color: #000000;
137 .title_bar_top {
138 font-size: 1.1em;
139 font-weight: bold;
140 text-decoration: none;
141 color: #000000;
144 .sidebar {
145 background: #fffbeb;
146 font-size: 95%;
147 padding-left: 0 !important;
148 padding-right: 0 !important;
151 .sidebar .submenu {
152 padding-left:15px;
153 font-size:90%;
156 .sidebar ul.mainmenu {
157 padding-bottom: 55px;
160 /*=============================================================
161 * Here we have taken variables from globals.php and turned them into CSS classes
162 * these should be used in place of the GLOBAL variables -- JRM March 2008
163 *=============================================================*/
164 .body_top { background-color: #fffbeb; margin: 8px } /* $top_bg_line */
165 .bgcolor2 { background-color: #fffbeb; } /* $GLOBALS['style']['BGCOLOR2'] */
166 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px } /* $bottom_bg_line */
167 .body_title { background-color: #fedf98; } /* $title_bg_line */
168 .body_nav { background-color: #fefdcf; } /* $nav_bg_line */
169 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
170 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
171 .table_bg { background-color: #ccc; } /* $table_bg */
172 .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */
173 .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */
174 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
175 .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
176 .logobar { background-color: #24262c; height: 110px; } /* $GLOBALS['logoBarHeight'] */
177 .navbar { height: 22px; } /* $GLOBALS['navBarHeight'] */
178 .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */
181 /* style taken out of the addressbook code and put here instead */
182 #addressbook_list td {
183 font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
184 padding-left: 4px;
185 padding-right: 4px;
187 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
188 color:#0000cc;
190 #addressbook_list tr.search {
191 font-size:0.8em;
192 font-weight:bold;
194 #addressbook_list tr.head {
195 font-size:0.9em;
196 background-color:#cccccc;
197 font-weight:bold;
199 #addressbook_list tr.detail {
200 font-size:0.8em;
202 #addressbook_list .inputtext {
203 font-family: 'FontAwesome',monospace;
204 font-size:0.8em;
205 font-weight:normal;
206 border-style:solid;
207 border-width:1px;
208 border-color: #000000;
209 background-color:transparent;
211 #addressbook_list .button {
212 font-family: 'FontAwesome',sans-serif;
213 font-size:0.8em;
214 font-weight:bold;
217 /* styles taken out of templates/report/general_default.html */
218 #reports_list td {
219 font-size:0.8em;
220 font-family: 'FontAwesome',helvetica;
222 #reports_list a {
223 font-size:0.8em;
224 font-family: 'FontAwesome',helvetica;
227 /* styles taken out of templates/documents/general_list.html */
228 #documents_list {
229 width: 29%;
230 height: 95%;
231 overflow: auto;
232 float: left;
233 border-right: dashed 1px;
235 #documents_list td {
236 font-size:8pt;
237 font-family: 'FontAwesome',helvetica;
239 #documents_list a {
240 font-size:8pt;
241 font-family: 'FontAwesome',helvetica;
243 #documents_list .treeMenuDefault {
244 font-style: italic;
246 #documents_list .treeMenuBold {
247 font-style: italic;
248 font-weight: bold;
251 #documents_actions {
252 padding-top: 10px;
253 width: 70%;
254 height: 95%;
255 float: right;
256 overflow: auto;
258 #documents_actions iframe {
259 display: inline;
260 border:none;
261 width:100%;
262 height:600px;
263 overflow: auto;
265 #documents_actions form {
266 margin: 0px; padding: 0px;
268 #documents_actions table {
269 width: 100%;
270 height: 95%;
272 .body_title table tr td {
275 /*=============================================================
276 * This section relates to the custom layouts that can be made
277 * using the OEMR tool in the Admin section. For example, the
278 * Patient Demographics are a custom layout.
279 *============================================================*/
280 #DEM .groupname {
281 font-weight: bold;
282 color: #080;
283 font-size: 0.8em;
284 padding-right: 5px;
285 vertical-align: top;
287 #DEM .label_custom {
288 font-weight: bold;
289 font-size: 0.8em;
290 vertical-align: top;
291 text-align: right;
293 #DEM .data {
294 font-size: 0.8em;
295 vertical-align: top;
296 text-align: left;
297 padding-right: 6px;/*30px - ie 6 fix*/
300 /* Patient History */
302 #HIS .groupname {
303 font-weight: bold;
304 color: #080;
305 font-size: 9pt;
306 padding-right: 1px;
307 vertical-align: top;
308 height: 2em;
310 #HIS .label_custom {
311 font-weight: bold;
312 font-size: 9pt;
313 vertical-align: top;
315 #HIS .data {
316 font-size: 9pt;
317 vertical-align: top;
318 text-align: left;
319 padding-right: 10px;
323 /*=============================================================
324 * Patient Notes
325 * seen in the patient summary and notes screens
326 *============================================================*/
327 #pnotes .billing {
328 background-color: #dfd;
330 #pnotes .highlight {
331 background-color: #fff;
333 #pnotes table {
334 border-collapse:collapse;
336 #pnotes .noterow {
337 cursor: pointer;
339 #pnotes .noterow td {
340 border-bottom:1px dashed black;
341 vertical-align: top;
342 padding: 5px;
343 margin: 5px;
347 /*=============================================================
348 * Patient Stats
349 * seen in the patient stats screens
350 *============================================================*/
351 #patient_stats {
352 padding: 10px;
354 #patient_stats table {
355 width: 100%;
356 border-collapse: collapse;
358 #patient_stats td {
359 padding: 3px;
361 #patient_stats .statrow {
362 cursor: pointer;
364 #patient_stats .head {
365 font-size:0.9em;
366 background-color:#cccccc;
367 text-align:center;
369 #patient_stats .detail {
370 font-size:0.9em;
371 vertical-align: top;
373 #patient_stats .btn {
374 background-color:transparent;
376 #patient_stats .bg1 {
377 background-color: #ddddff;
379 #patient_stats .bg2 {
380 background-color: #ffdddd;
382 #patient_stats .center {
383 text-align: center;
386 /*=============================================================
387 * Patient Stats Summary
388 * seen in the patient summary screen
389 *============================================================*/
390 #patient_stats_summary table {
391 border-collapse: collapse;
393 #patient_stats_summary .noend_noreturn {
394 color: #ee0000;
396 #patient_stats_summary .noend {
397 color: #dd5500;
399 #patient_stats_summary .noreturn {
400 color: #0000ff;
402 #patient_stats_summary .title {
403 font-size: 1.1em;
405 #patient_stats_issues {
406 width: 100%;
408 #patient_stats_spreadsheets {
409 width: 100%;
411 #patient_stats_imm {
412 width: 100%;
414 #patient_stats_prescriptions {
415 width: 100%;
418 /*=============================================================
419 * Patient Past Encounters and Documents
420 * seen in the patient encounter screen
421 *============================================================*/
422 #patient_pastenc {
423 width:100%;
426 #patient_pastenc .billing_note {
427 width: 25%;
429 #patient_pastenc .billing_note_text {
430 padding: 5px;
431 border: 2px outset black;
432 background-color: lightgrey;
434 #patient_pastenc .billing_note_text_highlight {
435 background-color:#f7f5d1;
437 #patient_pastenc table {
438 border-collapse: collapse;
439 width:100%;
441 #patient_pastenc tr {
442 cursor: pointer;
444 #patient_pastenc td {
445 border-top: 1px solid black;
446 vertical-align: top;
448 #patient_pastenc th {
449 text-align: left;
451 #patient_pastenc #tooltipdiv {
452 position:absolute;
453 width:500px;
454 border:1px solid black;
455 padding:2px;
456 background-color:#ffffaa;
457 visibility:hidden;
458 z-index:1000;
459 font-size:0.85em;
461 #patient_pastenc .highlight {
462 background-color: #fff;
464 #patient_pastenc .tooltip {
465 position:absolute;
466 border:1px solid #333;
467 background:#f7f5d1;
468 padding:2px 5px;
469 color:#333;
470 display:none;
474 /*=============================================================
475 * Patient Reports
476 * seen in the patient reports screens
477 *============================================================*/
478 #patient_reports {
479 width:100%;
481 #patient_reports .issues {
482 padding-right: 30px;
484 #patient_reports .issues table {
485 margin: 10px 0px 10px 0px;
487 #patient_reports .issues td {
488 padding: 2px;
490 #patient_reports .encounters td {
491 padding: 2px;
493 #patient_reports .encounter_forms {
494 margin:5px 15px 5px 15px;
496 #patient_reports td {
497 vertical-align: top;
499 #patient_reports ul {
500 list-style: none;
504 /*=============================================================
505 * Report - Custom
506 * seen as the patient report (custom_report.php)
507 *============================================================*/
508 #report_custom {
509 width:100%;
511 #report_custom hr {
512 border: 2px dotted black;
514 #report_custom .billing {
515 margin: 5px;
516 padding: 5px;
518 #report_custom h1 {
519 font-size: 120%;
520 margin: 0px 0px 5px 0px;
521 padding: 0px;
523 #report_custom .immunizations {
524 margin: 5px;
525 padding: 5px;
527 #report_custom .notes {
528 margin: 5px;
529 padding: 5px;
531 #report_custom .transactions {
532 margin: 5px;
533 padding: 5px;
535 #report_custom .communications {
536 margin: 5px;
537 padding: 5px;
539 #report_custom .documents {
540 margin: 5px;
541 padding: 5px;
543 #report_custom .demographics {
544 margin: 5px;
545 padding: 5px;
547 #report_custom .insurance {
548 margin: 5px;
549 padding: 5px;
551 #report_custom .history {
552 margin: 5px;
553 padding: 5px;
555 #report_custom .issue {
556 margin-left: 20px;
558 #report_custom .issue_type {
559 font-weight: bold;
560 padding: 5px 0px 5px 0px;
562 #report_custom .issue_diag {
563 margin: 0px 20px 0px 20px;
565 #report_custom .encounter {
566 width: 100%;
567 border-top:2px dotted black;
568 padding: 10px 5px 10px 5px;
569 margin-top: 10px;
571 #report_custom .encounter h1 {
572 font-size: 140%;
573 margin: 0px;
574 padding: 0px;
576 #report_custom .encounter_form {
577 border-top: 1px solid gray;
579 #addressbook_list tr.evenrow {
580 background-color:#ddddff;
582 #addressbook_list tr.oddrow {
583 background-color:#ffffff;
585 tr.odd {
586 background-color: grey;
588 } td.even {
589 background-color: #ffffff;
593 * CSS BUTTONS
595 /* add ons testing */
596 .css_button_small {
597 background: #063f80;
598 color: #ffffff !important;
599 display: inline-block;
600 font-weight: 300;
601 margin-right: 3px;
602 /* sliding doors padding */
603 text-decoration: none;
604 padding: 2px 7px 2px;
605 border: none;
606 font-size: 0.7em;
607 box-shadow: 2px 1px 4px #88888B;
608 border-radius: 5px;
610 .css_button_small span {
611 display: inline-block;
613 .css_button_small:hover {
614 background: #1050b6;
615 box-shadow: 0px 1px 3px #DDD;
616 text-decoration: none;
618 #dateNAV {
619 font-size:1.1em !important;
621 .css_button, input[type="button"],input[type="submit"], button {
622 background: #063f80;
623 color: #ffffff !important;
624 display: inline-block;
625 font-weight: 300;
626 margin: 4px;
627 vertical-align: middle;
628 /* sliding doors padding */
629 text-decoration: none;
630 padding: 4px 6px 4px;
631 border: none;
632 border-radius: 5px;
633 font-size:0.8em;
634 box-shadow: 2px 1px 4px #88888B;
636 .css_button span, input[type="button"] span, button span {
637 display: inline-block;
639 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
640 background: red !important;
642 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
643 background: #1050b6;
644 box-shadow: 3px 4px 6px #DDD ;
645 text-decoration: none;
648 input[type="button"][style="background-color:#ffff55"] {
649 background: #2672ec !important;
652 input[type="text"] {
653 background: #ffffff;
654 border: 1px solid #444444;
655 padding: 3px;
656 margin: 3px;
659 #logout_link:before {
660 content: "X";
662 #logout_link span {
663 display: none;
666 .sellistclass {
667 float:left;
670 .disabled_button {
671 color: grey;
673 a.disabled_button:hover {
674 color: grey;
678 * TABS
681 ul.tabNav { margin: 0; float: left; list-style: none; width: 100%; }
682 ul.tabNav li { float: left; margin: 0 3px 0 0;
683 padding: 0.5px 0 0;
684 font-size: 0.8em;
685 vertical-align: bottom;
686 text-align: left;
687 border-radius: 8px 8px 0 0;
688 position: relative;
689 z-index: 1;
690 top: 2px;
691 border-left: 1pt solid black;
692 border-top: 1pt solid black;
693 border-right: 1pt solid black;
695 ul.tabNav li.current {
696 font-weight: bold;
697 font-size: 0.8em;
698 vertical-align: bottom;
699 text-align: left;
700 position: relative;
701 z-index: 3;
702 top: 0.0875em;
703 border-left:1pt solid black;
705 ul.tabNav a {
706 background: #F8E6CBE6;
707 color: #333;
708 display: block;
709 padding: 8px;
710 text-decoration: none;
711 border-radius: 8px 8px 0 0;
712 box-shadow: 2px -1px 1px #c0c0c0;
714 form {
715 width: 95%;
716 margin: 0 auto;
718 ul.tabNav li.current a { background:#FFFFFF; }
720 div.tabContainer {
721 clear: both;
722 float: left;
723 width: 100%;
724 border-radius: 0px 8px 8px 8px;
725 box-shadow: 2px 2px 2px #c0c0c0;
726 border: 1pt solid #c0c0c0;
727 position:relative;
728 z-index: 1;
729 background-color: white;
730 margin-top: -0.1px;
731 margin-bottom: 2em;
732 padding: 10px;
734 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
735 div.tabContainer div.current { display: block; box-shadow:0pt;}
736 div.tab { min-height: 180px;
737 background: #ffffff none repeat scroll 0 0;
738 margin-bottom: 10px;
739 width:800px;
740 border: 1pt solid black;
741 border-radius: 5px;
743 div.tab_long { min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
744 div.tab p:last-child { margin-bottom: 0; }
746 table {
747 border-collapse: separate;
749 div.tab table td {
750 padding-right: 1px; padding-bottom: 0px;
752 div.tab table td.label_custom {
753 min-width:80px;
756 div.tab table td.data {
757 min-width:120px; /*170px*/
759 td .div {
760 border-left:1pt solid black;
762 div.notab {
763 background: #FFFFFF none repeat scroll 0 0;
764 margin-bottom: 10px;
765 border: 1px solid #c0c0c0;
766 background-color: #fff;
767 border-radius: 0 0 5px 5px;
768 box-shadow: 1px 2px 4px #c0c0c0;
769 padding-left: 10px;
770 margin-bottom: 2em;
772 div.notab-right {
773 background: #FFFFFF none repeat scroll 0 0;
774 border: 1px solid #c0c0c0;
775 background-color: #fff;
776 border-radius: 0 0 5px 5px;
777 box-shadow: 1px 2px 4px #c0c0c0;
778 padding-left: 10px;
779 margin-bottom: 2em;
782 .section-header {
783 clear: both;
784 border: 1px solid black;
785 background-color: #f8e8cb;
786 border-radius: 5px 5px 0px 0px;
787 box-shadow: 2px 0px 5px #c0c0c0;
788 padding: 6px;
790 .section-header-dynamic {
791 clear: both;
792 border: 1px solid black;
793 background-color: #f8e8cb;
794 border-radius: 5px 5px 0px 0px;
795 box-shadow: 2px 0px 5px #c0c0c0;
796 padding: 6px;
799 .summary_item {
800 padding:8px;
801 margin: 0 auto 10px;
803 background: #FFFFFF none repeat scroll 0 0;
804 margin-bottom: 10px;
805 border: 1px solid #c0c0;
806 background-color: #fff;
807 border-radius: 0 0 5px 5px;
808 box-shadow: 1px 2px 4px #c0c0c0;
810 div.summary_item div {
811 margin: 1em auto;
814 * REPORTS
817 #report_parameters {
818 background-color: #ececec;
819 margin-top:10px;
822 #report_parameters table {
823 border: solid 1px;
824 width: 100%;
825 border-collapse: collapse;
827 #report_parameters table td {
828 padding: 5px;
831 #report_parameters table table {
832 border: 0px;
833 border-collapse: collapse;
834 font-size: 0.8em;
837 #report_parameters table table td.label_custom {
838 text-align: right;
841 #report_results table {
842 border-top: 1px solid black;
843 border-bottom: 1px solid black;
844 border-left: 1px solid black;
845 border-right: 1px solid black;
846 width: 100%;
847 border-collapse: collapse;
848 margin-top: 1px;
850 #report_results table thead {
851 padding: 5px;
852 display: table-header-group;
853 background-color: #ddd;
854 text-align:left;
855 font-weight: bold;
856 font-size: 0.7em;
858 #report_results table th {
859 border-bottom: 1px solid black;
860 padding: 5px;
862 #report_results table td {
863 padding: 5px;
864 border-bottom: 1px dashed;
865 font-size: 0.8em;
867 .report_totals td {
868 background-color: #77ff77;
869 font-weight: bold;
873 * List-table formatting
875 .showborder {
876 Xwidth:650px;
878 .showborder td {
879 border-bottom:1px dashed #000000;
880 text-align:left;
881 font-size:9pt;
883 .showborder_head th {
884 border-bottom:1px solid #000000;
885 text-align:left;
886 font-size:9pt;
888 .shownoborder td {
889 text-align:left;
890 font-size:9pt;
892 .showborder_long {
893 width:100%;
895 .showborder_long tr td{
896 border-bottom:1px dashed #000000;
897 text-align:left;
898 font-size:9pt;
902 * Drug lookup
904 .drug_lookup{
905 font-family: 'FontAwesome', helvetica;
906 font-size: 8pt;
907 border: 2px outset rgb(102, 102, 102);
908 background-color: #eae6ff;
909 padding: 5px;
910 position: absolute;
911 display: block;
914 /* Password alert styles */
915 .pwdalert {
916 display: block;
917 width: 390pt;
918 margin-left: 100px;
919 padding: 10px 10px 10px 15px;
920 color: black;
922 .alertmsg1 {
923 border: 3px solid #fe7b7a;
924 background-color: #ffd6d6 ;
926 .alertmsg2 {
927 border: 3px solid #f56fff;
928 background-color: #fabfff;
930 .alertmsg3 {
931 border: 3px solid #9acc2e;
932 background-color: #eef7dd;
934 /* Password alert styles */
936 /* Style for red font */
937 .redtext {
938 font-family: 'FontAwesome', sans-serif;
939 text-decoration: none;
940 color: #FF0000;
941 font-size: 10pt;
943 /* Style for red font */
945 .de_identification_status_message{
946 width: 50%;
947 border:1px solid #0000FF;
950 .de_identification_input_controls_box{
951 width: 100%;
952 border:1px solid #0000FF;
955 .de_id_upgrade_login{
956 width: 40%;
957 border:1px solid Black;
958 background-color:#ffffff;
961 #navigation-slide, #navigation-slide *{
962 padding-left:1px;
963 margin-left:0px;
966 #navigation-slide li{
967 list-style:none;
970 #navigation-slide a{
971 background: #FFFFFF;
972 border-top: 0px solid #EAE6FF;
973 border-left:1pt solid black;
974 border-bottom:1pt solid black;
975 color: #000;
976 display: block;
977 padding: 5px 2px 5px 10px;
978 width: 150px;
981 #navigation-slide li a.collapsed{
983 color: #fff;
984 background: none repeat scroll 0% 0% #16558C;
987 #navigation-slide li a.expanded{
988 background: none repeat scroll 0% 0% rgb(22, 85, 140);
989 color: rgb(255, 255, 51);
992 #navigation-slide ul li a.collapsed_lv2{
993 background: none repeat scroll 0% 0% #FEF3CF;
996 #navigation-slide ul li a.expanded_lv2{
997 background: #999; /* for non-css3 browsers */
998 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fefdcf'); /* for IE */
999 background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#fefdcf)); /* for webkit browsers */
1000 background: -moz-linear-gradient(center top , #fefdcf,#fefdcf) repeat scroll 0% 0% transparent;
1001 background: none repeat scroll 0% 0% #fefdcf;
1003 body dl {
1004 background-color: #C9DBF2;
1005 border-bottom: 0.1pt solid black;
1006 -moz-box-shadow: 0 0 10px #000;
1007 -webkit-box-shadow: 0 0 10px #000;
1008 box-shadow: 0 0 10px #000;
1011 #sddm li
1012 { margin: 0;
1013 padding: 0;
1014 list-style: none;
1015 float:left;
1016 background: #C9DBF2; /* for non-css3 browsers */
1017 color:#000;
1020 #sddm li a
1021 { display: block;
1022 margin: 0 1px 0 0;
1023 padding: 4px 10px;
1024 color: #000;
1025 text-align:left;
1026 text-decoration: none;
1027 font-size: 0.8em;
1030 #sddm li a:hover
1032 background: #16558C;
1033 color:#ffffff;
1036 #sddm div
1038 position: absolute;
1039 visibility: hidden;
1040 background-color: #C9DBF2;
1041 box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
1042 min-width: 175px;
1043 border: 0.5pt solid gray;
1044 border-radius: 0px 5px 5px 5px;
1045 color: black;
1046 margin-top: 0px;
1047 padding-top: 3px;
1048 padding-left: 0px;
1049 padding-right: 0px;
1050 padding-bottom: 4px;
1051 z-index:20;
1054 #sddm div a
1056 position: relative;
1057 display: block;
1058 margin: 0.2em 0em;
1059 padding: 5px 10px;
1060 width: 170px;
1061 white-space:normal;
1062 text-align: left;
1063 text-decoration: none;
1064 background: #C9DBF2;;
1065 color: #000;
1066 font-size: 0.8em;
1067 font-weight:normal;
1070 #sddm div a:hover
1072 background: #16558C;
1073 color: #ffffff;
1075 #sddm td {
1076 border-top:0pt !important;
1078 .text-area{
1079 background-color:#FFFFFF;
1080 border:1px solid black;
1081 width:100%;
1082 height:100px;
1083 overflow:auto;
1084 text-align:left;
1086 .example_menu {
1087 font-size: 70%;
1088 list-style: none;
1089 margin: 0;
1090 padding: 0;
1091 vertical-align: top;
1092 width: 136px;
1094 .expand_all,
1095 .collapse_all {
1096 cursor: pointer;
1098 .example_menu ul {
1099 display: none;
1100 list-style: none;
1101 margin: 0;
1102 padding: 0;
1104 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1105 background-image: none;
1106 margin: 0;
1107 padding: 0;
1108 border-bottom:1px solid white;
1110 .example_menu ul ul {
1111 display: block;
1113 .example_menu a {
1114 color: #000;
1115 cursor: pointer;
1116 display: block;
1117 font-weight: bold;
1118 margin-left: 0;
1119 padding: 2px 2px 2px 17px;
1120 width: 160px;
1122 .example_menu a.expanded {
1123 background: #bbb url('collapse.gif') no-repeat 3px 50%;
1125 .example_menu a.collapsed {
1126 background: #bbb url('expand.gif') no-repeat 3px 50%;
1128 .example_menu a:hover {
1129 text-decoration: none;
1131 .example_menu ul li span {
1132 background: #d9d1a4;
1133 color: #000;
1134 display: block;
1135 font-weight: normal;
1136 width:100%;
1138 .example_menu ul a:Subjective {
1139 font-weight: normal;
1141 .example_menu ul a:hover {
1142 background : #f5f5f5;
1143 text-decoration: underline;
1145 .example_menu li.active a {
1146 background: #fff;
1148 .example_menu li.active li a {
1149 background: #e8e8e8;
1151 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1152 background: transparent url('footer.jpg') no-repeat 0 0;
1153 border-top: 2px solid #fff;
1154 height: 9px;
1155 line-height: 15px;
1156 margin: 0 0 10px 0;
1157 width: 131px;
1159 .example_menu .footer span {
1160 display: none;
1162 .cke_contents {
1163 height: 300px !important;
1166 /* Form styles */
1167 .formtable {
1168 font-size:13px;
1169 line-height: 24px;
1171 .formtable tr td {
1172 line-height: 24px;
1174 .report_search_bar{
1175 background-color:#EADDB4;
1178 /* error message = new validation */
1179 .error-message{
1180 color:red;
1181 display:block;
1182 white-space: nowrap;
1183 font-weight: normal;
1184 font-size: 11px;
1186 .error-border{
1187 border: 1px solid red;
1190 .tinylogocontainer
1192 display: inline-block;
1193 border: none;
1196 .tinylogopng
1198 display: inline-block;
1199 width: 44px;
1200 height: 22px;
1203 /* flow board filters*/
1204 #flow_board_parameters{
1205 margin: 25px auto;
1206 background-color: #ececec;
1208 #flow_board_parameters td{
1209 padding: 10px;
1211 #flow_board_parameters table {
1212 border: solid 1px;
1213 width: 100%;
1214 border-collapse: collapse;
1216 #theform table table {
1217 background: #FFF;
1218 color: #333;
1219 display: block;
1220 padding: 8px;
1221 text-decoration: none;
1222 border-radius: 8px;
1223 border:1pt solid black;
1224 box-shadow: 2px 2px 2px #c0c0c0;
1226 #theform th ul li {
1227 top: .375em;
1229 #pattrk {
1230 background: #FFF;
1231 color: #333;
1232 display: block;
1233 padding: 8px;
1234 text-decoration: none;
1235 border-radius: 8px;
1236 border:1pt solid black;
1237 box-shadow: 2px 2px 2px #c0c0c0;
1239 #refreshme {
1240 font-size:0.7em;
1242 #setting_cog {
1243 font-size:0.7em;
1247 /* ------- Therapy groups styling --------- */
1248 .group-row{
1249 margin-top: 15px;
1251 .container-group{
1252 margin-top: auto;
1254 .group-error-msg{
1255 color: #ff6643;
1257 .group-success-msg{
1258 color: #4c8029;
1261 #component-border{
1262 margin-bottom: 20px;
1263 border: 1px solid #2672ec;
1264 width: 100%;
1265 min-height: 150px;
1266 padding: 10px;
1268 #main-component ul{
1270 .float-right{
1271 float: right;
1273 .rtl .float-right{
1274 float: left;
1277 table.dataTable#therapy_groups_list tbody td{
1278 padding-left: 20px;
1279 padding-right: 20px;
1280 font-size: 15px;
1283 .therapy_group #therapy_groups_list_container{
1284 margin-top: initial;
1285 width: initial;
1288 .therapy_group #therapy_groups_list_container input[type = "text"]{
1289 border-color: #ccc;
1292 .therapy_group #therapy_groups_list_container input[type=number] {
1293 -moz-appearance:textfield;
1296 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1297 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1298 -webkit-appearance: none;
1299 margin: 0;
1302 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1303 background-color: #ef3935;
1304 font-size: 15px;
1305 padding: 2px 10px;
1308 .therapy_group .delete_btn a{
1309 text-decoration: none;
1310 color: white;
1313 .therapy_group #therapy_groups_list_container .failed_message{
1314 font-size: 15px;
1316 #updateParticipants{
1317 position: relative;
1320 #addParticipant{
1321 position: absolute;
1322 right: 0px;
1323 z-index: 100;
1325 #add-participant-form{
1326 transition: max-height 1s ease-out;
1327 max-height: 0;
1328 overflow: hidden;
1330 .showAddForm{
1331 max-height: 250px !important;
1333 .groups-error-msg{
1334 color: #ff542d;
1335 font-size: 1.3em;
1336 padding: 8px;
1337 text-align: center;
1340 .therapy_group .event_details{
1341 font-size: 14px;
1344 #add_participant{
1345 margin-bottom: 20px;
1346 margin-left: 10px;
1349 #add_participant .patient_wrap,
1350 #add_participant .comment_wrap,
1351 #add_participant .button_wrap{
1352 margin-top: 7px;
1355 #add_participant .patient_wrap,
1356 #add_participant .comment_wrap {
1357 display: inline-block;
1360 #add_participant .button_wrap input{
1361 float: none;
1362 display: inline-block;
1365 #add_participant_element .input_label{
1366 display: block;
1369 #add_participant_element .error_wrap .error{
1370 color: red;
1373 #group_attendance_form_table tbody td{
1374 text-align: center;
1378 #file_type_whitelist .subject-black-list,
1379 #file_type_whitelist .subject-white-list {
1381 display: inline-block;
1382 width: 420px;
1383 float: left;
1386 #file_type_whitelist{
1387 height: 400px;
1388 padding: 10px;
1390 #white-list, #black-list{
1391 margin: 10px;
1392 padding: 10px;
1394 width: 400px;
1396 #file_type_whitelist select {
1397 height: 250px;
1398 padding: 0;
1400 #file_type_whitelist option {
1401 padding: 4px 10px 4px 10px;
1404 #file_type_whitelist option:hover {
1405 background: #EEEEEE;
1408 #file_type_whitelist .subject-info-arrows {
1410 display: inline-block;
1411 width: 58px;
1412 margin: 130px 30px 30px 30px;
1413 float: left;
1415 #file_type_whitelist .subject-info-save{
1416 width: 60px;
1417 margin: 170px 30px 30px 30px;
1418 float: left;
1421 #file_type_whitelist input[type=button]{
1422 float: none !important;
1423 width: 63px;
1425 #file_type_whitelist #add-manually{
1426 display: inline-block
1428 #file_type_whitelist #add-manually-input{
1429 width: 190px;
1431 #file_type_whitelist .top-list{
1432 margin: 20px 20px 2px 20px;
1436 .btn-default {
1437 color: #444444 !important;
1440 .btn-link {
1441 color: #444444 !important;