library/css/edi_history.css

   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.
  11  *
  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>
  19  *
  20  * css styles for edi claim history project
  21  *
  22  * @author Kevin McCormick
  23  * @link: http://www.open-emr.org
  24  * @package OpenEMR
  25  * @subpackage ediHistory
  26  */
  27
  28 /*
  29 @media only screen and (max-width: 768px) {
  30         #turnover, tr td:nth-child(9)           { display:none; visibility:hidden; }
  31 }
  32
  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; }
  38 }
  39
  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; }
  47 }
  48 */
  49
  50 p.text {
  51         width:80%;
  52         text-align:left;
  53         font-family: serif;
  54         font-size: medium;
  55         background-color: #ede9c0;
  56         }
  57 /*
  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;
  75 }
  76 ol.logview li {
  77    background-color: #f5efdB;
  78    overflow: auto;
  79 }
  80 /*
  81  * ibr-ebr file listings for process csv output
  82  */
  83 table.ibr_ebr {
  84         font-size: medium;
  85         background-color: #bce9f8;
  86         width: 800px;
  87         border-collapse: collapse;
  88         border: 1px solid #000;
  89         empty-cells: show;
  90 }
  91 table.ibr_ebr th {
  92         padding: 5px;
  93         background-color: #7fb3cb;
  94 }
  95 table.ibr_ebr td {
  96         color: #000000;
  97         padding: 3px;
  98 }
  99 table.ibr_ebr td.reject {
 100         color: #a40808;
 101         font-weight: bold;
 102         padding: 3px;
 103 }
 104 table.ibr_ebr tr.odd td {
 105         background-color: #b5bcc0;
 106 }
 107 table.ibr_ebr tr.even td {
 108         background-color: #a3c1e0;
 109 }
 110 table.ibr_ebr tr.fodd td {
 111         background-color: #a3d8e0;
 112 }
 113 table.ibr_ebr tr.feven td {
 114         background-color: #b7ebf3;
 115 }
 116
 117 /*
 118  * dpr result in process new output
 119  */
 120 p.dpr_notice {
 121         font-size: medium;
 122         font-weight: bold;
 123         text-align: Left;
 124         background-color: #d1fded;
 125         width: 800px;
 126         border: 1px solid #000;
 127 }
 128
 129 /*
 130  * dpr claims
 131  */
 132 table.ibr_dpr {
 133         font-size: medium;
 134         background-color: #d1fad0;
 135         width: 800px;
 136         border-collapse: collapse;
 137         border: 1px solid #000;
 138         empty-cells: show;
 139 }
 140 table.ibr_dpr th {
 141         padding: 5px;
 142         background-color: #b5f1b4;
 143 }
 144 table.ibr_dpr td {
 145         color: #000000;
 146         padding: 3px;
 147 }
 148 table.ibr_dpr td.reject {
 149         color: #a40808;
 150         font-weight: bold;
 151         padding: 3px;
 152 }
 153 table.ibr_dpr tr.odd td {
 154         background-color: #d1fad0;
 155 }
 156 table.ibr_dpr tr.even td {
 157         background-color: #d7f1d7;
 158 }
 159 table.ibr_dpr tr.fodd td {
 160         background-color: #b2f4b0;
 161 }
 162 table.ibr_dpr tr.feven td {
 163         background-color: #d6eed5;
 164 }
 165
 166 /*
 167  * 277 file listings for process csv output
 168  */
 169 table.f277 {
 170         font-size: medium;
 171         background-color: #bcf8e7;
 172         width: 800px;
 173         border-collapse: collapse;
 174         border: 1px solid #000;
 175         empty-cells: show;
 176 }
 177 table.f277 th {
 178         padding: 5px;
 179         background-color: #7fcbbc;
 180 }
 181 table.f277 td {
 182         color: #000000;
 183         padding: 3px;
 184 }
 185 table.f277 td.reject {
 186         color: #A40808;
 187         padding: 3px;
 188 }
 189 table.f277 tr.odd td {
 190         background-color: #bdd5d1;
 191 }
 192 table.f277 tr.even td {
 193         background-color: #a3e0d7;
 194 }
 195 table.f277 tr.fodd td {
 196         background-color: #a3e0d7;
 197 }
 198 table.f277 tr.feven td {
 199         background-color: #b7f3e1;
 200 }
 201
 202 /*
 203  * batch file listings for process csv output
 204  */
 205 table.batch {
 206         font-size: medium;
 207         background-color: #bcdebb;
 208         width: 800px;
 209         border-collapse: collapse;
 210         border: 1px solid #000;
 211         empty-cells: show;
 212 }
 213 table.batch th {
 214         padding: 5px;
 215         background-color: #7fb3cb;
 216 }
 217 table.batch td {
 218         color: #000000;
 219         padding: 3px;
 220 }
 221 table.batch tr.odd td {
 222         background-color: #99b4a2;
 223 }
 224 table.batch tr.even td {
 225         background-color: #bcd6c1;
 226 }
 227
 228
 229
 230 /*
 231  * 999 file listings for process csv output
 232  */
 233 table.f997 {
 234         font-size: medium;
 235         background-color: #bcdebb;
 236         width: 800px;
 237         border-collapse: collapse;
 238         border: 1px solid #000;
 239         empty-cells: show;
 240 }
 241 table.f997 th {
 242         padding: 5px;
 243         background-color: #7fb3Cb;
 244 }
 245 table.f997 td {
 246         color: #000000;
 247         padding: 3px;
 248 }
 249 table.f997 tr.odd td {
 250         background-color: #b4a499;
 251 }
 252 table.f997 tr.even td {
 253         background-color: #eeb995;
 254 }
 255
 256
 257
 258 /*
 259  * era file listings for process csv output
 260  *
 261  */
 262 table.eracsv {
 263         font-size: medium;
 264         background-color: #acc3a5;
 265         width: 800px;
 266         border-collapse: collapse;
 267         border: 1px solid #000;
 268         empty-cells: show;
 269 }
 270 table.eracsv th {
 271         padding: 5px;
 272         background-color: #7fcb7f;
 273 }
 274 table.eracsv td {
 275         color: #000000;
 276         padding: 3px;
 277 }
 278 table.eracsv tr.odd td {
 279         background-color: #c2d1bc;
 280 }
 281 table.eracsv tr.even td {
 282         background-color: #c1d6bc;
 283 }
 284 table.eracsv th.clperr {
 285         padding: 5px;
 286         background-color: #a9d4d2;
 287 }
 288 table.eracsv tr.fodd td {
 289         background-color: #d6e7d2;
 290 }
 291 table.eracsv tr.feven td {
 292         background-color: #c9e1c3;
 293 }
 294
 295 /*
 296  * encounter record table
 297  */
 298 table.clmhist caption {
 299     padding: 2px 10px;
 300     text-align: left;
 301     font-weight: bold;
 302     font-size: 12px;
 303     background-color: #A4E1C7;
 304     border: 2px solid #007342;
 305 }
 306 table.clmhist tr.chhead {
 307         padding: 5px;
 308         font-weight: bold;
 309     font-size: 12px;
 310         background-color: #7FCBA9;
 311 }
 312 table.clmhist tr.chbatch td {
 313         background-color: #D8E6DA;
 314 }
 315 table.clmhist tr.chf997 td {
 316         background-color: #E2CCBD;
 317 }
 318 table.clmhist tr.chibr td {
 319         background-color: #CAEFDC;
 320 }
 321 table.clmhist tr.chebr td {
 322         background-color: #D0E1DE;
 323 }
 324 table.clmhist tr.chdpr td {
 325         background-color: #C8EAE3;
 326 }
 327 table.clmhist tr.chf277 td {
 328         background-color: #E1EFF2;
 329 }
 330 table.clmhist tr.ch835 td {
 331         background-color: #D4EDCE;
 332 }
 333
 334 /*
 335  * claim status response display
 336  *
 337  */
 338 table.bht277 {
 339   clear: both;
 340   font-size: medium;
 341   background-color: #BDD7DE;
 342   border-collapse: collapse;
 343   border: 1px solid #000;
 344   empty-cells: show;
 345   border: 1px solid #335399;
 346   width: auto;
 347 }
 348
 349 table.bht277 caption {
 350   padding: 5px;
 351   text-align: left;
 352   font-weight: bold;
 353   font-size: large;
 354   background-color: #96C8D6;
 355   border: 2px solid #000;
 356 }
 357
 358 table.bht277 th {
 359   padding: 3px;
 360   background-color: #B3C5CA;
 361 }
 362 /*
 363  * border-right: [ <border-width> || <border-style> || <border-color> ]
 364  */
 365 table.bht277 tr.leva td {
 366   background-color: #d7e5e8;
 367   border-right: solid thin green;
 368 }
 369 table.bht277 tr.levb td {
 370   background-color: #cbdaed;
 371   border-right: solid thin green;
 372 }
 373 table.bht277 tr.levc td {
 374   background-color: #c7e5e3;
 375   border-right: solid thin green;
 376 }
 377 table.bht277 tr.levd td {
 378   background-color: #d0e1df;
 379   border-right: solid thin green;
 380 }
 381 table.bht277 tr.leve td {
 382   background-color: #d0e3ee;
 383   border-right: solid thin green;
 384 }
 385
 386 /*
 387  * era summary RA
 388  */
 389 table.summaryRA {
 390         background-color: #D8E0E0;
 391         width: 640px;
 392         border-collapse: collapse;
 393         border: 1px solid #000;
 394         empty-cells: show
 395 }
 396 table.summaryRA tr.summary td {
 397     background-color: #97DFD9;
 398 }
 399 table.summaryRA tr.svccode td {
 400     background-color: #BAD8DB;
 401     padding: 4px;
 402     vertical-align: top;
 403 }
 404 table.summaryRA td.denied {
 405         color: #A40808;
 406         font-weight: bold;
 407         padding: 3px;
 408 }
 409 table.summaryRA caption {
 410     padding: 2px 10px;
 411     text-align: left;
 412     font-weight: bold;
 413     font-size: 12px;
 414     background-color: #C0E8E7;
 415     border: 2px solid #000;
 416 }
 417
 418 /*
 419  * ibr/ebr/dpr message popup
 420  */
 421 p.ibrmsg {
 422         background-color: #d4ddde;
 423         margin: 1.6em 8px;
 424         text-align: left;
 425         font-size: 12px;
 426 }
 427
 428 /*
 429  * 997/999 status
 430 */
 431 p.ak999stat {
 432         background-color: #eae1d0;
 433         margin: 1.6em 8px;
 434         text-align: left;
 435         font-size: 12px;
 436 }
 437
 438 /*
 439  * css for the era Remittance Advice html output
 440  * TO-DO figure out a scheme for print output
 441  *       possibly a start claim style e.g.
 442  *       table.era835 tbody.claimdetail {
 443  *             page-break-before: auto;
 444  *                }
 445  */
 446 table.era835 {
 447         font-size: medium;
 448         background-color: #F2E7CF;
 449         width: 960px;
 450         border-collapse: collapse;
 451         border: 1px solid #000;
 452         empty-cells: show;
 453 }
 454 table.era835 th {
 455         padding: 5px;
 456         background-color: #CFCCC5;
 457 }
 458 table.era835 td {
 459         color: #000000;
 460         padding: 3px;
 461 }
 462 table.era835 td.denied {
 463         color: #A40808;
 464         font-weight: bold;
 465         padding: 3px;
 466 }
 467 table.era835 tr.bpr td {
 468         background-color: #C0ECC9;
 469 }
 470 table.era835 tr.clp0 td {
 471         background-color: #CBD7E3;
 472 }
 473 table.era835 tr.clp1 td {
 474         background-color: #D5EACC;
 475 }
 476 table.era835 tr.clpd td {
 477         background-color: #FCD1C5;
 478 }
 479 table.era835 tr.ts3 td {
 480         background-color: #F2DEA3;
 481 }
 482 table.era835 tr.code td {
 483         background-color: #F8DBC9;
 484 }
 485 table.era835 tr.plb td {
 486         background-color: #97DFAA;
 487 }
 488 table.era835 tbody.eraclp {
 489     border-top: 1px solid #000;
 490         overflow: auto;
 491 }
 492 table.era835 tfoot {
 493     border-top: 1px solid #000;
 494 }
 495 table.era835 caption {
 496     padding: 2px;
 497     text-align: left;
 498     font-weight: bold;
 499     font-size: large;
 500     background-color: #D8F4DF;
 501     border: 2px solid #000;
 502 }
 503
 504 /*
 505  * files display, text files, monospace
 506  *
 507  */
 508
 509 div.filetext pre,code,kbd,samp,tt {
 510   font-family: monospace,monospace;
 511   font-size: 1em;
 512   padding:1em 0;
 513   margin-left:0.9em;
 514   margin-bottom:2em;
 515   background-color: #FDF5DB;
 516   width: auto;
 517   float: left
 518 }
 519 div.filetext code {
 520   width: auto;
 521   float: left
 522 }
 523
 524
 525 div.filetext ol {
 526         font-family: sans-serif;
 527         font-style: italic;
 528         font-size: 1em;
 529         background-color: #FCDE93;
 530         width: auto;
 531 }
 532
 533 div.filetext li {
 534     padding-left: 0.2em;
 535     margin-top: 0em;
 536         margin-right: 1em;
 537         margin-left: 2em;
 538         margin-bottom: 0.1em;
 539         background-color: #F5E8C7;
 540
 541 }
 542
 543 div.filetext ol p {
 544   font-family: monospace,monospace;
 545   font-style: normal;
 546   margin: 1px;
 547   font-size: 0.9em;
 548   word-wrap: break-word;
 549   display:inline-block;
 550
 551   /*overflow: break-word; */
 552 }
 553
 554 div.filetext table.batchst thead {
 555   font-family: monospace,monospace;
 556   font-size: 1em;
 557   border-width: thin;
 558 }
 559
 560 div.filetext table.batchst tbody {
 561   font-family: monospace,monospace;
 562   font-size: 12px;
 563   border-width: thin;
 564   width: auto;
 565 }
 566 div.filetext table.batchst td.btloop {
 567   font-family: sans-serif;
 568   font-style: italic;
 569   text-align: center;
 570   padding: 1px 3px;
 571   border-right-color: #9E948C;
 572   background-color: #DDD8C4;
 573 }
 574 div.filetext table.batchst td.btseg {
 575   border-color: #E5E1D1 #E5E1D1 #E5E1D1 #9E948C;
 576   text-align: left;
 577   padding: 1px 3px;
 578   background-color: #EFE8D0;
 579 }
 580
 581 /*
 582 * try to get smaller font sizes in the jquery-ui widgets
 583 */
 584 .ui-widget {  font-size: 1em;
 585     font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif;
 586 }
 587 .ui-widget .ui-widget { font-size: 0.9em; }
 588 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,'Liberation Sans','DejaVu Sans', sans-serif; font-size: 1em; }
 589
 590
 591 /* ******************************************
 592  * DataTables css -- copied and tweaked
 593  * Page setup styles
 594  *
 595  */
 596
 597 div.csvcptn {
 598         float: left;
 599         margin: 3px 12px 3px 3px;
 600         font-weight: bold;
 601         font-size: 1.1em;
 602 }
 603
 604 /* Table csvDisplay */
 605 table.csvDisplay {
 606     width: 100%;
 607     clear: both;
 608 }
 609
 610 table.csvDisplay td {
 611     padding: 3px 10px;
 612     border: 1px solid #C8C8C8;
 613 }
 614
 615 table.csvDisplay thead th {
 616         padding: 3px 0px 3px 10px;
 617         cursor: pointer;
 618 }
 619
 620 table.csvDisplay tfoot th {
 621         padding: 3px 10px;
 622 }
 623
 624 table.csvDisplay td.center,
 625 table.csvDisplay td.csvDisplays_empty {
 626         text-align: center;
 627 }
 628
 629 table.csvDisplay tr.odd { background-color: #D7EDE8; }
 630 table.csvDisplay tr.even { background-color: #B8EADF; }
 631
 632 table.csvDisplay tr.odd td.sorting_1 { background-color: #DEF4EB; }
 633 table.csvDisplay tr.odd td.sorting_2 { background-color: #DBFCF1; }
 634 table.csvDisplay tr.odd td.sorting_3 { background-color: #E0FFF1; }
 635 table.csvDisplay tr.even td.sorting_1 { background-color: #BAE7D4; }
 636 table.csvDisplay tr.even td.sorting_2 { background-color: #D9E8E3; }
 637 table.csvDisplay tr.even td.sorting_3 { background-color: #D9E6E1; }
 638
 639
 640 /*
 641  * Table wrapper
 642  */
 643 .dataTables_wrapper {
 644         position: relative;
 645         clear: both;
 646         *zoom: 1;
 647 }
 648 .dataTables_wrapper .ui-widget-header {
 649         font-weight: normal;
 650 }
 651 .dataTables_wrapper .ui-toolbar {
 652         padding: 5px;
 653 }
 654
 655
 656 /* Page length menu */
 657 .dataTables_length {
 658         float: left;
 659 }
 660
 661 /* Filter */
 662 .dataTables_filter {
 663         float: right;
 664         text-align: right;
 665 }
 666
 667 /* Table information */
 668 .dataTables_info {
 669         padding-top: 3px;
 670         clear: both;
 671         float: left;
 672 }
 673
 674 /* Pagination */
 675 .dataTables_paginate {
 676         float: right;
 677         text-align: right;
 678 }
 679
 680 .dataTables_paginate .ui-button {
 681         margin-right: -0.1em !important;
 682 }
 683
 684 .paging_two_button .ui-button {
 685         float: left;
 686         cursor: pointer;
 687 }
 688
 689 .paging_full_numbers .ui-button {
 690         padding: 2px 6px;
 691         margin: 0;
 692         cursor: pointer;
 693         * cursor: hand;
 694         color: #333 !important;
 695 }
 696
 697 /* Two button pagination - previous / next */
 698 .paginate_disabled_previous,
 699 .paginate_enabled_previous,
 700 .paginate_disabled_next,
 701 .paginate_enabled_next {
 702         height: 19px;
 703         float: left;
 704         cursor: pointer;
 705         color: #111 !important;
 706 }
 707 .paginate_disabled_previous:hover,
 708 .paginate_enabled_previous:hover,
 709 .paginate_disabled_next:hover,
 710 .paginate_enabled_next:hover {
 711         text-decoration: none !important;
 712 }
 713 .paginate_disabled_previous:active,
 714 .paginate_enabled_previous:active,
 715 .paginate_disabled_next:active,
 716 .paginate_enabled_next:active {
 717         outline: none;
 718 }
 719
 720 .paginate_disabled_previous,
 721 .paginate_disabled_next {
 722         color: #666 !important;
 723 }
 724 .paginate_disabled_previous,
 725 .paginate_enabled_previous {
 726         padding-left: 23px;
 727 }
 728 .paginate_disabled_next,
 729 .paginate_enabled_next {
 730         padding-right: 23px;
 731         margin-left: 10px;
 732 }
 733
 734 .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
 735 .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
 736 .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
 737
 738 .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
 739 .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
 740 .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
 741
 742 /* Full number pagination */
 743 .paging_full_numbers a:active {
 744         outline: none
 745 }
 746 .paging_full_numbers a:hover {
 747         text-decoration: none;
 748 }
 749
 750 .paging_full_numbers a.paginate_button,
 751 .paging_full_numbers a.paginate_active {
 752         border: 1px solid #AAAAAA;
 753         -webkit-border-radius: 5px;
 754         -moz-border-radius: 5px;
 755         border-radius: 5px;
 756         padding: 2px 5px;
 757         margin: 0 3px;
 758         cursor: pointer;
 759         color: #333 !important;
 760 }
 761
 762 .paging_full_numbers a.paginate_button {
 763         background-color: #DDDDDD;
 764 }
 765
 766 .paging_full_numbers a.paginate_button:hover {
 767         background-color: #CCCCCC;
 768         text-decoration: none !important;
 769 }
 770
 771 .paging_full_numbers a.paginate_active {
 772         background-color: #99B3FF;
 773 }
 774
 775
 776 /*
 777  * Processing indicator
 778  */
 779 .dataTables_processing {
 780         position: absolute;
 781         top: 50%;
 782         left: 50%;
 783         width: 250px;
 784         height: 30px;
 785         margin-left: -125px;
 786         margin-top: -15px;
 787         padding: 14px 0 2px 0;
 788         border: 1px solid #ddd;
 789         text-align: center;
 790         color: #999;
 791         font-size: 14px;
 792         background-color: white;
 793 }
 794
 795
 796 /* Sorting */
 797 table.csvDisplay thead th div.DataTables_sort_wrapper {
 798         position: relative;
 799         padding-right: 20px;
 800         padding-right: 20px;
 801 }
 802
 803 table.csvDisplay thead th div.DataTables_sort_wrapper span {
 804         position: absolute;
 805         top: 50%;
 806         margin-top: -8px;
 807         right: 0;
 808 }
 809
 810 table.csvDisplay th:active {
 811         outline: none;
 812 }
 813
 814 /* Scrolling */
 815 .dataTables_scroll {
 816         clear: both;
 817 }
 818
 819 .dataTables_scrollBody {
 820         *margin-top: -1px;
 821         -webkit-overflow-scrolling: touch;
 822 }