4 * Copyright 2016 Kevin McCormick Carrollton, Texas
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
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; }
52 .noPrint {display:none
;}
53 table
.era835 thead
{ display:table-header-group
}
54 table
.era835 tfoot
{ display:table-footer-group
}
55 table
.era835 tbody
.eraclp
{ page-break-inside:avoid
; page-break-after:auto
}
61 * tables -- processed files html
65 * text -- x12 segments display
67 * -- uploaded files list
69 * jquery ui -- tabs, dialogs
76 text-decoration: none
;
78 table#csvTable
a:visited
{
81 table#csvTable
a:hover
{
90 border-color: #BFD4E3;
94 /* **** upload lists box-sizing: content-box; ** */
103 background-color: #CAD8DA;
105 border-width: 6px, 2px, 6px, 2px;
106 border-color: #CAD8DA;
116 background-color: #ABF0CB;
118 border-width: 6px, 2px, 6px, 2px;
119 border-color: #ABF0CB;
121 ul
.fupl
{ list-style-type: none
;
125 /* ***** process class dl.process padding: 10px; border: none; margin: 2px;*******/
127 max-width: fit-content
;
128 background-color: #B7CBD0;
131 div#processed
* { box-sizing: border-box
; }
136 vertical-align: middle
;
137 background-color: #CADFDD;
139 border-collapse: collapse
;
153 padding: 2px 4px 2px 4px;
161 padding: 2px 4px 2px 4px;
165 dl
.f837
{ background-color: #B5D4CC; }
166 dl
.f837
> dt
.fodd
{ background-color: #C6DAD5;}
167 dl
.f837
> dt
.feven
{ background-color: #BDC1C0; }
168 dl
.f837
> dd
.codd
{ background-color: #B4DED3; }
169 dl
.f837
> dd
.ceven
{ background-color: #A8CDC4; }
171 dl
.f997
{ background-color: #E2DBCC; }
172 dl
.f997
> dt
.fodd
{ background-color: #EFE1C2; }
173 dl
.f997
> dt
.feven
{ background-color: #DFD2B6; }
174 dl
.f997
> dd
.codd
{ background-color: #E7E5E1; }
175 dl
.f997
> dd
.ceven
{ background-color: #E2DBCC; }
177 dl
.f835
{ background-color: #D2E6E0; }
178 dl
.f835
> dt
.fodd
{ background-color: #DADADA; }
179 dl
.f835
> dt
.feven
{ background-color: #D4EAE4; }
180 dl
.f835
> dd
.codd
{ background-color: #CDDED9; }
181 dl
.f835
> dd
.ceven
{ background-color: #E7ECEB; }
183 dl
.f270
{ background-color: #C0D9DA; }
184 dl
.f270
> dt
.fodd
{ background-color: #C6D8D8; }
185 dl
.f270
> dt
.feven
{ background-color: #ACCCCA; }
186 dl
.f270
> dd
.codd
{ background-color: #B4D9DB; }
187 dl
.f270
> dd
.ceven
{ background-color: #C1E5E7; }
189 dl
.f271
{ background-color: #C0DDDD; }
190 dl
.f271
> dt
.fodd
{ background-color: #CDCFCF; }
191 dl
.f271
> dt
.feven
{ background-color: #C4E5E5; }
192 dl
.f271
> dd
.codd
{ background-color: #BFD0D0; }
193 dl
.f271
> dd
.ceven
{ background-color: #C0E4E4; }
194 /* ***** f276 class *******/
195 dl
.f276
{ background-color: #C6DFE8; }
196 dl
.f276
> dt
.fodd
{ background-color: #D1D6D8; }
197 dl
.f276
> dt
.feven
{ background-color: #CBE1E9; }
198 dl
.f276
> dd
.codd
{ background-color: #CDD7DB; }
199 dl
.f276
> dd
.ceven
{ background-color: #CBE7F1; }
200 /* ***** f277 class *******/
201 dl
.f277
{ background-color: #C8E6DE; }
202 dl
.f277
> dt
.fodd
{ background-color: #D9E4E1; }
203 dl
.f277
> dt
.feven
{ background-color: #CAECE3; }
204 dl
.f277
> dd
.codd
{ background-color: #C3DDD7; }
205 dl
.f277
> dd
.ceven
{ background-color: #C8EDE3; }
206 /* ***** f278 class *******/
207 dl
.f278
{ background-color: #D4E7EA; }
208 dl
.f278
> dt
.fodd
{ background-color: #DAE5E6; }
209 dl
.f278
> dt
.feven
{ background-color: #DAEEF1; }
210 dl
.f278
> dd
.codd
{ background-color: #CBE0E3; }
211 dl
.f278
> dd
.ceven
{ background-color: #C9E7EC; }
216 max-width: fit-content
;
219 * encounter record table
227 background-color: #A4E1C7;
228 border-collapse: collapse
;
229 border: 2px solid
#007342;
230 max-width: fit-content
;
231 max-height: fit-content
;
233 table
.clmhist caption
{
237 table
.clmhist tr
.chhead
{
241 background-color: #7FCBA9;
243 table
.clmhist td
{padding: 2px; }
244 table
.clmhist tr
.ch278 td
{ background-color: #CAEFDC; }
245 table
.clmhist tr
.ch270 td
{ background-color: #D0E1DE; }
246 table
.clmhist tr
.ch271 td
{ background-color: #C8EAE3; }
247 table
.clmhist tr
.ch837 td
{ background-color: #D8E6DA; }
248 table
.clmhist tr
.ch997 td
{ background-color: #E2CCBD; }
249 table
.clmhist tr
.ch277 td
{ background-color: #E1EFF2; }
250 table
.clmhist tr
.ch835 td
{ background-color: #D4EDCE; }
252 table#csvTable td
{ color: #000000; }
253 table#csvTable td
.reject
{ color: #A40808; }
254 /* ***** f837 class *******/
255 table#csvTable
{ background-color: #D8DADB; }
256 table#csvTable tr
.odd td
{ background-color: #DBE4DC; }
257 table#csvTable tr
.even td
{ background-color: #DADADA; }
258 /* ***** 999/997 error report*******/
262 border: 2px solid
#D6D6D6;
263 background-color: #CAE2F2;
268 border: 2px solid
#D6D6D6;
269 background-color: #CAEAF2;
271 /* ***** process class table.process*******/
272 div#processed table
{
275 border-collapse: collapse
;
276 border: 1px solid
#000;
277 vertical-align: middle
;
280 /* div#processed table */
281 div#processed table caption
{
286 background-color: #bcf8e7;
287 border: 1px solid
#000;
289 div#processed table td
{ color: #000000; padding: 3px; }
290 div#processed table td
.reject
{ color: #A40808; }
291 /* ***** f837 class *******/
292 div#processed table
.f837
{ background-color: #9fd7ad; }
293 div#processed table
.f837 tr
.fodd td
{ background-color: #92DD99; }
294 div#processed table
.f837 tr
.feven td
{ background-color: #B9CCBB; }
295 div#processed table
.cf837
{ background-color: #C7E2CE; }
296 div#processed table
.cf837 tr
.codd td
{ background-color: #92DD99; }
297 div#processed table
.cf837 tr
.ceven td
{ background-color: #9BCCA7; }
298 /* ***** f997 class *******/
299 div#processed table
.f997
{ background-color: #EBD195; }
300 div#processed table
.f997 caption
{ background-color: #EBD195; }
301 div#processed table
.f997 tr
.fodd td
{ background-color: #D7CFBD; }
302 div#processed table
.f997 tr
.feven td
{ background-color: #ECDCB8; }
303 div#processed table
.cf997
{ background-color: #E8DABB; }
304 div#processed table
.cf997 tr
.codd td
{ background-color: #EBDAB4; }
305 div#processed table
.cf997 tr
.ceven td
{ background-color: #E1D6BD; }
306 /* ***** f835 class *******/
307 div#processed table
.f835
{ background-color: #ACC3A5; }
308 div#processed table
.f835 caption
{ background-color: #EBD195; }
309 div#processed table
.f835 tr
.fodd td
{ background-color: #B3C7A1; }
310 div#processed table
.f835 tr
.feven td
{ background-color: #C2C8BC; }
311 div#processed table
.cf835
{ background-color: #CEDACB; }
312 div#processed table
.cf835 tr
.codd td
{ background-color: #AED0A2; }
313 div#processed table
.cf835 tr
.ceven td
{ background-color: #B5D1AA; }
314 /* ***** f270 class *******/
315 div#processed table
.f270
{ background-color: #C0D9DA; }
316 div#processed table
.f270 caption
{ background-color: #C0D9DA; }
317 div#processed table
.f270 tr
.fodd td
{ background-color: #C6D8D8; }
318 div#processed table
.f270 tr
.feven td
{ background-color: #ACCCCA; }
319 div#processed table
.cf270
{ background-color: #DEF1F2; }
320 div#processed table
.cf270 tr
.codd td
{ background-color: #B4D9DB; }
321 div#processed table
.cf270 tr
.ceven td
{ background-color: #C1E5E7; }
322 /* ***** f271 class *******/
323 div#processed table
.f271
{ background-color: #CCEFE4; }
324 div#processed table
.f271 caption
{ background-color: #CCEFE4; }
325 div#processed table
.f271 tr
.fodd td
{ background-color: #96D6C2; }
326 div#processed table
.f271 tr
.feven td
{ background-color: #AFD0C6; }
327 div#processed table
.cf271
{ background-color: #E3EEEB; }
328 div#processed table
.cf271 tr
.codd td
{ background-color: #C0DAD2; }
329 div#processed table
.cf271 tr
.ceven td
{ background-color: #AEE3D2; }
330 /* ***** f276 class *******/
331 div#processed table
.f276
{ background-color: #BCE8F8; }
332 div#processed table
.f276 caption
{ background-color: #BCE8F8;}
333 div#processed table
.f276 tr
.fodd td
{ background-color: #C4D7DD; }
334 div#processed table
.f276 tr
.feven td
{ background-color: #AEE1F4; }
335 div#processed table
.cf276
{ background-color: #BCE8F8; }
336 div#processed table
.cf276 tr
.codd td
{ background-color: #BCE8F8; }
337 div#processed table
.cf276 tr
.ceven td
{ background-color: #BCE8F8; }
338 /* ***** f277 class *******/
339 div#processed table
.f277
{ background-color: #BCF8E7; }
340 div#processed table
.f277 caption
{ background-color: #BCF8E7;}
341 div#processed table
.f277 tr
.fodd td
{ background-color: #BADCD7; }
342 div#processed table
.f277 tr
.feven td
{ background-color: #B7F3E1; }
343 div#processed table
.cf277
{ background-color: #D4EBE5; }
344 div#processed table
.cf277 tr
.codd td
{ background-color: #BDD5D1; }
345 div#processed table
.cf277 tr
.ceven td
{ background-color: #A3E0D7; }
346 /* ***** f278 class *******/
347 div#processed table
.f278
{ background-color: #CCEAEF; }
348 div#processed table
.f278 caption
{ background-color: #B8DCE2; }
349 div#processed table
.f278 tr
.fodd td
{ background-color: #ABECD8; }
350 div#processed table
.f278 tr
.feven td
{ background-color: #DBE3E0; }
351 div#processed table
.cf278
{ background-color: #D9EAED; }
352 div#processed table
.cf278 tr
.codd td
{ background-color: #DCE0DF; }
353 div#processed table
.cf278 tr
.ceven td
{ background-color: #AEE3D2; }
355 * ***** 27x transaction html display ******
357 /* ***** h271 eligibility transaction display *******/
358 table
.h271
{ background-color: #DEEAE6;
359 border-collapse: collapse
;
360 vertical-align: bottom
;
361 padding: 1em 1em 3em 1em;
366 background-color: #C8E4DA;
367 font-family: "Liberation Sans", "Trebuchet MS", sans-serif
;
371 table
.h271 td
{ vertical-align: top
; }
372 table
.h271 tr
.ebe td
{ background-color: #D2E7E0; }
373 table
.h271 tr
.ebo td
{ background-color: #DEEAE6; }
374 /* ***** h277 claim status transaction display *******/
376 font-family: "Liberation Serif", "Times New Roman", serif
;
377 background-color: #CFEDD9;
378 border-collapse: collapse
;
379 vertical-align: bottom
;
381 padding: 1em 1em 3em 1em;
385 background-color: #CBE3CD;
386 font-family: "Liberation Sans", "Trebuchet MS", sans-serif
;
391 table
.h277 td
{ vertical-align: top
; }
392 table
.h277 tr
.src td
{ background-color: #CADCD0; }
393 table
.h277 tr
.rcv td
{ background-color: #CDDED3; }
394 table
.h277 tr
.prv td
{ background-color: #CBE3CD; }
395 table
.h277 tr
.sbr td
{ background-color: #CDE7D2; }
396 table
.h277 tr
.dep td
{ background-color: #CAF6C8; }
397 /* ***** h278 eligibility transaction display *******/
399 background-color: #DDE4E2;
400 border-collapse: collapse
;
401 vertical-align: bottom
;
402 padding: 1em 1em 3em 1em;
403 font-family: "Liberation Serif", "Times New Roman", serif
;
409 background-color: #DDE4E2;
410 font-family: "Liberation Sans", "Trebuchet MS", sans-serif
;
415 table
.h278 td
{ vertical-align: top
; }
416 table
.h278 tr
.src td
{ background-color: #C9E7DD; }
417 table
.h278 tr
.rcv td
{ background-color: #DDE4E2; }
418 table
.h278 tr
.sbr td
{ background-color: #C9E6DC; }
419 table
.h278 tr
.dep td
{ background-color: #D3DFDB; }
420 table
.h278 tr
.evt td
{ background-color: #E0ECE8; }
421 table
.h278 tr
.svc td
{ background-color: #C9E7DD; }
423 /* ***** h835 claim payment display *******/
425 background-color: #9EDC9F;
426 border-collapse: collapse
;
427 vertical-align: bottom
;
428 padding: 1em 1em 3em 1em;
429 font-family: "Liberation Serif", "Times New Roman", serif
;
433 table
.h835c caption
{
434 background-color: #9EDC9F;
435 font-family: "Liberation Sans", "Trebuchet MS", sans-serif
;
440 table
.h835c td
{ vertical-align: top
; }
441 table
.h835c
td:first-child
{ min-width: 8em; }
442 table
.h835c tr
.lx td
{ background-color: #E3DAC6; }
443 table
.h835c tr
.sbr td
{ background-color: #D6EED5; }
444 table
.h835c tr
.clp td
{ background-color: #D6EED5; }
445 table
.h835c tr
.svc td
{ background-color: #C5E2E7; }
446 table
.h835c tr
.mia td
{ background-color: #DCD8CE; }
447 table
.h835c tr
.rems td
{ background-color: #D4E2E4; }
448 table
.h835c tr
.remc td
{ background-color: #CFDDCE; }
451 background-color: #9EDC9F;
452 border-collapse: collapse
;
453 vertical-align: bottom
;
455 font-family: "Liberation Serif", "Times New Roman", serif
;
460 background-color: #B4D2D8;
461 font-family: "Liberation Sans", "Trebuchet MS", sans-serif
;
466 table
.h835 td
{ vertical-align: top
; }
467 table
.h835
td:first-child
{ min-width: 8em; }
468 table
.h835 tr
.pmt td
{ background-color: #E6D6C9; }
469 table
.h835 tr
.src td
{ background-color: #C4E0E0; }
470 table
.h835 tr
.rcv td
{ background-color: #CADC9E; }
472 /* ***** edi segments display *******/
474 background-color: #ECE3BE;
475 border-collapse: collapse
;
476 vertical-align: bottom
;
477 font-family: "Liberation Mono", "Lucida Console", Consolas
, Courier
, monospace
;
480 padding: 0.5em 0.5em 3em 0.5em;
482 word-wrap: break-word
;
484 table
.segtxt hr
> td
{ text-align: center
; }
485 table
.segtxt caption
{
486 background-color: #F2EFDE !important
;
487 font-family: "Dejavu Sans", "Trebuchet MS", "Liberation Sans", sans-serif
;
491 table
.segtxt td
.bterr
{
492 background-color: #F9F3E0;
496 table
.segtxt td
.btseg
{
497 background-color: #F8F6E8;
502 table
.segtxt td
.btloop
{
503 background-color: #F4F3EA;
507 table
.segtxt td
.btnum
{
508 background-color: #F6F3DD;
516 * http://dean.resplace.net/blog/2011/08/jquery-tabs-iframes/
519 background: none repeat scroll
0 0 #EDE8CE;
520 border: 1px solid
#999999;
521 border-radius: 3px 3px 3px 3px;
522 box-shadow: 0 2px 4px #999999;
524 font-family: MonoSpace
,MonoSpace
;
534 background-color: #F5EFDB;
542 background-color: #D8E0E0;
544 border-collapse: collapse
;
545 border: 1px solid
#000;
548 table
.summaryRA tr
.summary td
{
549 background-color: #97DFD9;
551 table
.summaryRA tr
.svccode td
{
552 background-color: #BAD8DB;
556 table
.summaryRA td
.denied
{
561 table
.summaryRA caption
{
566 background-color: #C0E8E7;
567 border: 2px solid
#000;
575 background-color: #eae1d0;
582 * css for the era Remittance Advice html output
583 * TO-DO figure out a scheme for print output
584 * possibly a start claim style e.g.
585 * table.era835 tbody.claimdetail {
586 * page-break-before: auto;
591 background-color: #F2E7CF;
593 border-collapse: collapse
;
594 border: 1px solid
#000;
599 background-color: #CFCCC5;
605 table
.era835 td
.denied
{
610 table
.era835 tr
.bpr td
{
611 background-color: #C0ECC9;
613 table
.era835 tr
.clp0 td
{
614 background-color: #CBD7E3;
616 table
.era835 tr
.clp1 td
{
617 background-color: #D5EACC;
619 table
.era835 tr
.clpd td
{
620 background-color: #FCD1C5;
622 table
.era835 tr
.ts3 td
{
623 background-color: #F2DEA3;
625 table
.era835 tr
.code td
{
626 background-color: #F8DBC9;
628 table
.era835 tr
.plb td
{
629 background-color: #97DFAA;
631 table
.era835 tbody
.eraclp
{
632 border-top: 1px solid
#000;
636 border-top: 1px solid
#000;
638 table
.era835 caption
{
643 background-color: #D8F4DF;
644 border: 2px solid
#000;
648 * files display, text files, monospace
649 * word-wrap: break-word;
652 font-family: sans-serif
;
653 background-color: #FDF5DB;
658 div
.filetext pre
,code
,kbd
,samp
,tt
{
659 font-family: monospace
,monospace
;
664 background-color: #FDF5DB;
674 font-family: "Lucida Sans", "DejaVu Sans", sans-serif
;
676 background-color: #FCDE93;
685 margin-bottom: 0.1em;
686 background-color: #F1E8D1;
691 font-family: monospace
,monospace
;
695 word-wrap: break-word
;
696 display:inline-block
;
698 /*overflow: break-word; */
701 div
.filetext table
.batchst caption
{
702 font-family: "Lucida Sans", "DejaVu Sans", sans-serif
;
709 div
.filetext table
.batchst thead
{
710 font-family: monospace
, monospace
;
715 div
.filetext table
.batchst tbody
{
716 font-family: monospace
, monospace
;
722 div
.filetext table
.batchst td
.btloop
{
723 font-family: "Lucida Sans", "DejaVu Sans", sans-serif
;
727 border-right-color: #9E948C;
728 background-color: #DDD8C4;
731 div
.filetext table
.batchst td
.btseg
{
732 border-color: #E5E1D1 #E5E1D1 #E5E1D1 #9E948C;
735 background-color: #EFE8D0;
738 div
.filetext table
.batchst td
.bterr
{
739 border-color: #E12417 #E12417 #E12417 #E12417;
742 background-color: #FCF4D8;
745 /* **** dialog minimize button ****
746 #dialog_window_minimized_container {
752 .dialog_window_minimized {
761 .dialog_window_minimized .ui-icon {
762 display: inline-block !important;
768 .ui-dialog .ui-dialog-titlebar-minimize {
777 .ui-dialog .ui-dialog-titlebar-minimize .ui-icon {
782 .ui-dialog .ui-dialog-titlebar-minimize:hover, .ui-dialog .ui-dialog-titlebar-minimize:focus {