707f52ddc230bfa9216ea4f01a490eb406ba2437
[openemr.git] / library / css / edi_history.css
blob707f52ddc230bfa9216ea4f01a490eb406ba2437
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 p.text {
51 width:80%;
52 text-align:left;
53 font-family: serif;
54 font-size: medium;
55 background-color: #ede9c0;
58 * to show log file
59 * http://dean.resplace.net/blog/2011/08/jquery-tabs-iframes/
60 */
61 ol.logview {
62 background: none repeat scroll 0 0 #f7f7f7;
63 border: 1px solid #999999;
64 border-radius: 8px 8px 8px 8px;
65 box-shadow: 0 2px 4px #999999;
66 color: #333333;
67 font-family: MonoSpace,MonoSpace;
68 font-size: 11px;
69 line-height: 1.4;
70 margin: 0 0 20px;
71 max-height: 400px;
72 overflow: auto;
73 padding: 10px;
74 position: relative;
76 ol.logview li {
77 background-color: #f5efdB;
78 overflow: auto;
81 * ibr-ebr file listings for process csv output
84 table.ibr_ebr {
85 font-size: medium;
86 background-color: #9dc1d2;
87 width: 800px;
88 border-collapse: collapse;
89 border: 1px solid #000;
90 empty-cells: show;
92 table.ibr_ebr caption {
93 padding: 2px 10px;
94 text-align: left;
95 font-weight: bold;
96 font-size: medium;
97 background-color: #9dc1d2;
98 border: 1px solid #000;
100 table.ibr_ebr th {
101 padding: 5px;
102 background-color: #9dc1d2;
104 table.ibr_ebr td {
105 color: #000000;
106 padding: 3px;
108 table.ibr_ebr td.reject {
109 color: #a40808;
110 font-weight: bold;
111 padding: 3px;
113 table.ibr_ebr tr.odd td {
114 background-color: #c6d8db;
116 table.ibr_ebr tr.even td {
117 background-color: #a3d6e0;
119 table.ibr_ebr tr.fodd td {
120 background-color: #a3d8e0;
122 table.ibr_ebr tr.feven td {
123 background-color: #b7ebf3;
127 * dpr result in process new output
129 p.dpr_notice {
130 font-size: medium;
131 font-weight: bold;
132 text-align: Left;
133 background-color: #d1fded;
134 width: 800px;
135 border: 1px solid #000;
139 * dpr claims
141 table.ibr_dpr {
142 font-size: medium;
143 background-color: #d1fad0;
144 width: 800px;
145 border-collapse: collapse;
146 border: 1px solid #000;
147 empty-cells: show;
149 table.ibr_dpr caption {
150 padding: 2px 10px;
151 text-align: left;
152 font-weight: bold;
153 font-size: medium;
154 background-color: #d1fad0;
155 border: 1px solid #000;
157 table.ibr_dpr th {
158 padding: 5px;
159 background-color: #b5f1b4;
161 table.ibr_dpr td {
162 color: #000000;
163 padding: 3px;
165 table.ibr_dpr td.reject {
166 color: #a40808;
167 font-weight: bold;
168 padding: 3px;
170 table.ibr_dpr tr.odd td {
171 background-color: #d1fad0;
173 table.ibr_dpr tr.even td {
174 background-color: #d7f1d7;
176 table.ibr_dpr tr.fodd td {
177 background-color: #b2f4b0;
179 table.ibr_dpr tr.feven td {
180 background-color: #d6eed5;
184 * 277 file listings for process csv output
186 table.f277 {
187 font-size: medium;
188 background-color: #bcf8e7;
189 width: 800px;
190 border-collapse: collapse;
191 border: 1px solid #000;
192 empty-cells: show;
194 table.f277 caption {
195 padding: 2px 10px;
196 text-align: left;
197 font-weight: bold;
198 font-size: medium;
199 background-color: #bcf8e7;
200 border: 1px solid #000;
202 table.f277 th {
203 padding: 5px;
204 background-color: #7fcbbc;
206 table.f277 td {
207 color: #000000;
208 padding: 3px;
210 table.f277 td.reject {
211 color: #A40808;
212 padding: 3px;
214 table.f277 tr.odd td {
215 background-color: #bdd5d1;
217 table.f277 tr.even td {
218 background-color: #a3e0d7;
220 table.f277 tr.fodd td {
221 background-color: #a3e0d7;
223 table.f277 tr.feven td {
224 background-color: #b7f3e1;
228 * batch file listings for process csv output
230 table.batch {
231 font-size: medium;
232 background-color: #9fd7ad;
233 width: 800px;
234 border-collapse: collapse;
235 border: 1px solid #000;
236 empty-cells: show;
238 table.batch caption {
239 padding: 2px 10px;
240 text-align: left;
241 font-weight: bold;
242 font-size: medium;
243 background-color: #9fd7ad;
244 border: 1px solid #000;
246 table.batch th {
247 padding: 5px;
248 background-color: #9fd7ad;
250 table.batch td {
251 color: #000000;
252 padding: 3px;
254 table.batch tr.odd td {
255 background-color: #beddcd;
257 table.batch tr.even td {
258 background-color: #d4ebd9;
264 * 999 file listings for process csv output
266 table.f997 {
267 font-size: medium;
268 background-color: #bcdebb;
269 width: 800px;
270 border-collapse: collapse;
271 border: 1px solid #000;
272 empty-cells: show;
274 table.f997 caption {
275 padding: 2px 10px;
276 text-align: left;
277 font-weight: bold;
278 font-size: medium;
279 background-color: #d8a684;
280 border: 1px solid #000;
282 table.f997 th {
283 padding: 5px;
284 background-color: #e1cbbd;
286 table.f997 td {
287 color: #000000;
288 padding: 3px;
290 table.f997 tr.odd td {
291 background-color: #c5bdb7;
293 table.f997 tr.even td {
294 background-color: #eeb995;
300 * era file listings for process csv output
303 table.eracsv {
304 font-size: medium;
305 background-color: #acc3a5;
306 width: 800px;
307 border-collapse: collapse;
308 border: 1px solid #000;
309 empty-cells: show;
311 table.eracsv caption {
312 padding: 2px 10px;
313 text-align: left;
314 font-weight: bold;
315 font-size: medium;
316 background-color: #c5d7bf;
317 border: 1px solid #000;
319 table.eracsv th {
320 padding: 5px;
321 background-color: #7fcb7f;
323 table.eracsv td {
324 color: #000000;
325 padding: 3px;
327 table.eracsv tr.odd td {
328 background-color: #c2d1bc;
330 table.eracsv tr.even td {
331 background-color: #c1d6bc;
333 table.eracsv th.clperr {
334 padding: 5px;
335 background-color: #a9d4d2;
337 table.eracsv tr.fodd td {
338 background-color: #d6e7d2;
340 table.eracsv tr.feven td {
341 background-color: #c9e1c3;
345 * encounter record table
347 table.clmhist caption {
348 padding: 2px 10px;
349 text-align: left;
350 font-weight: bold;
351 font-size: 12px;
352 background-color: #A4E1C7;
353 border: 2px solid #007342;
355 table.clmhist tr.chhead {
356 padding: 5px;
357 font-weight: bold;
358 font-size: 12px;
359 background-color: #7FCBA9;
361 table.clmhist tr.chbatch td {
362 background-color: #D8E6DA;
364 table.clmhist tr.chf997 td {
365 background-color: #E2CCBD;
367 table.clmhist tr.chibr td {
368 background-color: #CAEFDC;
370 table.clmhist tr.chebr td {
371 background-color: #D0E1DE;
373 table.clmhist tr.chdpr td {
374 background-color: #C8EAE3;
376 table.clmhist tr.chf277 td {
377 background-color: #E1EFF2;
379 table.clmhist tr.ch835 td {
380 background-color: #D4EDCE;
384 * claim status response display
387 table.bht277 {
388 clear: both;
389 font-size: medium;
390 background-color: #BDD7DE;
391 border-collapse: collapse;
392 border: 1px solid #000;
393 empty-cells: show;
394 border: 1px solid #335399;
395 width: auto;
398 table.bht277 caption {
399 padding: 5px;
400 text-align: left;
401 font-weight: bold;
402 font-size: large;
403 background-color: #96C8D6;
404 border: 2px solid #000;
407 table.bht277 th {
408 padding: 3px;
409 background-color: #B3C5CA;
412 * border-right: [ <border-width> || <border-style> || <border-color> ]
414 table.bht277 tr.leva td {
415 background-color: #d7e5e8;
416 border-right: solid thin green;
418 table.bht277 tr.levb td {
419 background-color: #cbdaed;
420 border-right: solid thin green;
422 table.bht277 tr.levc td {
423 background-color: #c7e5e3;
424 border-right: solid thin green;
426 table.bht277 tr.levd td {
427 background-color: #d0e1df;
428 border-right: solid thin green;
430 table.bht277 tr.leve td {
431 background-color: #d0e3ee;
432 border-right: solid thin green;
436 * era summary RA
438 table.summaryRA {
439 background-color: #D8E0E0;
440 width: 640px;
441 border-collapse: collapse;
442 border: 1px solid #000;
443 empty-cells: show
445 table.summaryRA tr.summary td {
446 background-color: #97DFD9;
448 table.summaryRA tr.svccode td {
449 background-color: #BAD8DB;
450 padding: 4px;
451 vertical-align: top;
453 table.summaryRA td.denied {
454 color: #A40808;
455 font-weight: bold;
456 padding: 3px;
458 table.summaryRA caption {
459 padding: 2px 10px;
460 text-align: left;
461 font-weight: bold;
462 font-size: large;
463 background-color: #C0E8E7;
464 border: 2px solid #000;
468 * ibr/ebr/dpr message popup
470 p.ibrmsg {
471 background-color: #d4ddde;
472 margin: 1.6em 8px;
473 text-align: left;
474 font-size: medium;
478 * 997/999 status
480 p.ak999stat {
481 background-color: #eae1d0;
482 margin: 1.6em 8px;
483 text-align: left;
484 font-size: medium;
488 * css for the era Remittance Advice html output
489 * TO-DO figure out a scheme for print output
490 * possibly a start claim style e.g.
491 * table.era835 tbody.claimdetail {
492 * page-break-before: auto;
493 * }
495 table.era835 {
496 font-size: medium;
497 background-color: #F2E7CF;
498 width: 960px;
499 border-collapse: collapse;
500 border: 1px solid #000;
501 empty-cells: show;
503 table.era835 th {
504 padding: 5px;
505 background-color: #CFCCC5;
507 table.era835 td {
508 color: #000000;
509 padding: 3px;
511 table.era835 td.denied {
512 color: #A40808;
513 font-weight: bold;
514 padding: 3px;
516 table.era835 tr.bpr td {
517 background-color: #C0ECC9;
519 table.era835 tr.clp0 td {
520 background-color: #CBD7E3;
522 table.era835 tr.clp1 td {
523 background-color: #D5EACC;
525 table.era835 tr.clpd td {
526 background-color: #FCD1C5;
528 table.era835 tr.ts3 td {
529 background-color: #F2DEA3;
531 table.era835 tr.code td {
532 background-color: #F8DBC9;
534 table.era835 tr.plb td {
535 background-color: #97DFAA;
537 table.era835 tbody.eraclp {
538 border-top: 1px solid #000;
539 overflow: auto;
541 table.era835 tfoot {
542 border-top: 1px solid #000;
544 table.era835 caption {
545 padding: 2px;
546 text-align: left;
547 font-weight: bold;
548 font-size: large;
549 background-color: #D8F4DF;
550 border: 2px solid #000;
554 * files display, text files, monospace
558 div.filetext pre,code,kbd,samp,tt {
559 font-family: monospace,monospace;
560 font-size: 1em;
561 padding:1em 0;
562 margin-left:0.9em;
563 margin-bottom:2em;
564 background-color: #FDF5DB;
565 width: auto;
566 float: left
568 div.filetext code {
569 width: auto;
570 float: left
574 div.filetext ol {
575 font-family: sans-serif;
576 font-style: italic;
577 font-size: 1em;
578 background-color: #FCDE93;
579 width: auto;
582 div.filetext li {
583 padding-left: 0.2em;
584 margin-top: 0em;
585 margin-right: 1em;
586 margin-left: 2em;
587 margin-bottom: 0.1em;
588 background-color: #F5E8C7;
592 div.filetext ol p {
593 font-family: monospace,monospace;
594 font-style: normal;
595 margin: 1px;
596 font-size: 0.9em;
597 word-wrap: break-word;
598 display:inline-block;
600 /*overflow: break-word; */
603 div.filetext table.batchst thead {
604 font-family: monospace,monospace;
605 font-size: 1em;
606 border-width: thin;
609 div.filetext table.batchst tbody {
610 font-family: monospace,monospace;
611 font-size: 12px;
612 border-width: thin;
613 width: auto;
615 div.filetext table.batchst td.btloop {
616 font-family: sans-serif;
617 font-style: italic;
618 text-align: center;
619 padding: 1px 3px;
620 border-right-color: #9E948C;
621 background-color: #DDD8C4;
623 div.filetext table.batchst td.btseg {
624 border-color: #E5E1D1 #E5E1D1 #E5E1D1 #9E948C;
625 text-align: left;
626 padding: 1px 3px;
627 background-color: #EFE8D0;
631 * try to get smaller font sizes in the jquery-ui widgets
633 .ui-widget { font-size: 1em;
634 font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif;
636 .ui-widget .ui-widget { font-size: 0.9em; }
637 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif; font-size: 1em; }
640 /* ******************************************
641 * DataTables css -- copied and tweaked
642 * Page setup styles
646 div.csvcptn {
647 float: left;
648 margin: 3px 12px 3px 3px;
649 font-weight: bold;
650 font-size: 1.1em;
653 /* Table csvDisplay */
654 table.csvDisplay {
655 width: 100%;
656 clear: both;
659 table.csvDisplay td {
660 padding: 3px 10px;
661 border: 1px solid #C8C8C8;
664 table.csvDisplay thead th {
665 padding: 3px 0px 3px 10px;
666 cursor: pointer;
669 table.csvDisplay tfoot th {
670 padding: 3px 10px;
673 table.csvDisplay td.center,
674 table.csvDisplay td.csvDisplays_empty {
675 text-align: center;
678 table.csvDisplay tr.odd { background-color: #D7EDE8; }
679 table.csvDisplay tr.even { background-color: #B8EADF; }
681 table.csvDisplay tr.odd td.sorting_1 { background-color: #DEF4EB; }
682 table.csvDisplay tr.odd td.sorting_2 { background-color: #DBFCF1; }
683 table.csvDisplay tr.odd td.sorting_3 { background-color: #E0FFF1; }
684 table.csvDisplay tr.even td.sorting_1 { background-color: #BAE7D4; }
685 table.csvDisplay tr.even td.sorting_2 { background-color: #D9E8E3; }
686 table.csvDisplay tr.even td.sorting_3 { background-color: #D9E6E1; }
690 * Table wrapper
692 .dataTables_wrapper {
693 position: relative;
694 clear: both;
695 *zoom: 1;
697 .dataTables_wrapper .ui-widget-header {
698 font-weight: normal;
700 .dataTables_wrapper .ui-toolbar {
701 padding: 5px;
705 /* Page length menu */
706 .dataTables_length {
707 float: left;
710 /* Filter */
711 .dataTables_filter {
712 float: right;
713 text-align: right;
716 /* Table information */
717 .dataTables_info {
718 padding-top: 3px;
719 clear: both;
720 float: left;
723 /* Pagination */
724 .dataTables_paginate {
725 float: right;
726 text-align: right;
729 .dataTables_paginate .ui-button {
730 margin-right: -0.1em !important;
733 .paging_two_button .ui-button {
734 float: left;
735 cursor: pointer;
738 .paging_full_numbers .ui-button {
739 padding: 2px 6px;
740 margin: 0;
741 cursor: pointer;
742 * cursor: hand;
743 color: #333 !important;
746 /* Two button pagination - previous / next */
747 .paginate_disabled_previous,
748 .paginate_enabled_previous,
749 .paginate_disabled_next,
750 .paginate_enabled_next {
751 height: 19px;
752 float: left;
753 cursor: pointer;
754 color: #111 !important;
756 .paginate_disabled_previous:hover,
757 .paginate_enabled_previous:hover,
758 .paginate_disabled_next:hover,
759 .paginate_enabled_next:hover {
760 text-decoration: none !important;
762 .paginate_disabled_previous:active,
763 .paginate_enabled_previous:active,
764 .paginate_disabled_next:active,
765 .paginate_enabled_next:active {
766 outline: none;
769 .paginate_disabled_previous,
770 .paginate_disabled_next {
771 color: #666 !important;
773 .paginate_disabled_previous,
774 .paginate_enabled_previous {
775 padding-left: 23px;
777 .paginate_disabled_next,
778 .paginate_enabled_next {
779 padding-right: 23px;
780 margin-left: 10px;
783 .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
784 .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
785 .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
787 .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
788 .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
789 .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
791 /* Full number pagination */
792 .paging_full_numbers a:active {
793 outline: none
795 .paging_full_numbers a:hover {
796 text-decoration: none;
799 .paging_full_numbers a.paginate_button,
800 .paging_full_numbers a.paginate_active {
801 border: 1px solid #AAAAAA;
802 -webkit-border-radius: 5px;
803 -moz-border-radius: 5px;
804 border-radius: 5px;
805 padding: 2px 5px;
806 margin: 0 3px;
807 cursor: pointer;
808 color: #333 !important;
811 .paging_full_numbers a.paginate_button {
812 background-color: #DDDDDD;
815 .paging_full_numbers a.paginate_button:hover {
816 background-color: #CCCCCC;
817 text-decoration: none !important;
820 .paging_full_numbers a.paginate_active {
821 background-color: #99B3FF;
826 * Processing indicator
828 .dataTables_processing {
829 position: absolute;
830 top: 50%;
831 left: 50%;
832 width: 250px;
833 height: 30px;
834 margin-left: -125px;
835 margin-top: -15px;
836 padding: 14px 0 2px 0;
837 border: 1px solid #ddd;
838 text-align: center;
839 color: #999;
840 font-size: 14px;
841 background-color: white;
845 /* Sorting */
846 table.csvDisplay thead th div.DataTables_sort_wrapper {
847 position: relative;
848 padding-right: 20px;
849 padding-right: 20px;
852 table.csvDisplay thead th div.DataTables_sort_wrapper span {
853 position: absolute;
854 top: 50%;
855 margin-top: -8px;
856 right: 0;
859 table.csvDisplay th:active {
860 outline: none;
863 /* Scrolling */
864 .dataTables_scroll {
865 clear: both;
868 .dataTables_scrollBody {
869 *margin-top: -1px;
870 -webkit-overflow-scrolling: touch;