interface/themes/style_burgundy.css

   1 /*! This style sheet was autogenerated using gulp + scss
   2  *  For usage instructions, see: https://github.com/openemr/openemr/blob/master/interface/README.md
   3  */
   4 /**
   5  * Stylesheet for flat colors
   6  * The color palette is used to style the various elements in a consistent manner
   7
   8  * LICENSE: This program is free software; you can redistribute it and/or
   9  * modify it under the terms of the GNU General Public License
  10  * as published by the Free Software Foundation; either version 2
  11  * of the License, or (at your option) any later version.
  12  * This program is distributed in the hope that it will be useful,
  13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  15  * GNU General Public License for more details.
  16  * You should have received a copy of the GNU General Public License
  17  * along with this program. If not, see <http://opensource.org/licenses/gpl-license.php>;.
  18  *
  19  * @package OpenEMR
  20  * @author Ranganath Pathak <pathak@scrs1.org>
  21  * @copyright Copyright (c) 2018 Ranganath Pathak
  22  * @version 1.1
  23  * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  24  * @link http://www.open-emr.org
  25 */
  26 /*
  27     COLOR PALETTE
  28     #3F0B15 - Darkest Burgundy*
  29     #5F111F - Darker Burgundy*
  30     #B0475B - Dark Burgundy
  31     #CF8E9A - Mid Burgundy
  32     #E2BBC2 - Mid Pale Burgundy*
  33     #EBD1D6 - Pale Burgundy
  34     #F1DEE2 - Mid Pale Pale Burgundy*
  35     #F5E8EA - Pale Pale Burgundy*
  36     #E7E6F9 - Pale Purple~
  37     #FAF3F4 - Paler Burgundy
  38     #2F2F7D - Midnight Blue~
  39     #FFFFFF - White*~
  40     * - used in styling buttons and input
  41     ~ - common for all flat stylesheets
  42 */
  43 @import url("themeBuilder.php");
  44 * {
  45   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  46
  47 html {
  48   font-size: 14px; }
  49
  50 /* RP_MODIFIED  2/09/2015, 1/17/2016*/
  51 body {
  52   margin: 0px 0px 0px 2px;
  53   /* set the base fontsize for all DOM children */
  54   font-size: 1em;
  55   /* set the base font size for all DOM children */ }
  56
  57 /**
  58  * Core OpenEMR styles.
  59  *
  60  * These helpers are used regardless of the theme being used
  61  *
  62  * @author Robert Down <robertdown@live.com>
  63  * @copyright Copyright (c) 2017 Robert Down
  64  * @license https://github.com/openemr/openemr/blob/master/LICENSE General Public License 3
  65  */
  66 /**
  67  * Global uses of the font awesome library
  68  * TODO fix pathing for all uses
  69  */
  70 @font-face {
  71   font-family: "FontAwesome";
  72   src: url("/public/assets/font-awesome-4-6-3/fonts/fontawesome-webfont.ttf") format("truetype"); }
  73
  74 .css_button[href*="deleter"]:before,
  75 input[type="button"][href*="deleter"] [type="submit"]:before,
  76 button[href*="deleter"]:before {
  77   font-family: "FontAwesome";
  78   content: "\f014";
  79   display: inline-block; }
  80
  81 .btn::before {
  82   font-family: "FontAwesome";
  83   display: inline; }
  84
  85 .btn-save::before {
  86   content: "\f00c\00a0\00a0"; }
  87
  88 .btn-cancel::before {
  89   content: "\f00d\00a0\00a0"; }
  90
  91 .btn-add::before {
  92   content: '\f067\00a0\00a0'; }
  93
  94 .btn-search::before {
  95   content: '\f002\00a0\00a0'; }
  96
  97 .btn-delete::before {
  98   content: '\f014\00a0\00a0'; }
  99
 100 .btn-duplicate::before {
 101   content: '\f0c5\00a0\00a0'; }
 102
 103 .btn-refresh::before {
 104   content: '\f021\00a0\00a0'; }
 105
 106 .btn-edit::before {
 107   content: '\f040\00a0\00a0'; }
 108
 109 .btn-transmit::before {
 110   content: '\f061\00a0\00a0'; }
 111
 112 .btn-receive::before {
 113   content: '\f060\00a0\00a0'; }
 114
 115 .btn-print::before {
 116   content: '\f02f\00a0\00a0'; }
 117
 118 .btn-back::before {
 119   content: '\f053\00a0\00a0'; }
 120
 121 .btn-show::before {
 122   content: '\f06e\00a0\00a0'; }
 123
 124 .btn-hide::before {
 125   content: '\f070\00a0\00a0'; }
 126
 127 .btn-undo::before {
 128   content: '\f0e2\00a0\00a0'; }
 129
 130 .btn-update::before {
 131   content: '\f01e\00a0\00a0'; }
 132
 133 .btn-download::before {
 134   content: '\f019\00a0\00a0'; }
 135
 136 .btn-mail::before {
 137   content: '\f0e0\00a0\00a0'; }
 138
 139 .btn-calendar::before {
 140   content: '\f073\00a0\00a0'; }
 141
 142 .btn-graph::before {
 143   content: '\f201\00a0\00a0'; }
 144
 145 .btn-filter::before {
 146   content: '\f0b0\00a0\00a0'; }
 147
 148 /*
 149  * Common forms styles
 150  */
 151 .chart-dygraphs {
 152   direction: ltr; }
 153
 154 /**
 155 * Drug lookup
 156 **/
 157 .drug_lookup {
 158   border: 2px outset #666666;
 159   background-color: #eae6ff;
 160   padding: 5px;
 161   position: absolute;
 162   display: block; }
 163
 164 /* Form styles */
 165 .formtable {
 166   line-height: 24px; }
 167
 168 .formtable tr td {
 169   line-height: 24px; }
 170
 171 .report_search_bar {
 172   background-color: #EADDB4; }
 173
 174 /* flow board filters*/
 175 #flow_board_parameters {
 176   margin: 25px auto;
 177   background-color: #ececec; }
 178
 179 #flow_board_parameters td {
 180   padding: 10px; }
 181
 182 #flow_board_parameters table {
 183   border: solid 1px;
 184   width: 100%;
 185   border-collapse: collapse; }
 186
 187 /*
 188  * closeDlgIframe common styles
 189  */
 190 div.closeDlgIframe {
 191   background: #ff5d5a;
 192   position: absolute;
 193   top: -12px;
 194   right: -12px;
 195   height: 25px;
 196   width: 25px;
 197   cursor: pointer;
 198   z-index: 10010; }
 199
 200 div.closeDlgIframe:before {
 201   color: #fff;
 202   content: "\f00d";
 203   font-family: "FontAwesome";
 204   font-weight: bold;
 205   display: inline-block;
 206   width: 100%;
 207   text-align: center;
 208   margin: auto;
 209   line-height: 25px;
 210   height: 25px; }
 211
 212 /**
 213  * Core OpenEMR styles.
 214  */
 215 .ui-draggable:hover {
 216   cursor: move;
 217   cursor: grab;
 218   cursor: -webkit-grab; }
 219
 220 .ui-draggable:active {
 221   cursor: move;
 222   cursor: grabbing;
 223   cursor: -webkit-grabbing; }
 224
 225 .ui-icon-gripsmall-diagonal-se {
 226   background-position: -64px -224px; }
 227
 228 .ui-icon, .ui-widget-content .ui-icon {
 229   background-image: url("/public/assets/jquery-ui-1-12-1/themes/sunny/images/ui-icons_d19405_256x240.png"); }
 230
 231 .ui-icon {
 232   width: 16px;
 233   height: 16px; }
 234
 235 .ui-icon {
 236   display: inline-block;
 237   vertical-align: middle;
 238   margin-top: -.25em;
 239   position: relative;
 240   text-indent: -99999px;
 241   overflow: hidden;
 242   background-repeat: no-repeat; }
 243
 244 .ui-resizable-handle {
 245   position: absolute;
 246   font-size: 0.1px;
 247   display: block;
 248   touch-action: none; }
 249
 250 .ui-resizable-se {
 251   cursor: se-resize;
 252   width: 12px;
 253   height: 12px;
 254   right: 1px;
 255   bottom: 1px; }
 256
 257 .ui-resizable-s {
 258   cursor: s-resize;
 259   height: 7px;
 260   width: 100%;
 261   bottom: -5px;
 262   left: 0; }
 263
 264 .ui-resizable-e {
 265   cursor: e-resize;
 266   width: 7px;
 267   right: -5px;
 268   top: 0;
 269   height: 100%; }
 270
 271 a {
 272   color: #0000cc;
 273   text-decoration: none; }
 274
 275 a:visited {
 276   color: #0000cc; }
 277
 278 a:hover {
 279   color: #ff5555; }
 280
 281 .logout {
 282   color: #000000;
 283   text-decoration: none;
 284   text-align: right; }
 285
 286 .more {
 287   text-decoration: none; }
 288
 289 .back {
 290   text-decoration: none; }
 291
 292 .link_selected {
 293   text-decoration: none;
 294   color: #0000FF; }
 295
 296 .link_selected:visited {
 297   text-decoration: none;
 298   color: #0000FF; }
 299
 300 .link_submit {
 301   text-decoration: none;
 302   color: #000077; }
 303   .link_submit a:visited {
 304     color: #000077; }
 305   .link_submit a:hover {
 306     color: #ff5555; }
 307
 308 .menu {
 309   color: #0000cc;
 310   text-decoration: none;
 311   text-align: left; }
 312
 313 .menu_selected {
 314   color: #000000;
 315   text-decoration: none;
 316   text-align: left; }
 317
 318 /* see .titlebar below */
 319 .title_bar {
 320   font-size: 1.0em;
 321   font-weight: bold;
 322   text-decoration: none;
 323   color: #000000; }
 324
 325 .title_bar_top {
 326   font-weight: bold;
 327   text-decoration: none;
 328   color: #000000; }
 329
 330 .sidebar {
 331   background: #fffbeb;
 332   font-size: 95%;
 333   padding-left: 0 !important;
 334   padding-right: 0 !important; }
 335   .sidebar .submenu {
 336     padding-left: 15px; }
 337   .sidebar ul.mainmenu {
 338     padding-bottom: 55px; }
 339
 340 /*=============================================================
 341  * Here we have taken variables from globals.php and turned them into CSS classes
 342  * these should be used in place of the GLOBAL variables -- JRM March 2008
 343  *=============================================================*/
 344 .body_top {
 345   background-color: #fffbeb;
 346   margin: 8px; }
 347
 348 /* $top_bg_line */
 349 .bgcolor2 {
 350   background-color: #fffbeb; }
 351
 352 /* $GLOBALS['style']['BGCOLOR2'] */
 353 .body_bottom {
 354   background: url("../pic/aquabg.gif") repeat;
 355   margin: 8px; }
 356
 357 /* $bottom_bg_line */
 358 .body_title {
 359   background-color: #fedf98; }
 360
 361 /* $title_bg_line */
 362 .body_nav {
 363   background-color: #fefdcf; }
 364
 365 /* $nav_bg_line */
 366 .body_filler {
 367   background-color: #f7f0d5; }
 368
 369 /* $login_filler_line */
 370 .body_login {
 371   background: url("../pic/aquabg.gif") repeat; }
 372
 373 /* $login_body_line */
 374 .table_bg {
 375   background-color: #ccc; }
 376
 377 /* $table_bg */
 378 .bgcolor1 {
 379   background-color: #ccc; }
 380
 381 /* $GLOBALS['style']['BGCOLOR1'] */
 382 .textcolor11 {
 383   background-color: #222; }
 384
 385 /* $GLOBALS['style']['TEXTCOLOR11'] */
 386 .highlightcolor {
 387   background-color: #ddd; }
 388
 389 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 390 .bottom_line {
 391   background: url("../pic/aquabg.gif") repeat; }
 392
 393 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 394 .logobar {
 395   background-color: #24262c;
 396   height: 110px; }
 397
 398 /* $GLOBALS['logoBarHeight'] */
 399 .navbar {
 400   height: 22px; }
 401
 402 /* $GLOBALS['navBarHeight'] */
 403 .titlebar {
 404   height: 20px; }
 405
 406 /* $GLOBALS['titleBarHeight'] */
 407 /* The top navigation icon styling*/
 408 .top-nav-icons {
 409   margin-right: 15px;
 410   margin-top: 5px; }
 411
 412 .text-area {
 413   background-color: #FFFFFF;
 414   border: 1px solid black;
 415   width: 100%;
 416   height: 100px;
 417   overflow: auto;
 418   text-align: left; }
 419
 420 .example_menu {
 421   list-style: none;
 422   margin: 0;
 423   padding: 0;
 424   vertical-align: top;
 425   width: 136px; }
 426
 427 .expand_all,
 428 .collapse_all {
 429   cursor: pointer; }
 430
 431 .example_menu ul {
 432   display: none;
 433   list-style: none;
 434   margin: 0;
 435   padding: 0; }
 436
 437 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
 438   background-image: none;
 439   margin: 0;
 440   padding: 0;
 441   border-bottom: 1px solid white; }
 442
 443 .example_menu ul ul {
 444   display: block; }
 445
 446 .example_menu a {
 447   color: #000;
 448   cursor: pointer;
 449   display: block;
 450   font-weight: bold;
 451   margin-left: 0;
 452   padding: 2px 2px 2px 17px;
 453   width: 160px; }
 454
 455 .example_menu a.expanded {
 456   background: #bbb url("collapse.gif") no-repeat 3px 50%; }
 457
 458 .example_menu a.collapsed {
 459   background: #bbb url("expand.gif") no-repeat 3px 50%; }
 460
 461 .example_menu a:hover {
 462   text-decoration: none; }
 463
 464 .example_menu ul li span {
 465   background: #d9d1a4;
 466   color: #000;
 467   display: block;
 468   font-weight: normal;
 469   width: 100%; }
 470
 471 .example_menu ul a:Subjective {
 472   font-weight: normal; }
 473
 474 .example_menu ul a:hover {
 475   background: #f5f5f5;
 476   text-decoration: underline; }
 477
 478 .example_menu li.active a {
 479   background: #fff; }
 480
 481 .example_menu li.active li a {
 482   background: #e8e8e8; }
 483
 484 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
 485   background: transparent url("footer.jpg") no-repeat 0 0;
 486   border-top: 2px solid #fff;
 487   height: 9px;
 488   line-height: 15px;
 489   margin: 0 0 10px 0;
 490   width: 131px; }
 491
 492 .example_menu .footer span {
 493   display: none; }
 494
 495 .cke_contents {
 496   height: 300px !important; }
 497
 498 .text {
 499   color: #000000;
 500   text-decoration: none;
 501   font-size: 0.9em; }
 502
 503 .required {
 504   text-decoration: none;
 505   font-size: 0.9em;
 506   color: #880000;
 507   font-weight: bold; }
 508
 509 .bold {
 510   text-decoration: none;
 511   font-size: 0.9em;
 512   color: #000000;
 513   font-weight: bold; }
 514
 515 .small {
 516   text-decoration: none;
 517   color: #000000;
 518   font-size: 0.8em; }
 519
 520 .sellistclass {
 521   float: left; }
 522
 523 .disabled_button {
 524   color: grey; }
 525
 526 a.disabled_button:hover {
 527   color: grey; }
 528
 529 /* Password alert styles */
 530 .pwdalert {
 531   display: block;
 532   width: 390pt;
 533   margin-left: 100px;
 534   padding: 10px 10px 10px 15px;
 535   color: black; }
 536
 537 .alertmsg1 {
 538   border: 3px solid #fe7b7a;
 539   background-color: #ffd6d6; }
 540
 541 .alertmsg2 {
 542   border: 3px solid #f56fff;
 543   background-color: #fabfff; }
 544
 545 .alertmsg3 {
 546   border: 3px solid #9acc2e;
 547   background-color: #eef7dd; }
 548
 549 /* Password alert styles */
 550 /* Style for red font */
 551 .redtext {
 552   text-decoration: none;
 553   color: #FF0000; }
 554
 555 /* Style for red font */
 556 .de_identification_status_message {
 557   width: 50%;
 558   border: 1px solid #0000FF; }
 559
 560 .de_identification_input_controls_box {
 561   width: 100%;
 562   border: 1px solid #0000FF; }
 563
 564 .de_id_upgrade_login {
 565   width: 40%;
 566   border: 1px solid Black;
 567   background-color: #ffffff; }
 568
 569 body.admin-layout input[type="button"] {
 570   display: inline-block;
 571   float: none; }
 572
 573 /* error message = new validation */
 574 .error-message {
 575   color: red;
 576   display: block;
 577   white-space: nowrap;
 578   font-weight: normal; }
 579
 580 .error-border {
 581   border: 1px solid red !important; }
 582
 583 .tinylogocontainer {
 584   display: inline-block;
 585   border: none; }
 586
 587 .tinylogopng {
 588   display: inline-block;
 589   width: 44px;
 590   height: 22px; }
 591
 592 /* style taken out of the addressbook code and put here instead */
 593 #addressbook_list td {
 594   padding-left: 4px;
 595   padding-right: 4px; }
 596
 597 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 598   color: #0000cc; }
 599
 600 #addressbook_list tr.search {
 601   font-weight: bold; }
 602
 603 #addressbook_list tr.head {
 604   background-color: #cccccc;
 605   font-weight: bold; }
 606
 607 #addressbook_list tr.evenrow {
 608   background-color: #ddddff; }
 609
 610 #addressbook_list tr.oddrow {
 611   background-color: #ffffff; }
 612
 613 #addressbook_list .inputtext {
 614   font-weight: normal;
 615   border-style: solid;
 616   border-width: 1px;
 617   border-color: #000000;
 618   background-color: transparent; }
 619
 620 #addressbook_list .button {
 621   font-size: 0.8em;
 622   font-weight: bold; }
 623
 624 /* styles taken out of templates/documents/general_list.html */
 625 #documents_list {
 626   width: 29%;
 627   height: 95%;
 628   overflow: auto;
 629   float: left;
 630   border-right: dashed 1px; }
 631   #documents_list td {
 632     font-size: 8pt; }
 633   #documents_list a {
 634     font-size: 8pt; }
 635   #documents_list .treeMenuDefault {
 636     font-style: italic; }
 637   #documents_list .treeMenuBold {
 638     font-style: italic;
 639     font-weight: bold; }
 640
 641 #documents_actions {
 642   padding-top: 10px;
 643   width: 70%;
 644   height: 95%;
 645   float: right;
 646   overflow: auto; }
 647   #documents_actions iframe {
 648     display: inline;
 649     border: none;
 650     width: 100%;
 651     height: 600px;
 652     overflow: auto; }
 653   #documents_actions form {
 654     margin: 0px;
 655     padding: 0px; }
 656   #documents_actions table {
 657     width: 100%;
 658     height: 95%; }
 659
 660 /*=============================================================
 661  * This section relates to the custom layouts that can be made
 662  * using the OEMR tool in the Admin section. For example, the
 663  * Patient Demographics are a custom layout.
 664  *============================================================*/
 665 #DEM .groupname {
 666   font-weight: bold;
 667   color: #080;
 668   font-size: 0.8em;
 669   padding-right: 5px;
 670   vertical-align: top; }
 671
 672 #DEM .label_custom {
 673   font-weight: bold;
 674   font-size: 0.8em;
 675   vertical-align: top;
 676   text-align: right; }
 677
 678 #DEM .data {
 679   font-size: 0.8em;
 680   vertical-align: top;
 681   text-align: left;
 682   padding-right: 6px;
 683   /*30px - ie 6 fix*/ }
 684
 685 /* Patient History */
 686 #HIS .groupname {
 687   font-weight: bold;
 688   color: #080;
 689   font-size: 9pt;
 690   padding-right: 1px;
 691   vertical-align: top;
 692   height: 2em; }
 693
 694 #HIS .label_custom {
 695   font-weight: bold;
 696   font-size: 9pt;
 697   vertical-align: top; }
 698
 699 #HIS .data {
 700   font-size: 9pt;
 701   vertical-align: top;
 702   text-align: left;
 703   padding-right: 10px; }
 704
 705 /*=============================================================
 706  * Patient Notes
 707  * seen in the patient summary and notes screens
 708  *============================================================*/
 709 #pnotes .billing {
 710   background-color: #dfd; }
 711
 712 #pnotes .highlight {
 713   background-color: #fff; }
 714
 715 #pnotes table {
 716   border-collapse: collapse; }
 717
 718 #pnotes .noterow {
 719   cursor: pointer; }
 720
 721 #pnotes .noterow td {
 722   border-bottom: 1px dashed black;
 723   vertical-align: top;
 724   padding: 5px;
 725   margin: 5px; }
 726
 727 #pnotes_ps_expand div.tab table td {
 728   padding-right: 10px; }
 729
 730 /*=============================================================
 731  * Patient Stats
 732  * seen in the patient stats screens
 733  *============================================================*/
 734 #patient_stats {
 735   padding: 10px; }
 736
 737 #patient_stats table {
 738   width: 100%;
 739   border-collapse: collapse; }
 740
 741 #patient_stats td {
 742   padding: 3px; }
 743
 744 #patient_stats .statrow {
 745   cursor: pointer; }
 746
 747 #patient_stats .head {
 748   background-color: #cccccc;
 749   text-align: center; }
 750
 751 #patient_stats .detail {
 752   vertical-align: top; }
 753
 754 #patient_stats .btn {
 755   background-color: transparent; }
 756
 757 #patient_stats .bg1 {
 758   background-color: #ddddff; }
 759
 760 #patient_stats .bg2 {
 761   background-color: #ffdddd; }
 762
 763 #patient_stats .center {
 764   text-align: center; }
 765
 766 /*=============================================================
 767  * Patient Stats Summary
 768  * seen in the patient summary screen
 769  *============================================================*/
 770 #patient_stats_summary table {
 771   border-collapse: collapse; }
 772
 773 #patient_stats_summary .noend_noreturn {
 774   color: #ee0000; }
 775
 776 #patient_stats_summary .noend {
 777   color: #dd5500; }
 778
 779 #patient_stats_summary .noreturn {
 780   color: #0000ff; }
 781
 782 #patient_stats_summary .title {
 783   font-size: 1.1em; }
 784
 785 #patient_stats_issues {
 786   width: 100%; }
 787
 788 #patient_stats_spreadsheets {
 789   width: 100%; }
 790
 791 #patient_stats_imm {
 792   width: 100%; }
 793
 794 #patient_stats_prescriptions {
 795   width: 100%; }
 796
 797 /*=============================================================
 798  * Patient Past Encounters and Documents
 799  * seen in the patient encounter screen
 800  *============================================================*/
 801 #patient_pastenc {
 802   width: 100%; }
 803
 804 #patient_pastenc .billing_note {
 805   width: 25%; }
 806
 807 #patient_pastenc .billing_note_text {
 808   padding: 5px;
 809   border: 2px outset black;
 810   background-color: lightgrey; }
 811
 812 #patient_pastenc .billing_note_text_highlight {
 813   background-color: #f7f5d1; }
 814
 815 #patient_pastenc table {
 816   border-collapse: collapse;
 817   width: 100%; }
 818
 819 #patient_pastenc tr {
 820   cursor: pointer; }
 821
 822 #patient_pastenc td {
 823   border-top: 1px solid black;
 824   vertical-align: top; }
 825
 826 #patient_pastenc th {
 827   text-align: left; }
 828
 829 #patient_pastenc #tooltipdiv {
 830   position: absolute;
 831   width: 500px;
 832   border: 1px solid black;
 833   padding: 2px;
 834   background-color: #ffffaa;
 835   visibility: hidden;
 836   z-index: 1000; }
 837
 838 #patient_pastenc .highlight {
 839   background-color: #fff; }
 840
 841 #patient_pastenc .tooltip {
 842   position: absolute;
 843   border: 1px solid #333;
 844   background: #f7f5d1;
 845   padding: 2px 5px;
 846   color: #333;
 847   display: none; }
 848
 849 /*=============================================================
 850  * Patient Reports
 851  * seen in the patient reports screens
 852  *============================================================*/
 853 #patient_reports {
 854   width: 100%; }
 855
 856 #patient_reports .issues {
 857   padding-right: 30px; }
 858
 859 #patient_reports .issues table {
 860   margin: 10px 0px 10px 0px; }
 861
 862 #patient_reports .issues td {
 863   padding: 2px; }
 864
 865 #patient_reports .encounters td {
 866   padding: 2px; }
 867
 868 #patient_reports .encounter_forms {
 869   margin: 5px 15px 5px 15px; }
 870
 871 #patient_reports td {
 872   vertical-align: top; }
 873
 874 #patient_reports ul {
 875   list-style: none; }
 876
 877 /*=============================================================
 878  * Report - Custom
 879  * seen as the patient report (custom_report.php)
 880  *============================================================*/
 881 #report_custom {
 882   width: 100%; }
 883
 884 #report_custom hr {
 885   border: 2px dotted black; }
 886
 887 #report_custom .billing {
 888   margin: 5px;
 889   padding: 5px; }
 890
 891 #report_custom h1 {
 892   font-size: 120%;
 893   margin: 0px 0px 5px 0px;
 894   padding: 0px; }
 895
 896 #report_custom .immunizations {
 897   margin: 5px;
 898   padding: 5px; }
 899
 900 #report_custom .notes {
 901   margin: 5px;
 902   padding: 5px; }
 903
 904 #report_custom .transactions {
 905   margin: 5px;
 906   padding: 5px; }
 907
 908 #report_custom .communications {
 909   margin: 5px;
 910   padding: 5px; }
 911
 912 #report_custom .documents {
 913   margin: 5px;
 914   padding: 5px; }
 915
 916 #report_custom .demographics {
 917   margin: 5px;
 918   padding: 5px; }
 919
 920 #report_custom .insurance {
 921   margin: 5px;
 922   padding: 5px; }
 923
 924 #report_custom .history {
 925   margin: 5px;
 926   padding: 5px; }
 927
 928 #report_custom .issue {
 929   margin-left: 20px; }
 930
 931 #report_custom .issue_type {
 932   font-weight: bold;
 933   padding: 5px 0px 5px 0px; }
 934
 935 #report_custom .issue_diag {
 936   margin: 0px 20px 0px 20px; }
 937
 938 #report_custom .encounter {
 939   width: 100%;
 940   border-top: 2px dotted black;
 941   padding: 10px 5px 10px 5px;
 942   margin-top: 10px; }
 943
 944 #report_custom .encounter h1 {
 945   font-size: 140%;
 946   margin: 0px;
 947   padding: 0px; }
 948
 949 #report_custom .encounter_form {
 950   border-top: 1px solid gray; }
 951
 952 /*
 953  * TABS
 954 */
 955 ul.tabNav {
 956   float: left;
 957   list-style: none;
 958   width: 100%; }
 959
 960 ul.tabNav li {
 961   float: left;
 962   vertical-align: bottom;
 963   text-align: left; }
 964
 965 ul.tabNav a {
 966   display: block; }
 967
 968 div.tabContainer {
 969   clear: both;
 970   float: left;
 971   width: 100%; }
 972
 973 div.tabContainer div.tab {
 974   border: 1px solid #ffffff;
 975   color: #000;
 976   display: none;
 977   padding: 10px; }
 978
 979 div.tabContainer div.current {
 980   display: block; }
 981
 982 div.tab {
 983   min-height: 180px;
 984   background: #ffffff none repeat scroll 0 0;
 985   margin-bottom: 10px;
 986   width: 665px; }
 987
 988 div.tab_long {
 989   min-height: 180px;
 990   background: #ffffff none repeat scroll 0 0;
 991   margin-bottom: 10px;
 992   width: 100%; }
 993
 994 div.tab p:last-child {
 995   margin-bottom: 0; }
 996
 997 div.tab table td {
 998   padding-right: 1px;
 999   padding-bottom: 0px; }
1000
1001 div.tab table td.label_custom {
1002   min-width: 80px; }
1003
1004 div.tab table td.data {
1005   min-width: 120px; }
1006
1007 div.notab {
1008   background: #FFFFFF none repeat scroll 0 0;
1009   margin-bottom: 10px;
1010   width: 100%; }
1011
1012 div.notab-right {
1013   background: #FFFFFF none repeat scroll 0 0;
1014   margin-bottom: 10px;
1015   width: 100%; }
1016
1017 .section-header {
1018   margin-bottom: 5px;
1019   width: 685px;
1020   border-bottom: 1px solid; }
1021
1022 .section-header-dynamic {
1023   margin-bottom: 5px;
1024   border-bottom: 1px solid; }
1025
1026 .summary_item {
1027   background: #FFFFFF;
1028   padding: 8px; }
1029
1030 #sddm li {
1031   margin: 0;
1032   list-style: none;
1033   float: left;
1034   background: #f0f0f0; }
1035
1036 #sddm li a {
1037   display: block;
1038   margin: 0 1px 0 0;
1039   text-align: left;
1040   text-decoration: none; }
1041
1042 #sddm li a:hover {
1043   background: #d7d7d7; }
1044
1045 #sddm div {
1046   position: absolute;
1047   visibility: hidden; }
1048
1049 #sddm div a {
1050   position: relative;
1051   display: block;
1052   margin: 0;
1053   padding: 5px 10px;
1054   width: 170px;
1055   white-space: normal;
1056   text-align: left;
1057   text-decoration: none;
1058   font-size: 0.8em;
1059   font-weight: normal; }
1060
1061 #sddm div a:hover {
1062   color: #ffffff; }
1063
1064 /* styles taken out of templates/report/general_default.html */
1065 #reports_list td {
1066   font-size: 0.8em; }
1067
1068 #reports_list a {
1069   font-size: 0.8em; }
1070
1071 /*
1072 * REPORTS
1073 */
1074 #report_parameters {
1075   background-color: #ececec;
1076   margin-top: 10px; }
1077
1078 #report_parameters table {
1079   border: solid 1px;
1080   width: 100%;
1081   border-collapse: collapse; }
1082
1083 #report_parameters table td {
1084   padding: 5px; }
1085
1086 #report_parameters table table {
1087   border: 0px;
1088   border-collapse: collapse;
1089   font-size: 0.8em; }
1090
1091 #report_parameters table table td.label_custom {
1092   text-align: right; }
1093
1094 #report_results table {
1095   border-top: 1px solid black;
1096   border-bottom: 1px solid black;
1097   border-left: 1px solid black;
1098   border-right: 1px solid black;
1099   width: 100%;
1100   border-collapse: collapse;
1101   margin-top: 1px; }
1102
1103 #report_results table thead {
1104   padding: 5px;
1105   display: table-header-group;
1106   background-color: #ddd;
1107   text-align: left;
1108   font-weight: bold;
1109   font-size: 0.7em; }
1110
1111 #report_results table th {
1112   border-bottom: 1px solid black;
1113   padding: 5px; }
1114
1115 #report_results table td {
1116   padding: 5px;
1117   border-bottom: 1px dashed;
1118   font-size: 0.8em; }
1119
1120 .report_totals td {
1121   background-color: #77ff77;
1122   font-weight: bold; }
1123
1124 /**
1125 * List-table formatting
1126 **/
1127 .showborder {
1128   width: 650px; }
1129
1130 .showborder td {
1131   border-bottom: 1px dashed #000000;
1132   text-align: left; }
1133
1134 .showborder_head th {
1135   border-bottom: 1px solid #000000;
1136   text-align: left; }
1137
1138 .shownoborder td {
1139   text-align: left; }
1140
1141 .showborder_long {
1142   width: 100%; }
1143
1144 .showborder_long tr td {
1145   border-bottom: 1px dashed #000000;
1146   text-align: left; }
1147
1148 /* ------- Therapy groups styling --------- */
1149 .group-row {
1150   margin-top: 15px; }
1151
1152 .container-group {
1153   margin-top: auto; }
1154
1155 .group-error-msg {
1156   color: #ff6643; }
1157
1158 .group-success-msg {
1159   color: #4c8029; }
1160
1161 #component-border {
1162   margin-bottom: 20px;
1163   border: 1px solid #2672ec;
1164   width: 100%;
1165   min-height: 150px;
1166   padding: 10px; }
1167
1168 .float-right {
1169   float: right; }
1170
1171 .rtl .float-right {
1172   float: left; }
1173
1174 table.dataTable#therapy_groups_list tbody td {
1175   padding-left: 20px;
1176   padding-right: 20px;
1177   font-size: 15px; }
1178
1179 .therapy_group #therapy_groups_list_container {
1180   margin-top: initial;
1181   width: initial; }
1182
1183 .therapy_group #therapy_groups_list_container input[type="text"] {
1184   border-color: #ccc; }
1185
1186 .therapy_group #therapy_groups_list_container input[type=number] {
1187   -moz-appearance: textfield; }
1188
1189 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1190   -webkit-appearance: none;
1191   margin: 0; }
1192
1193 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1194   background-color: #ef3935;
1195   font-size: 15px;
1196   padding: 2px 10px; }
1197
1198 .therapy_group .delete_btn a {
1199   text-decoration: none;
1200   color: white; }
1201
1202 .therapy_group #therapy_groups_list_container .failed_message {
1203   font-size: 15px; }
1204
1205 #updateParticipants {
1206   position: relative; }
1207
1208 #addParticipant {
1209   position: absolute;
1210   right: 0px;
1211   z-index: 100; }
1212
1213 #add-participant-form {
1214   transition: max-height 1s ease-out;
1215   max-height: 0;
1216   overflow: hidden; }
1217
1218 .showAddForm {
1219   max-height: 250px !important; }
1220
1221 .groups-error-msg {
1222   color: #ff542d;
1223   font-size: 1.3em;
1224   padding: 8px;
1225   text-align: center; }
1226
1227 .therapy_group .event_details {
1228   font-size: 14px; }
1229
1230 #add_participant {
1231   margin-bottom: 20px;
1232   margin-left: 10px; }
1233
1234 #add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap {
1235   margin-top: 7px; }
1236
1237 #add_participant .patient_wrap, #add_participant .comment_wrap {
1238   display: inline-block; }
1239
1240 #add_participant .button_wrap input {
1241   float: none;
1242   display: inline-block; }
1243
1244 #add_participant_element .input_label {
1245   display: block; }
1246
1247 #add_participant_element .error_wrap .error {
1248   color: red; }
1249
1250 #group_attendance_form_table tbody td {
1251   text-align: center; }
1252
1253 #file_type_whitelist .subject-black-list, #file_type_whitelist .subject-white-list {
1254   display: inline-block;
1255   width: 420px;
1256   float: left; }
1257
1258 #file_type_whitelist {
1259   height: 400px;
1260   padding: 10px; }
1261
1262 #white-list, #black-list {
1263   margin: 10px;
1264   padding: 10px;
1265   width: 400px; }
1266
1267 #file_type_whitelist select {
1268   height: 250px;
1269   padding: 0; }
1270
1271 #file_type_whitelist option {
1272   padding: 4px 10px 4px 10px; }
1273
1274 #file_type_whitelist option:hover {
1275   background: #EEEEEE; }
1276
1277 #file_type_whitelist .subject-info-arrows {
1278   display: inline-block;
1279   width: 58px;
1280   margin: 130px 30px 30px 30px;
1281   float: left; }
1282
1283 #file_type_whitelist .subject-info-save {
1284   width: 60px;
1285   margin: 170px 30px 30px 30px;
1286   float: left; }
1287
1288 #file_type_whitelist input[type=button] {
1289   float: none !important;
1290   width: 63px; }
1291
1292 #file_type_whitelist #add-manually {
1293   display: inline-block; }
1294
1295 #file_type_whitelist #add-manually-input {
1296   width: 190px; }
1297
1298 #file_type_whitelist .top-list {
1299   margin: 20px 20px 2px 20px; }
1300
1301 .menu {
1302   font-style: italic;
1303   font-size: 11pt; }
1304
1305 .menu_selected {
1306   font-style: italic;
1307   font-size: 11pt; }
1308
1309 .logout {
1310   font-style: italic;
1311   font-size: 11pt; }
1312
1313 .text {
1314   font-size: 10pt; }
1315
1316 .required {
1317   font-size: 10pt; }
1318
1319 .bold {
1320   font-size: 10pt; }
1321
1322 .alert, .alert-custom {
1323   font-size: 70%;
1324   color: #FF0000;
1325   text-decoration: none; }
1326
1327 .small {
1328   font-size: 80%; }
1329
1330 .link {
1331   font-size: 70%; }
1332
1333 .more {
1334   font-size: 70%; }
1335
1336 .back {
1337   font-size: 70%; }
1338
1339 .link_selected {
1340   font-size: 70%; }
1341
1342 .link_selected:visited {
1343   font-size: 70%; }
1344
1345 .link_submit {
1346   font-size: 10pt; }
1347
1348 .items {
1349   font-size: 6pt; }
1350
1351 .title {
1352   font-size: 12pt;
1353   font-weight: bold;
1354   text-decoration: none; }
1355
1356 .title_bar {
1357   font-size: 12pt; }
1358
1359 .title_bar_top {
1360   font-size: 13px; }
1361
1362 .body_top {
1363   background-color: #FAF3F4; }
1364
1365 /* $top_bg_line RP_MODIFIED 2/8/15 $paler*/
1366 .bgcolor2 {
1367   background-color: #FAF3F4; }
1368
1369 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 $paler*/
1370 .body_title {
1371   background-color: #B0475B; }
1372
1373 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 $dark*/
1374 .body_nav {
1375   background-color: #FAF3F4; }
1376
1377 /* $nav_bg_line RP_MODIFIED 2/8/15 $paler */
1378 .logobar {
1379   background-color: #2F2F7D; }
1380
1381 /* $GLOBALS['logoBarHeight'] RP_MODIFIED 12/22/2012 $midnightblue*/
1382 /* style taken out of the addressbook code and put here instead */
1383 #addressbook_list td {
1384   font-family: Arial, Helvetica, sans-serif; }
1385
1386 #addressbook_list tr.search {
1387   font-size: 9pt; }
1388
1389 #addressbook_list tr.head {
1390   font-size: 10pt;
1391   background-color: inherit; }
1392
1393 #addressbook_list tr.detail {
1394   font-size: 10pt; }
1395
1396 #addressbook_list .inputtext {
1397   font-family: inherit;
1398   font-size: inherit;
1399   font-weight: inherit;
1400   border-style: inherit;
1401   border-width: inherit;
1402   border-color: inherit;
1403   background-color: inherit;
1404   /* RP_MODIFIED 1/18/2016*/
1405   /* DES_OVERRIDE 5/14/2018 */ }
1406
1407 #addressbook_list .button {
1408   font-family: sans-serif;
1409   font-size: 8pt;
1410   font-weight: bold; }
1411
1412 .address_names:hover {
1413   color: magenta; }
1414
1415 .highlight {
1416   color: magenta !important; }
1417
1418 #reports_list td {
1419   font-size: 8pt;
1420   font-family: helvetica; }
1421
1422 #reports_list a {
1423   font-size: 8pt;
1424   font-family: helvetica; }
1425
1426 #documents_list td {
1427   font-family: helvetica; }
1428
1429 #documents_list a {
1430   font-family: helvetica; }
1431
1432 #documents_list .treeMenuDefault {
1433   font-style: italic; }
1434
1435 #documents_list .treeMenuBold {
1436   font-style: italic;
1437   font-weight: bold; }
1438
1439 /*=============================================================
1440  * Patient Stats
1441  * seen in the patient stats screens
1442  *============================================================*/
1443 #patient_stats .head {
1444   font-size: 10pt; }
1445
1446 #patient_stats .detail {
1447   font-size: 10pt; }
1448
1449 /*=============================================================
1450  * Patient Past Encounters and Documents
1451  * seen in the patient encounter screen
1452  *============================================================*/
1453 #patient_pastenc #tooltipdiv {
1454   font-size: 9pt; }
1455
1456 #addressbook_list tr.evenrow, #searchResults tr:nth-child(even) {
1457   background-color: #FFFFFF;
1458   /*RP_MODIFIED 1/16/2016 :$pale */ }
1459
1460 #addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading {
1461   background-color: #F5E8EA;
1462   /*RP_MODIFIED 1/16/2016 $white */ }
1463
1464 /*
1465  * CSS BUTTONS
1466 */
1467 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
1468   background: #CF8E9A;
1469   /*styles the message table header*/ }
1470
1471 input[type="button"], input[type="submit"], button {
1472   background: #5F111F;
1473   color: #FFFFFF !important;
1474   font-size: 12px;
1475   font-weight: 600;
1476   line-height: 1.42857143;
1477   text-align: center;
1478   white-space: nowrap;
1479   vertical-align: middle;
1480   border: 1px solid transparent;
1481   border-radius: 2px; }
1482
1483 .head, #searchCriteria {
1484   background: #CF8E9A !important; }
1485
1486 #searchCriteria {
1487   padding: 0px !important;
1488   margin-bottom: 5px; }
1489
1490 input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, button.active:focus, button:focus, button:active:focus, button.active:focus {
1491   /*transform: translateY(2px);*/ }
1492
1493 input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea {
1494   border-radius: 2px;
1495   border: 1px solid #5F111F !important;
1496   padding: 2px 3px;
1497   margin: 3px !important; }
1498
1499 select {
1500   border-radius: 2px;
1501   border: 1px solid #5F111F !important;
1502   margin: 3px; }
1503
1504 input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
1505   background: #F5E8EA;
1506   border-color: #3F0B15 !important;
1507   box-shadow: 0 0 3px #E2BBC2 !important;
1508   outline: none;
1509   transition: 0.2s linear all; }
1510
1511 select[multiple] {
1512   height: auto !important; }
1513
1514 .css_button_small, .css_button {
1515   display: inline-block;
1516   padding: 2px 3px;
1517   margin-bottom: 0;
1518   margin-right: 3px;
1519   float: left;
1520   font-size: 10px;
1521   font-weight: 600;
1522   color: #FFFFFF !important;
1523   line-height: 1.42857143;
1524   text-align: center;
1525   white-space: nowrap;
1526   vertical-align: middle;
1527   touch-action: manipulation;
1528   cursor: pointer;
1529   -webkit-user-select: none;
1530   -moz-user-select: none;
1531   -ms-user-select: none;
1532   user-select: none;
1533   background-image: none;
1534   background: #5F111F;
1535   border: 1px solid transparent;
1536   border-radius: 2px;
1537   opacity: 1; }
1538
1539 .css_button_small:focus, .css_button_small:active:focus, .css_button_small.active:focus, .css_button_small.focus, .css_button_small:active.focus, .css_button_small.active.focus {
1540   outline: thin dotted;
1541   outline: 5px auto -webkit-focus-ring-color;
1542   outline-offset: -2px; }
1543
1544 .css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus {
1545   color: #FFFFFF;
1546   text-decoration: none; }
1547
1548 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
1549   background-image: none;
1550   outline: 0;
1551   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1552   -webkit-transform: translateY(2px);
1553           transform: translateY(2px); }
1554
1555 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
1556   cursor: not-allowed;
1557   filter: alpha(opacity=65);
1558   box-shadow: none;
1559   opacity: .65; }
1560
1561 .css_button_icon {
1562   padding: 3px 12px 5px 12px; }
1563
1564 a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button {
1565   color: #FFFFFF; }
1566
1567 .btn {
1568   cursor: pointer;
1569   display: inline-block;
1570   background-repeat: no-repeat;
1571   padding: 5px 14px 6px;
1572   text-shadow: none;
1573   color: #333;
1574   font-size: 12px !important;
1575   line-height: 1 !important;
1576   border-bottom-color: #bbb;
1577   border-radius: 2px;
1578   transition: 0.1s linear all; }
1579
1580 .btn.large {
1581   font-size: 16px;
1582   line-height: normal;
1583   padding: 9px 14px 9px;
1584   border-radius: 0px; }
1585
1586 .btn.small {
1587   padding: 3px 3px 3px;
1588   font-size: 9px; }
1589
1590 .btn-custom {
1591   background-color: #0084cc #0085cc !important;
1592   background-repeat: repeat-x;
1593   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084cc', endColorstr='#0084cc');
1594   background-image: -khtml-gradient(linear, left top, left bottom, from(#0084cc), to(#0084cc));
1595   background-image: linear-gradient(#0084cc, #0084cc);
1596   border-color: #0084cc #0084cc #0085cc;
1597   color: #fff !important;
1598   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
1599   -webkit-font-smoothing: antialiased; }
1600
1601 /*
1602  * TABS A7A7A7
1603 */
1604 ul.tabNav {
1605   margin: 0 0 -4 0;
1606   padding: 0; }
1607
1608 /*RP_MODIFIED 7/16/2016*/
1609 ul.tabNav li {
1610   margin: 0 1px 0 0;
1611   padding: 6px 0 0;
1612   font-size: 0.8em; }
1613
1614 ul.tabNav li.current {
1615   padding-top: 0;
1616   font-weight: bold;
1617   font-size: 0.8em;
1618   vertical-align: bottom;
1619   text-align: left; }
1620
1621 ul.tabNav a {
1622   background: #F5E8EA;
1623   border: solid #B0475B;
1624   border-width: 3px 1px 0px 1px;
1625   color: #333;
1626   padding: 4px 4px 5px 4px;
1627   border-top-left-radius: 5px;
1628   /*#CFCCF7 RP_MODIFIED 2/11/2015*/
1629   border-top-right-radius: 5px; }
1630
1631 /*added RP_MODIFIED */
1632 ul.tabNav a:hover {
1633   background-color: #B0475B;
1634   color: #000000; }
1635
1636 div.tabContainer div.current {
1637   border: 1px solid #EBD1D6;
1638   background: #EBD1D6; }
1639
1640 /*RP_MODIFIED 2/11/2015 */
1641 ul.tabNav li.current a {
1642   background: #EBD1D6;
1643   padding: 8px; }
1644
1645 /*
1646 * REPORTS
1647 */
1648 #report_parameters {
1649   background-color: #F5E8EA;
1650   margin: 10px 0px 5px 0px; }
1651
1652 #report_parameters table {
1653   border: solid 1px #3F0B15; }
1654
1655 #report_parameters > table > tbody > tr > td > table {
1656   border-left: 1px solid #3F0B15 !important;
1657   /*openemr5*/ }
1658
1659 #report_parameters .form-control {
1660   width: auto; }
1661
1662 #report_results table {
1663   margin-top: 1px; }
1664
1665 #report_results table thead {
1666   border: solid 1px #3F0B15;
1667   background-color: inherit; }
1668
1669 #report_results table th {
1670   border-bottom: 2px solid #3F0B15;
1671   background-color: inherit; }
1672
1673 #report_results table td {
1674   padding: 5px;
1675   border-bottom: 1px dashed;
1676   font-size: 0.8em; }
1677
1678 .report_totals td {
1679   background-color: #F5E8EA;
1680   font-weight: bold; }
1681
1682 /**
1683 * List-table formatting
1684 **/
1685 .showborder td {
1686   font-size: 9pt; }
1687
1688 .showborder_head th {
1689   font-size: 9pt; }
1690
1691 .shownoborder td {
1692   font-size: 9pt; }
1693
1694 .showborder_long tr td {
1695   font-size: 9pt; }
1696
1697 /**
1698 * Drug lookup
1699 **/
1700 .drug_lookup {
1701   font-family: helvetica;
1702   font-size: 8pt;
1703   border: 2px outset #666666;
1704   background-color: #FAF3F4;
1705   /*RP_MODIFIED 2/8/2014 $paler*/ }
1706
1707 /* Style for red font */
1708 .redtext {
1709   font-size: 10pt; }
1710
1711 /* Style for red font */
1712 #navigation-slide, #navigation-slide * {
1713   padding-left: 0px;
1714   margin-left: 0px; }
1715
1716 #navigation-slide li {
1717   list-style: none; }
1718
1719 #navigation-slide a {
1720   background: #FFFFFF;
1721   border-top: 2px solid #FAF3F4;
1722   /*RP_MODIFIED 2/8/15 #EAE6FF*/
1723   color: #000;
1724   display: block;
1725   font-weight: bold;
1726   padding: 5px 2px 5px 10px;
1727   width: 150px; }
1728
1729 #navigation-slide li a.collapsed {
1730   background: #B0475B;
1731   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1732   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$dark', endColorstr='$dark');
1733   /* for IE b5cbff*/
1734   /* for webkit browsers b5cbff*/
1735   background: -moz-linear-gradient(top, #B0475B, #B0475B);
1736   /* for firefox 3.6+ b5cbff*/ }
1737
1738 #navigation-slide li a.expanded {
1739   background: #CF8E9A;
1740   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1741   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mid', endColorstr='$mid');
1742   /* for IE 61a0ff)*/
1743   /* for webkit browsers */
1744   background: -moz-linear-gradient(top, #CF8E9A, #CF8E9A);
1745   /* for firefox 3.6+ 61a0ff*/ }
1746
1747 #navigation-slide ul li a.collapsed_lv2 {
1748   background: #7870DE;
1749   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1750   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de');
1751   /* for IE e7e6f9*/
1752   /* for webkit browsers e7e6f9*/
1753   background: -moz-linear-gradient(top, #7870de, #7870de);
1754   /* for firefox 3.6+ e7e6f9*/ }
1755
1756 #navigation-slide ul li a.expanded_lv2 {
1757   background: #E7E6F9;
1758   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1759   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$palepurple', endColorstr='$palepurple');
1760   /* for IE 7870de*/
1761   /* for webkit browsers 7870de */
1762   background: -moz-linear-gradient(top, #E7E6F9, #E7E6F9);
1763   /* for firefox 3.6+ 7870de*/ }
1764
1765 #navigation-slide ul li a.collapsed_lv3 {
1766   background: #aaaaaa;
1767   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa');
1768   background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); }
1769
1770 #navigation-slide ul li a.expanded_lv3 {
1771   background: #eeeeee;
1772   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee');
1773   background: -moz-linear-gradient(top, #eeeeee, #eeeeee); }
1774
1775 #sddm li {
1776   padding: 0;
1777   border: 1px solid #FAF3F4;
1778   /*RP_MODIFIED 2/8/15 #EAE6FF*/
1779   background: #B0475B;
1780   /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1781   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$dark', endColorstr='$dark');
1782   /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1783   /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1784   background: -moz-linear-gradient(top, #B0475B, #B0475B);
1785   /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ }
1786
1787 #sddm li a {
1788   padding: 4px 10px;
1789   color: #004080;
1790   font-size: 0.8em;
1791   font-weight: bold; }
1792
1793 #sddm li a:hover {
1794   background: #F5E8EA; }
1795
1796 #sddm div {
1797   display: none;
1798   margin: 0;
1799   padding: 0;
1800   background: #C9F1B5;
1801   border-left: 1px solid #000000;
1802   border-right: 1px solid #000000;
1803   border-bottom: 1px solid #000000; }
1804
1805 #sddm div a {
1806   background: #FAF3F4;
1807   color: #2875DE;
1808   z-index: 10; }
1809
1810 #sddm div a:hover {
1811   background: #F5E8EA;
1812   color: #000000; }
1813
1814 .encounter-form-category-li {
1815   z-index: 100;
1816   background-color: #FAF3F4 !important; }
1817
1818 .example_menu {
1819   font-size: 70%; }
1820
1821 .example_menu ul a:Subjective {
1822   font-weight: normal; }
1823
1824 .example_menu ul a:hover {
1825   background: #f5f5f5;
1826   text-decoration: underline; }
1827
1828 .div-message {
1829   background-color: white;
1830   color: gray;
1831   margin: 5 0 5 0px;
1832   border: 1px solid #5F111F;
1833   /*RP_ADDED 7/5/2016*/
1834   padding: 5px;
1835   width: 648px; }
1836
1837 .signout-content {
1838   background: #FAF3F4;
1839   /*RP_ADDED 8/27/2016*/ }
1840
1841 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1842 div.section, div.borderbox {
1843   border-color: #3F0B15 !important;
1844   background-color: #F5E8EA; }
1845
1846 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1847 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1848 .login div.container {
1849   margin-top: 5%;
1850   max-width: 500px;
1851   background: #FAF3F4 !important;
1852   border-top: solid #B0475B 40px;
1853   border-left: solid #F5E8EA 1px;
1854   border-right: solid #F5E8EA 1px;
1855   border-bottom: solid #F5E8EA 1px; }
1856
1857 body.login {
1858   background: #fcfcfc !important; }
1859
1860 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1861 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1862 .feesheet-title {
1863   font-weight: 900;
1864   background: #B0475B !important;
1865   margin: 0px 0px 10px 0px;
1866   padding: 3px; }
1867
1868 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1869 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1870 #mainBox > .body_top, .body_top_tabs {
1871   background-color: #B0475B !important; }
1872
1873 .tabSpan, .tabSpan_tabs {
1874   border-top: 5px solid #B0475B !important;
1875   border-left: 1px solid #B0475B !important;
1876   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
1877   border-right: 1px solid #B0475B !important;
1878   border-radius: 3px 6px 0px 0px !important; }
1879
1880 .tabNotchosen, .tabsNoHover {
1881   border-bottom: 2px solid #B0475B !important; }
1882
1883 .tabNotchosen:hover {
1884   background: transparent !important; }
1885
1886 .tabSpan_tabs:hover {
1887   background: #F5E8EA !important; }
1888
1889 .tabControls_tabs {
1890   border-bottom: none !important; }
1891
1892 .ptName {
1893   font-size: 20px;
1894   background: #ffff9e;
1895   padding: 0px 5px 0px 5px; }
1896
1897 .patientInfo {
1898   padding: 1px 1px 1px 10px;
1899   font-size: 16px;
1900   font-weight: 600; }
1901
1902 .patientCurrentEncounter {
1903   font-size: 16px;
1904   font-weight: 600; }
1905
1906 .menuLabel {
1907   color: #000000 !important;
1908   font-weight: 700 !important;
1909   font-size: 14px !important;
1910   /*padding: 5px 10px !important;*/ }
1911
1912 .patientEncounterList {
1913   border: 1px solid #5F111F;
1914   background: white; }
1915
1916 /*.patientEncounterList {
1917     background: #ffff9e !important;
1918     border: 1px solid $darker;
1919
1920 }
1921  .patientEncounterList:hover{
1922     background: $palepale !important;
1923     border-color: $darkest !important;
1924     box-shadow: 0 0 3px $midpale;
1925     outline: none;
1926     -webkit-transition: 0.2s linear all;
1927     -moz-transition: 0.2s linear all;
1928     transition: 0.2s linear all;
1929
1930     overflow: visible;
1931     height: auto;
1932     z-index:4;
1933 }*/
1934 .appMenu > span:hover {
1935   background-color: #F5E8EA !important; }
1936
1937 .menuSection:hover {
1938   background-color: #F5E8EA !important; }
1939
1940 .menuLabel:hover {
1941   background: #F5E8EA !important; }
1942
1943 .menuSection > .menuEntries {
1944   box-shadow: 0px 2px 2px #E2BBC2 !important;
1945   border: none !important;
1946   border-radius: 0px !important; }
1947
1948 .menuEntries li .menuLabel {
1949   padding: 5px 10px !important; }
1950
1951 .menuEntres li .menuLabel:hover {
1952   background-color: #F5E8EA !important;
1953   color: #333; }
1954
1955 .appMenu li:hover {
1956   background-color: #F5E8EA !important; }
1957
1958 .menuSection > .menuEntries {
1959   background-color: #FAF3F4 !important; }
1960
1961 .body_title, .body_title_tabs {
1962   background-color: #E2BBC2 !important; }
1963
1964 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1965 .tabs_body, #searchCriteria {
1966   background-color: #EBD1D6; }
1967
1968 .tabs_body_light {
1969   background-color: #F5E8EA; }
1970
1971 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1972 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1973 #calsearch_params {
1974   background-color: #F5E8EA !important;
1975   width: 98% !important; }
1976
1977 .calsearch_body {
1978   background-color: #FAF3F4 !important; }
1979
1980 .chevron_color {
1981   color: #5F111F; }
1982
1983 div#providerPicker select {
1984   margin: 0px; }
1985
1986 #calsearch_results_header {
1987   margin-top: 5px;
1988   width: 99% !important; }
1989
1990 #calsearch_results_data {
1991   width: 99% !important; }
1992
1993 #topToolbarRight {
1994   padding: 3px; }
1995
1996 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1997 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1998 img[src*="show_calendar.gif"] {
1999   margin-bottom: 3px; }
2000
2001 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2002 /* Form styles */
2003 .formtable {
2004   font-size: 13px; }
2005
2006 .report_search_bar {
2007   background-color: #F5E8EA; }
2008
2009 .error-message {
2010   font-size: 11px; }
2011
2012 /* flow board filters*/
2013 #flow_board_parameters {
2014   width: 1041px;
2015   background-color: #F5E8EA; }
2016
2017 #flow_board_parameters table {
2018   border: solid 1px #3F0B15; }
2019
2020 .divider {
2021   border-color: #3F0B15 !important; }
2022
2023 /* flow board filters*/
2024 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2025 .dm-ed-in-1 {
2026   background-color: #F5E8EA !important;
2027   border-bottom: thin solid #3F0B15 !important; }
2028
2029 ul.ext-tab-head li.child-active {
2030   border-bottom: 2px solid #5F111F !important; }
2031
2032 .dm-ed-in-9 {
2033   background-color: #CF8E9A; }
2034
2035 .dm-ed-in-6 {
2036   padding-left: 5px; }
2037
2038 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2039 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2040 .responsetd {
2041   border-color: #3F0B15 !important;
2042   background-color: #F5E8EA;
2043   border-spacing: 5px !important;
2044   border-collapse: separate;
2045   margin: 0px 0px 5px 10px; }
2046
2047 .response {
2048   background-color: #FAF3F4;
2049   border-color: #3F0B15 !important; }
2050
2051 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2052 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2053 .code_fieldset {
2054   border: 1px solid #3F0B15 !important;
2055   background-color: #F5E8EA !important; }
2056
2057 .code_edit {
2058   background-color: #CF8E9A !important; }
2059
2060 .code_legend {
2061   background-color: #CF8E9A !important;
2062   margin-bottom: 0px !important; }
2063
2064 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2065 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2066 .navbar-custom, .navbar-nav, .nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
2067   /* color: white;
2068     background-color: transparent !important;*/ }
2069
2070 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
2071   background-color: #F5E8EA !important; }
2072
2073 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2074   background-color: #F5E8EA !important; }
2075
2076 .dropdown-menu {
2077   background-color: #FAF3F4 !important;
2078   border-top: 1px solid #FAF3F4 !important;
2079   border-radius: 0px !important; }
2080
2081 .navbar-nav {
2082   font-size: 15px; }
2083
2084 .navbar-default {
2085   background-color: #B0475B !important;
2086   border: none; }
2087
2088 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
2089   background-color: #F5E8EA !important; }
2090
2091 .navbar-nav > li > .dropdown-menu {
2092   box-shadow: 0px 2px 2px #E2BBC2 !important; }
2093
2094 .navbar-collapse.collapse.in {
2095   background-color: #B0475B !important;
2096   font-weight: 700;
2097   color: #000000 !important; }
2098
2099 .navbar-default .navbar-brand {
2100   color: #000000 !important; }
2101
2102 .navbar-default .navbar-nav > li > a {
2103   color: #000000 !important; }
2104
2105 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2106 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2107 input[type=checkbox], input[type=radio] {
2108   margin: 4px !important; }
2109
2110 fieldset {
2111   border-color: #3F0B15 !important;
2112   background-color: #F5E8EA !important;
2113   margin-bottom: 10px !important;
2114   padding: 0px 0px 15px 0px !important; }
2115
2116 legend {
2117   border-bottom: 2px solid #B0475B !important;
2118   background: #B0475B !important;
2119   padding-left: 10px !important;
2120   color: #000000 !important; }
2121
2122 label {
2123   padding: 0px 5px !important; }
2124
2125 textarea.form-control {
2126   height: auto !important; }
2127
2128 :focus {
2129   outline: none !important; }
2130
2131 .table > thead {
2132   background: #CF8E9A !important; }
2133
2134 .table-striped > tbody > tr:nth-of-type(odd) {
2135   background-color: #FFFFFF !important; }
2136
2137 .btn-default {
2138   background: #5F111F !important;
2139   color: #FFFFFF !important;
2140   /*border-color:$paler!important; $midpale*/
2141   border-color: #5F111F !important; }
2142
2143 .btn-link {
2144   background: #FAF3F4 !important;
2145   color: #8e8e8e !important;
2146   border-color: #3F0B15 !important;
2147   border-radius: 2px !important; }
2148
2149 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
2150   border-color: #3F0B15 !important;
2151   background: #3F0B15 !important; }
2152
2153 .btn-link:focus, .btn-link:hover {
2154   text-decoration: none !important; }
2155
2156 .btn-link {
2157   border: 1px solid #ccc;
2158   border-radius: 3px !important; }
2159
2160 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open > .dropdown-toggle.btn-link {
2161   color: #666666 !important;
2162   border-color: #5F111F !important;
2163   background: #F5E8EA !important;
2164   box-shadow: 0px 0px 2px #5F111F inset;
2165   transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; }
2166
2167 .btn-separate-left, .oe-opt-btn-separate-left {
2168   margin-left: 20px !important; }
2169
2170 .btn-group .btn {
2171   margin-right: 2px !important; }
2172
2173 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2174   border-top-right-radius: 0px !important;
2175   border-bottom-right-radius: 0px !important;
2176   border-bottom-left-radius: 3px !important;
2177   border-top-left-radius: 3px !important; }
2178
2179 .btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle) {
2180   border-top-right-radius: 3px !important;
2181   border-bottom-right-radius: 3px !important; }
2182
2183 .btn-sm {
2184   font-size: 10px !important; }
2185
2186 .btn-lg {
2187   border-radius: 3px !important; }
2188
2189 .control-label {
2190   font-weight: 600 !important; }
2191
2192 .form-group {
2193   margin-bottom: 5px !important; }
2194
2195 .form-horizontal .control-label {
2196   padding-top: 2px !important; }
2197
2198 .form-control {
2199   height: 24px !important;
2200   padding: 0px 6px !important; }
2201
2202 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
2203   margin-left: -20px !important; }
2204
2205 .checkbox label, .radio label {
2206   padding-left: 20px !important; }
2207
2208 .position-override {
2209   text-align: center !important;
2210   margin-left: 0px; }
2211
2212 .oe-custom-line {
2213   padding-bottom: 5px; }
2214
2215 .oe-large {
2216   display: inline-block; }
2217
2218 .oe-small {
2219   display: none; }
2220
2221 .oe-show-hide {
2222   display: none; }
2223
2224 .oe-legend-radio {
2225   font-size: 12px;
2226   padding: 5px 5px 0px 0px; }
2227
2228 .oe-bold-black {
2229   font-weight: 700 !important;
2230   color: black !important; }
2231
2232 .oe-btn-circle {
2233   width: 30px;
2234   height: 30px;
2235   text-align: center;
2236   padding: 6px 0;
2237   font-size: 12px;
2238   line-height: 1.428571429;
2239   border-radius: 15px;
2240   background: #5F111F !important;
2241   color: #FFFFFF !important;
2242   border-color: #3F0B15 !important; }
2243
2244 .patientInfo a.btn, .patientDataColumn a.btn {
2245   width: 20px;
2246   height: 20px;
2247   text-align: center;
2248   padding: 2px 0;
2249   font-size: 12px;
2250   line-height: 1.428571429;
2251   border-radius: 10px !important;
2252   background: #5F111F !important;
2253   color: #FFFFFF !important;
2254   border-color: #3F0B15 !important;
2255   margin: 5px; }
2256
2257 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2258 #globals_form_search {
2259   margin-top: -3px;
2260   padding: 2px 3px 1px 3px; }
2261
2262 th.currentvalues, th.historicalvalues {
2263   background: #B0475B !important; }
2264
2265 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2266 .oe-payment-select {
2267   width: 80px !important;
2268   text-align: right;
2269   font-size: 12px; }
2270
2271 .oe-ckbox-label {
2272   padding-left: 30px;
2273   font-weight: 500; }
2274
2275 .oe-file-div {
2276   padding: 10px 15px; }
2277
2278 .oe-modal-dialog {
2279   width: 65% !important; }
2280
2281 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2282 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2283 .oe-help-redirect {
2284   color: #5F111F !important; }
2285
2286 .oe-help-heading {
2287   background-color: #F5E8EA !important;
2288   border-color: #E2BBC2 !important; }
2289
2290 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/