edihistory -- outline selected row in csvTables tab
[openemr.git] / library / css / edi_history.css
blob1e0a3aa76dd6feeaa60102ba9f77634daaf96e1e
1 /**
2 * edi_history.css
3 *
4 * Copyright 2012 Kevin McCormick Longview, Texas
5 *
6 *
7 * This program is distributed in the hope that it will be useful,
8 * but WITHOUT ANY WARRANTY; without even the implied warranty of
9 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
10 * GNU General Public License for more details.
12 * This program is free software; you can redistribute it and/or modify
13 * it under the terms of the GNU General Public License as published by
14 * the Free Software Foundation; version 3 or later. You should have
15 * received a copy of the GNU General Public License along with this program;
16 * if not, write to the Free Software Foundation, Inc.,
17 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
18 * <http://opensource.org/licenses/gpl-license.php>
20 * css styles for edi claim history project
22 * @author Kevin McCormick
23 * @link: http://www.open-emr.org
24 * @package OpenEMR
25 * @subpackage ediHistory
29 @media only screen and (max-width: 768px) {
30 #turnover, tr td:nth-child(9) { display:none; visibility:hidden; }
33 @media only screen and (max-width: 420px) {
34 #changepercent, tr td:nth-child(4) { display:none; visibility:hidden; }
35 #yhigh, tr td:nth-child(5) { display:none; visibility:hidden; }
36 #ylow, tr td:nth-child(6) { display:none; visibility:hidden; }
37 #turnover, tr td:nth-child(9) { display:none; visibility:hidden; }
40 @media only screen and (max-width: 320px) {
41 #changepercent, tr td:nth-child(4) { display:none; visibility:hidden; }
42 #yhigh, tr td:nth-child(5) { display:none; visibility:hidden; }
43 #ylow, tr td:nth-child(6) { display:none; visibility:hidden; }
44 #dhigh, tr td:nth-child(7) { display:none; visibility:hidden; }
45 #dlow, tr td:nth-child(8) { display:none; visibility:hidden; }
46 #turnover, tr td:nth-child(9) { display:none; visibility:hidden; }
50 @media print
52 table.era835 thead { display:table-header-group }
53 table.era835 tfoot { display:table-footer-group }
54 table.era835 tbody.eraclp { page-break-inside:avoid; page-break-after:auto }
57 p.text {
58 width:80%;
59 text-align:left;
60 font-family: serif;
61 font-size: medium;
62 background-color: #ede9c0;
65 * to show log file
66 * http://dean.resplace.net/blog/2011/08/jquery-tabs-iframes/
67 */
68 ol.logview {
69 background: none repeat scroll 0 0 #f7f7f7;
70 border: 1px solid #999999;
71 border-radius: 8px 8px 8px 8px;
72 box-shadow: 0 2px 4px #999999;
73 color: #333333;
74 font-family: MonoSpace,MonoSpace;
75 font-size: 11px;
76 line-height: 1.4;
77 margin: 0 0 20px;
78 max-height: 400px;
79 overflow: auto;
80 padding: 10px;
81 position: relative;
83 ol.logview li {
84 background-color: #f5efdB;
85 overflow: auto;
88 * ibr-ebr file listings for process csv output
91 table.ibr_ebr {
92 font-size: medium;
93 background-color: #9dc1d2;
94 width: 800px;
95 border-collapse: collapse;
96 border: 1px solid #000;
97 empty-cells: show;
99 table.ibr_ebr caption {
100 padding: 2px 10px;
101 text-align: left;
102 font-weight: bold;
103 font-size: medium;
104 background-color: #9dc1d2;
105 border: 1px solid #000;
107 table.ibr_ebr th {
108 padding: 5px;
109 background-color: #9dc1d2;
111 table.ibr_ebr td {
112 color: #000000;
113 padding: 3px;
115 table.ibr_ebr td.reject {
116 color: #a40808;
117 font-weight: bold;
118 padding: 3px;
120 table.ibr_ebr tr.odd td {
121 background-color: #c6d8db;
123 table.ibr_ebr tr.even td {
124 background-color: #a3d6e0;
126 table.ibr_ebr tr.fodd td {
127 background-color: #a3d8e0;
129 table.ibr_ebr tr.feven td {
130 background-color: #b7ebf3;
134 * dpr result in process new output
136 p.dpr_notice {
137 font-size: medium;
138 font-weight: bold;
139 text-align: Left;
140 background-color: #d1fded;
141 width: 800px;
142 border: 1px solid #000;
146 * dpr claims
148 table.ibr_dpr {
149 font-size: medium;
150 background-color: #d1fad0;
151 width: 800px;
152 border-collapse: collapse;
153 border: 1px solid #000;
154 empty-cells: show;
156 table.ibr_dpr caption {
157 padding: 2px 10px;
158 text-align: left;
159 font-weight: bold;
160 font-size: medium;
161 background-color: #d1fad0;
162 border: 1px solid #000;
164 table.ibr_dpr th {
165 padding: 5px;
166 background-color: #b5f1b4;
168 table.ibr_dpr td {
169 color: #000000;
170 padding: 3px;
172 table.ibr_dpr td.reject {
173 color: #a40808;
174 font-weight: bold;
175 padding: 3px;
177 table.ibr_dpr tr.odd td {
178 background-color: #d1fad0;
180 table.ibr_dpr tr.even td {
181 background-color: #d7f1d7;
183 table.ibr_dpr tr.fodd td {
184 background-color: #b2f4b0;
186 table.ibr_dpr tr.feven td {
187 background-color: #d6eed5;
191 * 277 file listings for process csv output
193 table.f277 {
194 font-size: medium;
195 background-color: #bcf8e7;
196 width: 800px;
197 border-collapse: collapse;
198 border: 1px solid #000;
199 empty-cells: show;
201 table.f277 caption {
202 padding: 2px 10px;
203 text-align: left;
204 font-weight: bold;
205 font-size: medium;
206 background-color: #bcf8e7;
207 border: 1px solid #000;
209 table.f277 th {
210 padding: 5px;
211 background-color: #7fcbbc;
213 table.f277 td {
214 color: #000000;
215 padding: 3px;
217 table.f277 td.reject {
218 color: #A40808;
219 padding: 3px;
221 table.f277 tr.odd td {
222 background-color: #bdd5d1;
224 table.f277 tr.even td {
225 background-color: #a3e0d7;
227 table.f277 tr.fodd td {
228 background-color: #a3e0d7;
230 table.f277 tr.feven td {
231 background-color: #b7f3e1;
235 * batch file listings for process csv output
237 table.batch {
238 font-size: medium;
239 background-color: #9fd7ad;
240 width: 800px;
241 border-collapse: collapse;
242 border: 1px solid #000;
243 empty-cells: show;
245 table.batch caption {
246 padding: 2px 10px;
247 text-align: left;
248 font-weight: bold;
249 font-size: medium;
250 background-color: #9fd7ad;
251 border: 1px solid #000;
253 table.batch th {
254 padding: 5px;
255 background-color: #9fd7ad;
257 table.batch td {
258 color: #000000;
259 padding: 3px;
261 table.batch tr.odd td {
262 background-color: #beddcd;
264 table.batch tr.even td {
265 background-color: #d4ebd9;
271 * 999 file listings for process csv output
273 table.f997 {
274 font-size: medium;
275 background-color: #bcdebb;
276 width: 800px;
277 border-collapse: collapse;
278 border: 1px solid #000;
279 empty-cells: show;
281 table.f997 caption {
282 padding: 2px 10px;
283 text-align: left;
284 font-weight: bold;
285 font-size: medium;
286 background-color: #d8a684;
287 border: 1px solid #000;
289 table.f997 th {
290 padding: 5px;
291 background-color: #e1cbbd;
293 table.f997 td {
294 color: #000000;
295 padding: 3px;
297 table.f997 tr.odd td {
298 background-color: #c5bdb7;
300 table.f997 tr.even td {
301 background-color: #eeb995;
307 * era file listings for process csv output
310 table.eracsv {
311 font-size: medium;
312 background-color: #acc3a5;
313 width: 800px;
314 border-collapse: collapse;
315 border: 1px solid #000;
316 empty-cells: show;
318 table.eracsv caption {
319 padding: 2px 10px;
320 text-align: left;
321 font-weight: bold;
322 font-size: medium;
323 background-color: #c5d7bf;
324 border: 1px solid #000;
326 table.eracsv th {
327 padding: 5px;
328 background-color: #7fcb7f;
330 table.eracsv td {
331 color: #000000;
332 padding: 3px;
334 table.eracsv tr.odd td {
335 background-color: #c2d1bc;
337 table.eracsv tr.even td {
338 background-color: #c1d6bc;
340 table.eracsv th.clperr {
341 padding: 5px;
342 background-color: #a9d4d2;
344 table.eracsv tr.fodd td {
345 background-color: #d6e7d2;
347 table.eracsv tr.feven td {
348 background-color: #c9e1c3;
352 * encounter record table
354 table.clmhist caption {
355 padding: 2px 10px;
356 text-align: left;
357 font-weight: bold;
358 font-size: 12px;
359 background-color: #A4E1C7;
360 border: 2px solid #007342;
362 table.clmhist tr.chhead {
363 padding: 5px;
364 font-weight: bold;
365 font-size: 12px;
366 background-color: #7FCBA9;
368 table.clmhist tr.chbatch td {
369 background-color: #D8E6DA;
371 table.clmhist tr.chf997 td {
372 background-color: #E2CCBD;
374 table.clmhist tr.chibr td {
375 background-color: #CAEFDC;
377 table.clmhist tr.chebr td {
378 background-color: #D0E1DE;
380 table.clmhist tr.chdpr td {
381 background-color: #C8EAE3;
383 table.clmhist tr.chf277 td {
384 background-color: #E1EFF2;
386 table.clmhist tr.ch835 td {
387 background-color: #D4EDCE;
391 * claim status response display
394 table.bht277 {
395 clear: both;
396 font-size: medium;
397 background-color: #BDD7DE;
398 border-collapse: collapse;
399 border: 1px solid #000;
400 empty-cells: show;
401 border: 1px solid #335399;
402 width: auto;
405 table.bht277 caption {
406 padding: 5px;
407 text-align: left;
408 font-weight: bold;
409 font-size: large;
410 background-color: #96C8D6;
411 border: 2px solid #000;
414 table.bht277 th {
415 padding: 3px;
416 background-color: #B3C5CA;
419 * border-right: [ <border-width> || <border-style> || <border-color> ]
421 table.bht277 tr.leva td {
422 background-color: #d7e5e8;
423 border-right: solid thin green;
425 table.bht277 tr.levb td {
426 background-color: #cbdaed;
427 border-right: solid thin green;
429 table.bht277 tr.levc td {
430 background-color: #c7e5e3;
431 border-right: solid thin green;
433 table.bht277 tr.levd td {
434 background-color: #d0e1df;
435 border-right: solid thin green;
437 table.bht277 tr.leve td {
438 background-color: #d0e3ee;
439 border-right: solid thin green;
443 * era summary RA
445 table.summaryRA {
446 background-color: #D8E0E0;
447 width: 640px;
448 border-collapse: collapse;
449 border: 1px solid #000;
450 empty-cells: show
452 table.summaryRA tr.summary td {
453 background-color: #97DFD9;
455 table.summaryRA tr.svccode td {
456 background-color: #BAD8DB;
457 padding: 4px;
458 vertical-align: top;
460 table.summaryRA td.denied {
461 color: #A40808;
462 font-weight: bold;
463 padding: 3px;
465 table.summaryRA caption {
466 padding: 2px 10px;
467 text-align: left;
468 font-weight: bold;
469 font-size: large;
470 background-color: #C0E8E7;
471 border: 2px solid #000;
475 * ibr/ebr/dpr message popup
477 p.ibrmsg {
478 background-color: #d4ddde;
479 margin: 1.6em 8px;
480 text-align: left;
481 font-size: medium;
485 * 997/999 status
487 p.ak999stat {
488 background-color: #eae1d0;
489 margin: 1.6em 8px;
490 text-align: left;
491 font-size: medium;
495 * css for the era Remittance Advice html output
496 * TO-DO figure out a scheme for print output
497 * possibly a start claim style e.g.
498 * table.era835 tbody.claimdetail {
499 * page-break-before: auto;
500 * }
502 table.era835 {
503 font-size: medium;
504 background-color: #F2E7CF;
505 width: 960px;
506 border-collapse: collapse;
507 border: 1px solid #000;
508 empty-cells: show;
510 table.era835 th {
511 padding: 5px;
512 background-color: #CFCCC5;
514 table.era835 td {
515 color: #000000;
516 padding: 3px;
518 table.era835 td.denied {
519 color: #A40808;
520 font-weight: bold;
521 padding: 3px;
523 table.era835 tr.bpr td {
524 background-color: #C0ECC9;
526 table.era835 tr.clp0 td {
527 background-color: #CBD7E3;
529 table.era835 tr.clp1 td {
530 background-color: #D5EACC;
532 table.era835 tr.clpd td {
533 background-color: #FCD1C5;
535 table.era835 tr.ts3 td {
536 background-color: #F2DEA3;
538 table.era835 tr.code td {
539 background-color: #F8DBC9;
541 table.era835 tr.plb td {
542 background-color: #97DFAA;
544 table.era835 tbody.eraclp {
545 border-top: 1px solid #000;
546 overflow: auto;
548 table.era835 tfoot {
549 border-top: 1px solid #000;
551 table.era835 caption {
552 padding: 2px;
553 text-align: left;
554 font-weight: bold;
555 font-size: large;
556 background-color: #D8F4DF;
557 border: 2px solid #000;
561 * files display, text files, monospace
564 div.filetext {
565 font-family: sans-serif;
566 background-color: #FDF5DB;
567 width: auto;
568 clear:both;
571 div.filetext pre,code,kbd,samp,tt {
572 font-family: monospace,monospace;
573 font-size: 1em;
574 padding:1em 0;
575 margin-left:0.9em;
576 margin-bottom:2em;
577 background-color: #FDF5DB;
578 width: auto;
579 float: left
581 div.filetext code {
582 width: auto;
583 float: left
586 div.filetext ol {
587 font-family: sans-serif;
588 font-style: italic;
589 font-size: 1em;
590 background-color: #FCDE93;
591 width: auto;
594 div.filetext li {
595 padding-left: 0.2em;
596 margin-top: 0em;
597 margin-right: 1em;
598 margin-left: 2em;
599 margin-bottom: 0.1em;
600 background-color: #F5E8C7;
604 div.filetext ol p {
605 font-family: monospace,monospace;
606 font-style: normal;
607 margin: 1px;
608 font-size: 0.9em;
609 word-wrap: break-word;
610 display:inline-block;
612 /*overflow: break-word; */
615 div.filetext table.batchst caption {
616 font-family: sans-serif;
617 padding: 4px;
618 text-align: left;
619 font-weight: bold;
620 font-size: large;
623 div.filetext table.batchst thead {
624 font-family: monospace,monospace;
625 font-size: medium;
626 border-width: thin;
629 div.filetext table.batchst tbody {
630 font-family: monospace,monospace;
631 font-size: medium;
632 border-width: thin;
633 width: auto;
635 div.filetext table.batchst td.btloop {
636 font-family: sans-serif;
637 font-style: italic;
638 text-align: center;
639 padding: 1px 3px;
640 border-right-color: #9E948C;
641 background-color: #DDD8C4;
643 div.filetext table.batchst td.btseg {
644 border-color: #E5E1D1 #E5E1D1 #E5E1D1 #9E948C;
645 text-align: left;
646 padding: 1px 3px;
647 background-color: #EFE8D0;
651 * try to get smaller font sizes in the jquery-ui widgets
653 .ui-widget { font-size: 1em;
654 font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif;
656 .ui-widget .ui-widget { font-size: 0.9em; }
657 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif; font-size: 1em; }
660 /* ******************************************
661 * DataTables css -- copied and tweaked
662 * Page setup styles
666 div.csvcptn {
667 float: left;
668 margin: 3px 12px 3px 3px;
669 font-weight: bold;
670 font-size: 1.1em;
673 /* Table csvDisplay */
674 .outlinetr { outline: 1px solid #09450f }
676 table.csvDisplay {
677 width: 100%;
678 clear: both;
681 table.csvDisplay td {
682 padding: 3px 10px;
683 border: 1px solid #C8C8C8;
686 table.csvDisplay thead th {
687 padding: 3px 0px 3px 10px;
688 cursor: pointer;
691 table.csvDisplay tfoot th {
692 padding: 3px 10px;
695 table.csvDisplay td.center,
696 table.csvDisplay td.csvDisplays_empty {
697 text-align: center;
700 table.csvDisplay tr.odd { background-color: #D7EDE8; }
701 table.csvDisplay tr.even { background-color: #B8EADF; }
703 table.csvDisplay tr.odd td.sorting_1 { background-color: #DEF4EB; }
704 table.csvDisplay tr.odd td.sorting_2 { background-color: #DBFCF1; }
705 table.csvDisplay tr.odd td.sorting_3 { background-color: #E0FFF1; }
706 table.csvDisplay tr.even td.sorting_1 { background-color: #BAE7D4; }
707 table.csvDisplay tr.even td.sorting_2 { background-color: #D9E8E3; }
708 table.csvDisplay tr.even td.sorting_3 { background-color: #D9E6E1; }
712 * Table wrapper
714 .dataTables_wrapper {
715 position: relative;
716 clear: both;
717 *zoom: 1;
719 .dataTables_wrapper .ui-widget-header {
720 font-weight: normal;
722 .dataTables_wrapper .ui-toolbar {
723 padding: 5px;
727 /* Page length menu */
728 .dataTables_length {
729 float: left;
732 /* Filter */
733 .dataTables_filter {
734 float: right;
735 text-align: right;
738 /* Table information */
739 .dataTables_info {
740 padding-top: 3px;
741 clear: both;
742 float: left;
745 /* Pagination */
746 .dataTables_paginate {
747 float: right;
748 text-align: right;
751 .dataTables_paginate .ui-button {
752 margin-right: -0.1em !important;
755 .paging_two_button .ui-button {
756 float: left;
757 cursor: pointer;
760 .paging_full_numbers .ui-button {
761 padding: 2px 6px;
762 margin: 0;
763 cursor: pointer;
764 * cursor: hand;
765 color: #333 !important;
768 /* Two button pagination - previous / next */
769 .paginate_disabled_previous,
770 .paginate_enabled_previous,
771 .paginate_disabled_next,
772 .paginate_enabled_next {
773 height: 19px;
774 float: left;
775 cursor: pointer;
776 color: #111 !important;
778 .paginate_disabled_previous:hover,
779 .paginate_enabled_previous:hover,
780 .paginate_disabled_next:hover,
781 .paginate_enabled_next:hover {
782 text-decoration: none !important;
784 .paginate_disabled_previous:active,
785 .paginate_enabled_previous:active,
786 .paginate_disabled_next:active,
787 .paginate_enabled_next:active {
788 outline: none;
791 .paginate_disabled_previous,
792 .paginate_disabled_next {
793 color: #666 !important;
795 .paginate_disabled_previous,
796 .paginate_enabled_previous {
797 padding-left: 23px;
799 .paginate_disabled_next,
800 .paginate_enabled_next {
801 padding-right: 23px;
802 margin-left: 10px;
805 .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
806 .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
807 .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
809 .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
810 .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
811 .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
813 /* Full number pagination */
814 .paging_full_numbers a:active {
815 outline: none
817 .paging_full_numbers a:hover {
818 text-decoration: none;
821 .paging_full_numbers a.paginate_button,
822 .paging_full_numbers a.paginate_active {
823 border: 1px solid #AAAAAA;
824 -webkit-border-radius: 5px;
825 -moz-border-radius: 5px;
826 border-radius: 5px;
827 padding: 2px 5px;
828 margin: 0 3px;
829 cursor: pointer;
830 color: #333 !important;
833 .paging_full_numbers a.paginate_button {
834 background-color: #DDDDDD;
837 .paging_full_numbers a.paginate_button:hover {
838 background-color: #CCCCCC;
839 text-decoration: none !important;
842 .paging_full_numbers a.paginate_active {
843 background-color: #99B3FF;
848 * Processing indicator
850 .dataTables_processing {
851 position: absolute;
852 top: 50%;
853 left: 50%;
854 width: 250px;
855 height: 30px;
856 margin-left: -125px;
857 margin-top: -15px;
858 padding: 14px 0 2px 0;
859 border: 1px solid #ddd;
860 text-align: center;
861 color: #999;
862 font-size: 14px;
863 background-color: white;
867 /* Sorting */
868 table.csvDisplay thead th div.DataTables_sort_wrapper {
869 position: relative;
870 padding-right: 20px;
871 padding-right: 20px;
874 table.csvDisplay thead th div.DataTables_sort_wrapper span {
875 position: absolute;
876 top: 50%;
877 margin-top: -8px;
878 right: 0;
881 table.csvDisplay th:active {
882 outline: none;
885 /* Scrolling */
886 .dataTables_scroll {
887 clear: both;
890 .dataTables_scrollBody {
891 *margin-top: -1px;
892 -webkit-overflow-scrolling: touch;