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