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