interface/themes/rtl_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
 305 .link_submit a:visited {
 306   color: #000077; }
 307
 308 .link_submit a:hover {
 309   color: #ff5555; }
 310
 311 .menu {
 312   color: #0000cc;
 313   text-decoration: none;
 314   text-align: left; }
 315
 316 .menu_selected {
 317   color: #000000;
 318   text-decoration: none;
 319   text-align: left; }
 320
 321 /* see .titlebar below */
 322 .title_bar {
 323   font-size: 1.0em;
 324   font-weight: bold;
 325   text-decoration: none;
 326   color: #000000; }
 327
 328 .title_bar_top {
 329   font-weight: bold;
 330   text-decoration: none;
 331   color: #000000; }
 332
 333 .sidebar {
 334   background: #fffbeb;
 335   font-size: 95%;
 336   padding-left: 0 !important;
 337   padding-right: 0 !important; }
 338
 339 .sidebar .submenu {
 340   padding-left: 15px; }
 341
 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 /* style taken out of the addressbook code and put here instead */
 597 #addressbook_list td {
 598   padding-left: 4px;
 599   padding-right: 4px; }
 600
 601 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 602   color: #0000cc; }
 603
 604 #addressbook_list tr.search {
 605   font-weight: bold; }
 606
 607 #addressbook_list tr.head {
 608   background-color: #cccccc;
 609   font-weight: bold; }
 610
 611 #addressbook_list tr.evenrow {
 612   background-color: #ddddff; }
 613
 614 #addressbook_list tr.oddrow {
 615   background-color: #ffffff; }
 616
 617 #addressbook_list .inputtext {
 618   font-weight: normal;
 619   border-style: solid;
 620   border-width: 1px;
 621   border-color: #000000;
 622   background-color: transparent; }
 623
 624 #addressbook_list .button {
 625   font-size: 0.8em;
 626   font-weight: bold; }
 627
 628 /* styles taken out of templates/documents/general_list.html */
 629 #documents_list {
 630   width: 29%;
 631   height: 95%;
 632   overflow: auto;
 633   float: left;
 634   border-right: dashed 1px; }
 635
 636 #documents_list td {
 637   font-size: 8pt; }
 638
 639 #documents_list a {
 640   font-size: 8pt; }
 641
 642 #documents_list .treeMenuDefault {
 643   font-style: italic; }
 644
 645 #documents_list .treeMenuBold {
 646   font-style: italic;
 647   font-weight: bold; }
 648
 649 #documents_actions {
 650   padding-top: 10px;
 651   width: 70%;
 652   height: 95%;
 653   float: right;
 654   overflow: auto; }
 655
 656 #documents_actions iframe {
 657   display: inline;
 658   border: none;
 659   width: 100%;
 660   height: 600px;
 661   overflow: auto; }
 662
 663 #documents_actions form {
 664   margin: 0px;
 665   padding: 0px; }
 666
 667 #documents_actions table {
 668   width: 100%;
 669   height: 95%; }
 670
 671 /*=============================================================
 672  * This section relates to the custom layouts that can be made
 673  * using the OEMR tool in the Admin section. For example, the
 674  * Patient Demographics are a custom layout.
 675  *============================================================*/
 676 #DEM .groupname {
 677   font-weight: bold;
 678   color: #080;
 679   font-size: 0.8em;
 680   padding-right: 5px;
 681   vertical-align: top; }
 682
 683 #DEM .label_custom {
 684   font-weight: bold;
 685   font-size: 0.8em;
 686   vertical-align: top;
 687   text-align: right; }
 688
 689 #DEM .data {
 690   font-size: 0.8em;
 691   vertical-align: top;
 692   text-align: left;
 693   padding-right: 6px;
 694   /*30px - ie 6 fix*/ }
 695
 696 /* Patient History */
 697 #HIS .groupname {
 698   font-weight: bold;
 699   color: #080;
 700   font-size: 9pt;
 701   padding-right: 1px;
 702   vertical-align: top;
 703   height: 2em; }
 704
 705 #HIS .label_custom {
 706   font-weight: bold;
 707   font-size: 9pt;
 708   vertical-align: top; }
 709
 710 #HIS .data {
 711   font-size: 9pt;
 712   vertical-align: top;
 713   text-align: left;
 714   padding-right: 10px; }
 715
 716 /*=============================================================
 717  * Patient Notes
 718  * seen in the patient summary and notes screens
 719  *============================================================*/
 720 #pnotes .billing {
 721   background-color: #dfd; }
 722
 723 #pnotes .highlight {
 724   background-color: #fff; }
 725
 726 #pnotes table {
 727   border-collapse: collapse; }
 728
 729 #pnotes .noterow {
 730   cursor: pointer; }
 731
 732 #pnotes .noterow td {
 733   border-bottom: 1px dashed black;
 734   vertical-align: top;
 735   padding: 5px;
 736   margin: 5px; }
 737
 738 #pnotes_ps_expand div.tab table td {
 739   padding-right: 10px; }
 740
 741 /*=============================================================
 742  * Patient Stats
 743  * seen in the patient stats screens
 744  *============================================================*/
 745 #patient_stats {
 746   padding: 10px; }
 747
 748 #patient_stats table {
 749   width: 100%;
 750   border-collapse: collapse; }
 751
 752 #patient_stats td {
 753   padding: 3px; }
 754
 755 #patient_stats .statrow {
 756   cursor: pointer; }
 757
 758 #patient_stats .head {
 759   background-color: #cccccc;
 760   text-align: center; }
 761
 762 #patient_stats .detail {
 763   vertical-align: top; }
 764
 765 #patient_stats .btn {
 766   background-color: transparent; }
 767
 768 #patient_stats .bg1 {
 769   background-color: #ddddff; }
 770
 771 #patient_stats .bg2 {
 772   background-color: #ffdddd; }
 773
 774 #patient_stats .center {
 775   text-align: center; }
 776
 777 /*=============================================================
 778  * Patient Stats Summary
 779  * seen in the patient summary screen
 780  *============================================================*/
 781 #patient_stats_summary table {
 782   border-collapse: collapse; }
 783
 784 #patient_stats_summary .noend_noreturn {
 785   color: #ee0000; }
 786
 787 #patient_stats_summary .noend {
 788   color: #dd5500; }
 789
 790 #patient_stats_summary .noreturn {
 791   color: #0000ff; }
 792
 793 #patient_stats_summary .title {
 794   font-size: 1.1em; }
 795
 796 #patient_stats_issues {
 797   width: 100%; }
 798
 799 #patient_stats_spreadsheets {
 800   width: 100%; }
 801
 802 #patient_stats_imm {
 803   width: 100%; }
 804
 805 #patient_stats_prescriptions {
 806   width: 100%; }
 807
 808 /*=============================================================
 809  * Patient Past Encounters and Documents
 810  * seen in the patient encounter screen
 811  *============================================================*/
 812 #patient_pastenc {
 813   width: 100%; }
 814
 815 #patient_pastenc .billing_note {
 816   width: 25%; }
 817
 818 #patient_pastenc .billing_note_text {
 819   padding: 5px;
 820   border: 2px outset black;
 821   background-color: lightgrey; }
 822
 823 #patient_pastenc .billing_note_text_highlight {
 824   background-color: #f7f5d1; }
 825
 826 #patient_pastenc table {
 827   border-collapse: collapse;
 828   width: 100%; }
 829
 830 #patient_pastenc tr {
 831   cursor: pointer; }
 832
 833 #patient_pastenc td {
 834   border-top: 1px solid black;
 835   vertical-align: top; }
 836
 837 #patient_pastenc th {
 838   text-align: left; }
 839
 840 #patient_pastenc #tooltipdiv {
 841   position: absolute;
 842   width: 500px;
 843   border: 1px solid black;
 844   padding: 2px;
 845   background-color: #ffffaa;
 846   visibility: hidden;
 847   z-index: 1000; }
 848
 849 #patient_pastenc .highlight {
 850   background-color: #fff; }
 851
 852 #patient_pastenc .tooltip {
 853   position: absolute;
 854   border: 1px solid #333;
 855   background: #f7f5d1;
 856   padding: 2px 5px;
 857   color: #333;
 858   display: none; }
 859
 860 /*=============================================================
 861  * Patient Reports
 862  * seen in the patient reports screens
 863  *============================================================*/
 864 #patient_reports {
 865   width: 100%; }
 866
 867 #patient_reports .issues {
 868   padding-right: 30px; }
 869
 870 #patient_reports .issues table {
 871   margin: 10px 0px 10px 0px; }
 872
 873 #patient_reports .issues td {
 874   padding: 2px; }
 875
 876 #patient_reports .encounters td {
 877   padding: 2px; }
 878
 879 #patient_reports .encounter_forms {
 880   margin: 5px 15px 5px 15px; }
 881
 882 #patient_reports td {
 883   vertical-align: top; }
 884
 885 #patient_reports ul {
 886   list-style: none; }
 887
 888 /*=============================================================
 889  * Report - Custom
 890  * seen as the patient report (custom_report.php)
 891  *============================================================*/
 892 #report_custom {
 893   width: 100%; }
 894
 895 #report_custom hr {
 896   border: 2px dotted black; }
 897
 898 #report_custom .billing {
 899   margin: 5px;
 900   padding: 5px; }
 901
 902 #report_custom h1 {
 903   font-size: 120%;
 904   margin: 0px 0px 5px 0px;
 905   padding: 0px; }
 906
 907 #report_custom .immunizations {
 908   margin: 5px;
 909   padding: 5px; }
 910
 911 #report_custom .notes {
 912   margin: 5px;
 913   padding: 5px; }
 914
 915 #report_custom .transactions {
 916   margin: 5px;
 917   padding: 5px; }
 918
 919 #report_custom .communications {
 920   margin: 5px;
 921   padding: 5px; }
 922
 923 #report_custom .documents {
 924   margin: 5px;
 925   padding: 5px; }
 926
 927 #report_custom .demographics {
 928   margin: 5px;
 929   padding: 5px; }
 930
 931 #report_custom .insurance {
 932   margin: 5px;
 933   padding: 5px; }
 934
 935 #report_custom .history {
 936   margin: 5px;
 937   padding: 5px; }
 938
 939 #report_custom .issue {
 940   margin-left: 20px; }
 941
 942 #report_custom .issue_type {
 943   font-weight: bold;
 944   padding: 5px 0px 5px 0px; }
 945
 946 #report_custom .issue_diag {
 947   margin: 0px 20px 0px 20px; }
 948
 949 #report_custom .encounter {
 950   width: 100%;
 951   border-top: 2px dotted black;
 952   padding: 10px 5px 10px 5px;
 953   margin-top: 10px; }
 954
 955 #report_custom .encounter h1 {
 956   font-size: 140%;
 957   margin: 0px;
 958   padding: 0px; }
 959
 960 #report_custom .encounter_form {
 961   border-top: 1px solid gray; }
 962
 963 /*
 964  * TABS
 965 */
 966 ul.tabNav {
 967   float: left;
 968   list-style: none;
 969   width: 100%; }
 970
 971 ul.tabNav li {
 972   float: left;
 973   vertical-align: bottom;
 974   text-align: left; }
 975
 976 ul.tabNav a {
 977   display: block; }
 978
 979 div.tabContainer {
 980   clear: both;
 981   float: left;
 982   width: 100%; }
 983
 984 div.tabContainer div.tab {
 985   border: 1px solid #ffffff;
 986   color: #000;
 987   display: none;
 988   padding: 10px; }
 989
 990 div.tabContainer div.current {
 991   display: block; }
 992
 993 div.tab {
 994   min-height: 180px;
 995   background: #ffffff none repeat scroll 0 0;
 996   margin-bottom: 10px;
 997   width: 665px; }
 998
 999 div.tab_long {
1000   min-height: 180px;
1001   background: #ffffff none repeat scroll 0 0;
1002   margin-bottom: 10px;
1003   width: 100%; }
1004
1005 div.tab p:last-child {
1006   margin-bottom: 0; }
1007
1008 div.tab table td {
1009   padding-right: 1px;
1010   padding-bottom: 0px; }
1011
1012 div.tab table td.label_custom {
1013   min-width: 80px; }
1014
1015 div.tab table td.data {
1016   min-width: 120px; }
1017
1018 div.notab {
1019   background: #FFFFFF none repeat scroll 0 0;
1020   margin-bottom: 10px;
1021   width: 100%; }
1022
1023 div.notab-right {
1024   background: #FFFFFF none repeat scroll 0 0;
1025   margin-bottom: 10px;
1026   width: 100%; }
1027
1028 .section-header {
1029   margin-bottom: 5px;
1030   width: 685px;
1031   border-bottom: 1px solid; }
1032
1033 .section-header-dynamic {
1034   margin-bottom: 5px;
1035   border-bottom: 1px solid; }
1036
1037 .summary_item {
1038   background: #FFFFFF;
1039   padding: 8px; }
1040
1041 #sddm li {
1042   margin: 0;
1043   list-style: none;
1044   float: left;
1045   background: #f0f0f0; }
1046
1047 #sddm li a {
1048   display: block;
1049   margin: 0 1px 0 0;
1050   text-align: left;
1051   text-decoration: none; }
1052
1053 #sddm li a:hover {
1054   background: #d7d7d7; }
1055
1056 #sddm div {
1057   position: absolute;
1058   visibility: hidden; }
1059
1060 #sddm div a {
1061   position: relative;
1062   display: block;
1063   margin: 0;
1064   padding: 5px 10px;
1065   width: 170px;
1066   white-space: normal;
1067   text-align: left;
1068   text-decoration: none;
1069   font-size: 0.8em;
1070   font-weight: normal; }
1071
1072 #sddm div a:hover {
1073   color: #ffffff; }
1074
1075 /* styles taken out of templates/report/general_default.html */
1076 #reports_list td {
1077   font-size: 0.8em; }
1078
1079 #reports_list a {
1080   font-size: 0.8em; }
1081
1082 /*
1083 * REPORTS
1084 */
1085 #report_parameters {
1086   background-color: #ececec;
1087   margin-top: 10px; }
1088
1089 #report_parameters table {
1090   border: solid 1px;
1091   width: 100%;
1092   border-collapse: collapse; }
1093
1094 #report_parameters table td {
1095   padding: 5px; }
1096
1097 #report_parameters table table {
1098   border: 0px;
1099   border-collapse: collapse;
1100   font-size: 0.8em; }
1101
1102 #report_parameters table table td.label_custom {
1103   text-align: right; }
1104
1105 #report_results table {
1106   border-top: 1px solid black;
1107   border-bottom: 1px solid black;
1108   border-left: 1px solid black;
1109   border-right: 1px solid black;
1110   width: 100%;
1111   border-collapse: collapse;
1112   margin-top: 1px; }
1113
1114 #report_results table thead {
1115   padding: 5px;
1116   display: table-header-group;
1117   background-color: #ddd;
1118   text-align: left;
1119   font-weight: bold;
1120   font-size: 0.7em; }
1121
1122 #report_results table th {
1123   border-bottom: 1px solid black;
1124   padding: 5px; }
1125
1126 #report_results table td {
1127   padding: 5px;
1128   border-bottom: 1px dashed;
1129   font-size: 0.8em; }
1130
1131 .report_totals td {
1132   background-color: #77ff77;
1133   font-weight: bold; }
1134
1135 /**
1136 * List-table formatting
1137 **/
1138 .showborder {
1139   width: 650px; }
1140
1141 .showborder td {
1142   border-bottom: 1px dashed #000000;
1143   text-align: left; }
1144
1145 .showborder_head th {
1146   border-bottom: 1px solid #000000;
1147   text-align: left; }
1148
1149 .shownoborder td {
1150   text-align: left; }
1151
1152 .showborder_long {
1153   width: 100%; }
1154
1155 .showborder_long tr td {
1156   border-bottom: 1px dashed #000000;
1157   text-align: left; }
1158
1159 /* ------- Therapy groups styling --------- */
1160 .group-row {
1161   margin-top: 15px; }
1162
1163 .container-group {
1164   margin-top: auto; }
1165
1166 .group-error-msg {
1167   color: #ff6643; }
1168
1169 .group-success-msg {
1170   color: #4c8029; }
1171
1172 #component-border {
1173   margin-bottom: 20px;
1174   border: 1px solid #2672ec;
1175   width: 100%;
1176   min-height: 150px;
1177   padding: 10px; }
1178
1179 .float-right {
1180   float: right; }
1181
1182 .rtl .float-right {
1183   float: left; }
1184
1185 table.dataTable#therapy_groups_list tbody td {
1186   padding-left: 20px;
1187   padding-right: 20px;
1188   font-size: 15px; }
1189
1190 .therapy_group #therapy_groups_list_container {
1191   margin-top: initial;
1192   width: initial; }
1193
1194 .therapy_group #therapy_groups_list_container input[type="text"] {
1195   border-color: #ccc; }
1196
1197 .therapy_group #therapy_groups_list_container input[type=number] {
1198   -moz-appearance: textfield; }
1199
1200 .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 {
1201   -webkit-appearance: none;
1202   margin: 0; }
1203
1204 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1205   background-color: #ef3935;
1206   font-size: 15px;
1207   padding: 2px 10px; }
1208
1209 .therapy_group .delete_btn a {
1210   text-decoration: none;
1211   color: white; }
1212
1213 .therapy_group #therapy_groups_list_container .failed_message {
1214   font-size: 15px; }
1215
1216 #updateParticipants {
1217   position: relative; }
1218
1219 #addParticipant {
1220   position: absolute;
1221   right: 0px;
1222   z-index: 100; }
1223
1224 #add-participant-form {
1225   transition: max-height 1s ease-out;
1226   max-height: 0;
1227   overflow: hidden; }
1228
1229 .showAddForm {
1230   max-height: 250px !important; }
1231
1232 .groups-error-msg {
1233   color: #ff542d;
1234   font-size: 1.3em;
1235   padding: 8px;
1236   text-align: center; }
1237
1238 .therapy_group .event_details {
1239   font-size: 14px; }
1240
1241 #add_participant {
1242   margin-bottom: 20px;
1243   margin-left: 10px; }
1244
1245 #add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap {
1246   margin-top: 7px; }
1247
1248 #add_participant .patient_wrap, #add_participant .comment_wrap {
1249   display: inline-block; }
1250
1251 #add_participant .button_wrap input {
1252   float: none;
1253   display: inline-block; }
1254
1255 #add_participant_element .input_label {
1256   display: block; }
1257
1258 #add_participant_element .error_wrap .error {
1259   color: red; }
1260
1261 #group_attendance_form_table tbody td {
1262   text-align: center; }
1263
1264 #file_type_whitelist .subject-black-list, #file_type_whitelist .subject-white-list {
1265   display: inline-block;
1266   width: 420px;
1267   float: left; }
1268
1269 #file_type_whitelist {
1270   height: 400px;
1271   padding: 10px; }
1272
1273 #white-list, #black-list {
1274   margin: 10px;
1275   padding: 10px;
1276   width: 400px; }
1277
1278 #file_type_whitelist select {
1279   height: 250px;
1280   padding: 0; }
1281
1282 #file_type_whitelist option {
1283   padding: 4px 10px 4px 10px; }
1284
1285 #file_type_whitelist option:hover {
1286   background: #EEEEEE; }
1287
1288 #file_type_whitelist .subject-info-arrows {
1289   display: inline-block;
1290   width: 58px;
1291   margin: 130px 30px 30px 30px;
1292   float: left; }
1293
1294 #file_type_whitelist .subject-info-save {
1295   width: 60px;
1296   margin: 170px 30px 30px 30px;
1297   float: left; }
1298
1299 #file_type_whitelist input[type=button] {
1300   float: none !important;
1301   width: 63px; }
1302
1303 #file_type_whitelist #add-manually {
1304   display: inline-block; }
1305
1306 #file_type_whitelist #add-manually-input {
1307   width: 190px; }
1308
1309 #file_type_whitelist .top-list {
1310   margin: 20px 20px 2px 20px; }
1311
1312 .menu {
1313   font-style: italic;
1314   font-size: 11pt; }
1315
1316 .menu_selected {
1317   font-style: italic;
1318   font-size: 11pt; }
1319
1320 .logout {
1321   font-style: italic;
1322   font-size: 11pt; }
1323
1324 .text {
1325   font-size: 10pt; }
1326
1327 .required {
1328   font-size: 10pt; }
1329
1330 .bold {
1331   font-size: 10pt; }
1332
1333 .alert, .alert-custom {
1334   font-size: 70%;
1335   color: #FF0000;
1336   text-decoration: none; }
1337
1338 .small {
1339   font-size: 80%; }
1340
1341 .link {
1342   font-size: 70%; }
1343
1344 .more {
1345   font-size: 70%; }
1346
1347 .back {
1348   font-size: 70%; }
1349
1350 .link_selected {
1351   font-size: 70%; }
1352
1353 .link_selected:visited {
1354   font-size: 70%; }
1355
1356 .link_submit {
1357   font-size: 10pt; }
1358
1359 .items {
1360   font-size: 6pt; }
1361
1362 .title {
1363   font-size: 12pt;
1364   font-weight: bold;
1365   text-decoration: none; }
1366
1367 .title_bar {
1368   font-size: 12pt; }
1369
1370 .title_bar_top {
1371   font-size: 13px; }
1372
1373 .body_top {
1374   background-color: #FFF9ED; }
1375
1376 /* $top_bg_line RP_MODIFIED 2/8/15 $paler*/
1377 .bgcolor2 {
1378   background-color: #FFF9ED; }
1379
1380 /* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 $paler*/
1381 .body_title {
1382   background-color: #FFA800; }
1383
1384 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 $dark*/
1385 .body_nav {
1386   background-color: #FFF9ED; }
1387
1388 /* $nav_bg_line RP_MODIFIED 2/8/15 $paler */
1389 .logobar {
1390   background-color: #2F2F7D; }
1391
1392 /* $GLOBALS['logoBarHeight'] RP_MODIFIED 12/22/2012 $midnightblue*/
1393 /* style taken out of the addressbook code and put here instead */
1394 #addressbook_list td {
1395   font-family: Arial, Helvetica, sans-serif; }
1396
1397 #addressbook_list tr.search {
1398   font-size: 9pt; }
1399
1400 #addressbook_list tr.head {
1401   font-size: 10pt;
1402   background-color: inherit; }
1403
1404 #addressbook_list tr.detail {
1405   font-size: 10pt; }
1406
1407 #addressbook_list .inputtext {
1408   font-family: inherit;
1409   font-size: inherit;
1410   font-weight: inherit;
1411   border-style: inherit;
1412   border-width: inherit;
1413   border-color: inherit;
1414   background-color: inherit;
1415   /* RP_MODIFIED 1/18/2016*/
1416   /* DES_OVERRIDE 5/14/2018 */ }
1417
1418 #addressbook_list .button {
1419   font-family: sans-serif;
1420   font-size: 8pt;
1421   font-weight: bold; }
1422
1423 .address_names:hover {
1424   color: magenta; }
1425
1426 .highlight {
1427   color: magenta !important; }
1428
1429 #reports_list td {
1430   font-size: 8pt;
1431   font-family: helvetica; }
1432
1433 #reports_list a {
1434   font-size: 8pt;
1435   font-family: helvetica; }
1436
1437 #documents_list td {
1438   font-family: helvetica; }
1439
1440 #documents_list a {
1441   font-family: helvetica; }
1442
1443 #documents_list .treeMenuDefault {
1444   font-style: italic; }
1445
1446 #documents_list .treeMenuBold {
1447   font-style: italic;
1448   font-weight: bold; }
1449
1450 /*=============================================================
1451  * Patient Stats
1452  * seen in the patient stats screens
1453  *============================================================*/
1454 #patient_stats .head {
1455   font-size: 10pt; }
1456
1457 #patient_stats .detail {
1458   font-size: 10pt; }
1459
1460 /*=============================================================
1461  * Patient Past Encounters and Documents
1462  * seen in the patient encounter screen
1463  *============================================================*/
1464 #patient_pastenc #tooltipdiv {
1465   font-size: 9pt; }
1466
1467 #addressbook_list tr.evenrow, #searchResults tr:nth-child(even) {
1468   background-color: #FFFFFF;
1469   /*RP_MODIFIED 1/16/2016 :$pale */ }
1470
1471 #addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading {
1472   background-color: #FFF2D8;
1473   /*RP_MODIFIED 1/16/2016 $white */ }
1474
1475 /*
1476  * CSS BUTTONS
1477 */
1478 .message-table-header, #searchResultsHeader, #searchResultsHeader th, #addressbook_list tr.head, .signout-heading, #report_results table thead, .dehead, .showborder_head {
1479   background: #FFCE6F;
1480   /*styles the message table header*/ }
1481
1482 input[type="button"], input[type="submit"], button {
1483   background: #FF7E00;
1484   color: #FFFFFF !important;
1485   font-size: 12px;
1486   font-weight: 600;
1487   line-height: 1.42857143;
1488   text-align: center;
1489   white-space: nowrap;
1490   vertical-align: middle;
1491   border: 1px solid transparent;
1492   border-radius: 2px; }
1493
1494 .head, #searchCriteria {
1495   background: #FFCE6F !important; }
1496
1497 #searchCriteria {
1498   padding: 0px !important;
1499   margin-bottom: 5px; }
1500
1501 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 {
1502   /*transform: translateY(2px);*/ }
1503
1504 input[type="text"], input[type="entry"], input[type="password"], input[type="search"], textarea {
1505   border-radius: 2px;
1506   border: 1px solid #FF7E00 !important;
1507   padding: 2px 3px;
1508   margin: 3px !important; }
1509
1510 select {
1511   border-radius: 2px;
1512   border: 1px solid #FF7E00 !important;
1513   margin: 3px; }
1514
1515 input[type="text"]:focus, input[type="entry"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
1516   background: #FFF2D8;
1517   border-color: #E69700 !important;
1518   box-shadow: 0 0 3px #FFD78B !important;
1519   outline: none;
1520   transition: 0.2s linear all; }
1521
1522 select[multiple] {
1523   height: auto !important; }
1524
1525 .css_button_small, .css_button {
1526   display: inline-block;
1527   padding: 2px 3px;
1528   margin-bottom: 0;
1529   margin-right: 3px;
1530   float: left;
1531   font-size: 10px;
1532   font-weight: 600;
1533   color: #FFFFFF !important;
1534   line-height: 1.42857143;
1535   text-align: center;
1536   white-space: nowrap;
1537   vertical-align: middle;
1538   touch-action: manipulation;
1539   cursor: pointer;
1540   -webkit-user-select: none;
1541   -moz-user-select: none;
1542   -ms-user-select: none;
1543   user-select: none;
1544   background-image: none;
1545   background: #FF7E00;
1546   border: 1px solid transparent;
1547   border-radius: 2px;
1548   opacity: 1; }
1549
1550 .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 {
1551   outline: thin dotted;
1552   outline: 5px auto -webkit-focus-ring-color;
1553   outline-offset: -2px; }
1554
1555 .css_button_small:hover, .css_button_small:focus, .css_button_small.focus, .css_button:hover, .css_button:focus, .css_button.focus {
1556   color: #FFFFFF;
1557   text-decoration: none; }
1558
1559 .css_button_small:active, .css_button_small.active, .css_button:active, .css_button.active {
1560   background-image: none;
1561   outline: 0;
1562   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1563   -webkit-transform: translateY(2px);
1564   transform: translateY(2px); }
1565
1566 .css_button_small.disabled, .css_button_small[disabled], fieldset[disabled] .css_button_small {
1567   cursor: not-allowed;
1568   filter: alpha(opacity=65);
1569   box-shadow: none;
1570   opacity: .65; }
1571
1572 .css_button_icon {
1573   padding: 2px 12px; }
1574
1575 a:visited .css_button_small, a.css_button_small, a:visited .css_button, a.css_button {
1576   color: #FFFFFF; }
1577
1578 .btn {
1579   cursor: pointer;
1580   display: inline-block;
1581   background-repeat: no-repeat;
1582   padding: 5px 14px 6px;
1583   text-shadow: none;
1584   color: #333;
1585   font-size: 12px !important;
1586   line-height: 1 !important;
1587   border-bottom-color: #bbb;
1588   border-radius: 2px;
1589   transition: 0.1s linear all; }
1590
1591 .btn.large {
1592   font-size: 16px;
1593   line-height: normal;
1594   padding: 9px 14px 9px;
1595   border-radius: 0px; }
1596
1597 .btn.small {
1598   padding: 3px 3px 3px;
1599   font-size: 9px; }
1600
1601 .btn-custom {
1602   background-color: #0084cc #0085cc !important;
1603   background-repeat: repeat-x;
1604   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084cc', endColorstr='#0084cc');
1605   background-image: -khtml-gradient(linear, left top, left bottom, from(#0084cc), to(#0084cc));
1606   background-image: linear-gradient(#0084cc, #0084cc);
1607   border-color: #0084cc #0084cc #0085cc;
1608   color: #fff !important;
1609   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
1610   -webkit-font-smoothing: antialiased; }
1611
1612 /*
1613  * TABS A7A7A7
1614 */
1615 ul.tabNav {
1616   margin: 0 0 -4 0;
1617   padding: 0; }
1618
1619 /*RP_MODIFIED 7/16/2016*/
1620 ul.tabNav li {
1621   margin: 0 1px 0 0;
1622   padding: 6px 0 0;
1623   font-size: 0.8em; }
1624
1625 ul.tabNav li.current {
1626   padding-top: 0;
1627   font-weight: bold;
1628   font-size: 0.8em;
1629   vertical-align: bottom;
1630   text-align: left; }
1631
1632 ul.tabNav a {
1633   background: #FFF2D8;
1634   border: solid #FFA800;
1635   border-width: 3px 1px 0px 1px;
1636   color: #333;
1637   padding: 4px 4px 5px 4px;
1638   border-top-left-radius: 5px;
1639   /*#CFCCF7 RP_MODIFIED 2/11/2015*/
1640   border-top-right-radius: 5px; }
1641
1642 /*added RP_MODIFIED */
1643 ul.tabNav a:hover {
1644   background-color: #FFA800;
1645   color: #000000; }
1646
1647 div.tabContainer div.current {
1648   border: 1px solid #FFDE9F;
1649   background: #FFDE9F; }
1650
1651 /*RP_MODIFIED 2/11/2015 */
1652 ul.tabNav li.current a {
1653   background: #FFDE9F;
1654   padding: 8px; }
1655
1656 /*
1657 * REPORTS
1658 */
1659 #report_parameters {
1660   background-color: #FFF2D8;
1661   margin: 10px 0px 5px 0px; }
1662
1663 #report_parameters table {
1664   border: solid 1px #E69700; }
1665
1666 #report_parameters > table > tbody > tr > td > table {
1667   border-left: 1px solid #E69700 !important;
1668   /*openemr5*/ }
1669
1670 #report_parameters .form-control {
1671   width: auto; }
1672
1673 #report_results table {
1674   margin-top: 1px; }
1675
1676 #report_results table thead {
1677   border: solid 1px #E69700;
1678   background-color: inherit; }
1679
1680 #report_results table th {
1681   border-bottom: 2px solid #E69700;
1682   background-color: inherit; }
1683
1684 #report_results table td {
1685   padding: 5px;
1686   border-bottom: 1px dashed;
1687   font-size: 0.8em; }
1688
1689 .report_totals td {
1690   background-color: #FFF2D8;
1691   font-weight: bold; }
1692
1693 /**
1694 * List-table formatting
1695 **/
1696 .showborder td {
1697   font-size: 9pt; }
1698
1699 .showborder_head th {
1700   font-size: 9pt; }
1701
1702 .shownoborder td {
1703   font-size: 9pt; }
1704
1705 .showborder_long tr td {
1706   font-size: 9pt; }
1707
1708 /**
1709 * Drug lookup
1710 **/
1711 .drug_lookup {
1712   font-family: helvetica;
1713   font-size: 8pt;
1714   border: 2px outset #666666;
1715   background-color: #FFF9ED;
1716   /*RP_MODIFIED 2/8/2014 $paler*/ }
1717
1718 /* Style for red font */
1719 .redtext {
1720   font-size: 10pt; }
1721
1722 /* Style for red font */
1723 #navigation-slide, #navigation-slide * {
1724   padding-left: 0px;
1725   margin-left: 0px; }
1726
1727 #navigation-slide li {
1728   list-style: none; }
1729
1730 #navigation-slide a {
1731   background: #FFFFFF;
1732   border-top: 2px solid #FFF9ED;
1733   /*RP_MODIFIED 2/8/15 #EAE6FF*/
1734   color: #000;
1735   display: block;
1736   font-weight: bold;
1737   padding: 5px 2px 5px 10px;
1738   width: 150px; }
1739
1740 #navigation-slide li a.collapsed {
1741   background: #FFA800;
1742   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1743   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$dark', endColorstr='$dark');
1744   /* for IE b5cbff*/
1745   /* for webkit browsers b5cbff*/
1746   background: -moz-linear-gradient(top, #FFA800, #FFA800);
1747   /* for firefox 3.6+ b5cbff*/ }
1748
1749 #navigation-slide li a.expanded {
1750   background: #FFCE6F;
1751   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1752   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mid', endColorstr='$mid');
1753   /* for IE 61a0ff)*/
1754   /* for webkit browsers */
1755   background: -moz-linear-gradient(top, #FFCE6F, #FFCE6F);
1756   /* for firefox 3.6+ 61a0ff*/ }
1757
1758 #navigation-slide ul li a.collapsed_lv2 {
1759   background: #7870DE;
1760   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1761   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7870de', endColorstr='#7870de');
1762   /* for IE e7e6f9*/
1763   /* for webkit browsers e7e6f9*/
1764   background: -moz-linear-gradient(top, #7870de, #7870de);
1765   /* for firefox 3.6+ e7e6f9*/ }
1766
1767 #navigation-slide ul li a.expanded_lv2 {
1768   background: #E7E6F9;
1769   /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1770   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$palepurple', endColorstr='$palepurple');
1771   /* for IE 7870de*/
1772   /* for webkit browsers 7870de */
1773   background: -moz-linear-gradient(top, #E7E6F9, #E7E6F9);
1774   /* for firefox 3.6+ 7870de*/ }
1775
1776 #navigation-slide ul li a.collapsed_lv3 {
1777   background: #aaaaaa;
1778   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa');
1779   background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); }
1780
1781 #navigation-slide ul li a.expanded_lv3 {
1782   background: #eeeeee;
1783   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee');
1784   background: -moz-linear-gradient(top, #eeeeee, #eeeeee); }
1785
1786 #sddm li {
1787   padding: 0;
1788   border: 1px solid #FFF9ED;
1789   /*RP_MODIFIED 2/8/15 #EAE6FF*/
1790   background: #FFA800;
1791   /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1792   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$dark', endColorstr='$dark');
1793   /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1794   /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1795   background: -moz-linear-gradient(top, #FFA800, #FFA800);
1796   /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/ }
1797
1798 #sddm li a {
1799   padding: 4px 10px;
1800   color: #004080;
1801   font-size: 0.8em;
1802   font-weight: bold; }
1803
1804 #sddm li a:hover {
1805   background: #FFF2D8; }
1806
1807 #sddm div {
1808   display: none;
1809   margin: 0;
1810   padding: 0;
1811   background: #C9F1B5;
1812   border-left: 1px solid #000000;
1813   border-right: 1px solid #000000;
1814   border-bottom: 1px solid #000000; }
1815
1816 #sddm div a {
1817   background: #FFF9ED;
1818   color: #2875DE;
1819   z-index: 10; }
1820
1821 #sddm div a:hover {
1822   background: #FFF2D8;
1823   color: #000000; }
1824
1825 .encounter-form-category-li {
1826   z-index: 100;
1827   background-color: #FFF9ED !important; }
1828
1829 .example_menu {
1830   font-size: 70%; }
1831
1832 .example_menu ul a:Subjective {
1833   font-weight: normal; }
1834
1835 .example_menu ul a:hover {
1836   background: #f5f5f5;
1837   text-decoration: underline; }
1838
1839 .div-message {
1840   background-color: white;
1841   color: gray;
1842   margin: 5 0 5 0px;
1843   border: 1px solid #FF7E00;
1844   /*RP_ADDED 7/5/2016*/
1845   padding: 5px;
1846   width: 648px; }
1847
1848 .signout-content {
1849   background: #FFF9ED;
1850   /*RP_ADDED 8/27/2016*/ }
1851
1852 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1853 div.section, div.borderbox {
1854   border-color: #E69700 !important;
1855   background-color: #FFF2D8; }
1856
1857 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1858 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1859 .login div.container {
1860   margin-top: 5%;
1861   max-width: 500px;
1862   background: #FFF9ED !important;
1863   border-top: solid #FFA800 40px;
1864   border-left: solid #FFF2D8 1px;
1865   border-right: solid #FFF2D8 1px;
1866   border-bottom: solid #FFF2D8 1px; }
1867
1868 body.login {
1869   background: #fcfcfc !important; }
1870
1871 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1872 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1873 .feesheet-title {
1874   font-weight: 900;
1875   background: #FFA800 !important;
1876   margin: 0px 0px 10px 0px;
1877   padding: 3px; }
1878
1879 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1880 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1881 #mainBox > .body_top, .body_top_tabs {
1882   background-color: #FFA800 !important; }
1883
1884 .tabSpan, .tabSpan_tabs {
1885   border-top: 5px solid #FFA800 !important;
1886   border-left: 1px solid #FFA800 !important;
1887   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
1888   border-right: 1px solid #FFA800 !important;
1889   border-radius: 3px 6px 0px 0px !important; }
1890
1891 .tabNotchosen, .tabsNoHover {
1892   border-bottom: 2px solid #FFA800 !important; }
1893
1894 .tabNotchosen:hover {
1895   background: transparent !important; }
1896
1897 .tabSpan_tabs:hover {
1898   background: #FFF2D8 !important; }
1899
1900 .tabControls_tabs {
1901   border-bottom: none !important; }
1902
1903 .ptName {
1904   font-size: 20px;
1905   background: #ffff9e;
1906   padding: 0px 5px 0px 5px; }
1907
1908 .patientInfo {
1909   padding: 1px 1px 1px 10px;
1910   font-size: 16px;
1911   font-weight: 600; }
1912
1913 .patientCurrentEncounter {
1914   font-size: 16px;
1915   font-weight: 600; }
1916
1917 .menuLabel {
1918   color: #000000 !important;
1919   font-weight: 700 !important;
1920   font-size: 14px !important;
1921   /*padding: 5px 10px !important;*/ }
1922
1923 .patientEncounterList {
1924   border: 1px solid #FF7E00;
1925   background: white; }
1926
1927 /*.patientEncounterList {
1928     background: #ffff9e !important;
1929     border: 1px solid $darker;
1930
1931 }
1932  .patientEncounterList:hover{
1933     background: $palepale !important;
1934     border-color: $darkest !important;
1935     box-shadow: 0 0 3px $midpale;
1936     outline: none;
1937     -webkit-transition: 0.2s linear all;
1938     -moz-transition: 0.2s linear all;
1939     transition: 0.2s linear all;
1940
1941     overflow: visible;
1942     height: auto;
1943     z-index:4;
1944 }*/
1945 .appMenu > span:hover {
1946   background-color: #FFF2D8 !important; }
1947
1948 .menuSection:hover {
1949   background-color: #FFF2D8 !important; }
1950
1951 .menuLabel:hover {
1952   background: #FFF2D8 !important; }
1953
1954 .menuSection > .menuEntries {
1955   box-shadow: 0px 2px 2px #FFD78B !important;
1956   border: none !important;
1957   border-radius: 0px !important; }
1958
1959 .menuEntries li .menuLabel {
1960   padding: 5px 10px !important; }
1961
1962 .menuEntres li .menuLabel:hover {
1963   background-color: #FFF2D8 !important;
1964   color: #333; }
1965
1966 .appMenu li:hover {
1967   background-color: #FFF2D8 !important; }
1968
1969 .menuSection > .menuEntries {
1970   background-color: #FFF9ED !important; }
1971
1972 .body_title, .body_title_tabs {
1973   background-color: #FFD78B !important; }
1974
1975 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1976 .tabs_body, #searchCriteria {
1977   background-color: #FFDE9F; }
1978
1979 .tabs_body_light {
1980   background-color: #FFF2D8; }
1981
1982 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1983 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1984 #calsearch_params {
1985   background-color: #FFF2D8 !important;
1986   width: 98% !important; }
1987
1988 .calsearch_body {
1989   background-color: #FFF9ED !important; }
1990
1991 .chevron_color {
1992   color: #FF7E00; }
1993
1994 div#providerPicker select {
1995   margin: 0px; }
1996
1997 #calsearch_results_header {
1998   margin-top: 5px;
1999   width: 99% !important; }
2000
2001 #calsearch_results_data {
2002   width: 99% !important; }
2003
2004 #topToolbarRight {
2005   padding: 3px; }
2006
2007 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
2008 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2009 img[src*="show_calendar.gif"] {
2010   margin-bottom: 3px; }
2011
2012 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
2013 /* Form styles */
2014 .formtable {
2015   font-size: 13px; }
2016
2017 .report_search_bar {
2018   background-color: #FFF2D8; }
2019
2020 .error-message {
2021   font-size: 11px; }
2022
2023 /* flow board filters*/
2024 #flow_board_parameters {
2025   width: 1041px;
2026   background-color: #FFF2D8; }
2027
2028 #flow_board_parameters table {
2029   border: solid 1px #E69700; }
2030
2031 .divider {
2032   border-color: #E69700 !important; }
2033
2034 /* flow board filters*/
2035 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2036 .dm-ed-in-1 {
2037   background-color: #FFF2D8 !important;
2038   border-bottom: thin solid #E69700 !important; }
2039
2040 ul.ext-tab-head li.child-active {
2041   border-bottom: 2px solid #FF7E00 !important; }
2042
2043 .dm-ed-in-9 {
2044   background-color: #FFCE6F; }
2045
2046 .dm-ed-in-6 {
2047   padding-left: 5px; }
2048
2049 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
2050 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2051 .responsetd {
2052   border-color: #E69700 !important;
2053   background-color: #FFF2D8;
2054   border-spacing: 5px !important;
2055   border-collapse: separate;
2056   margin: 0px 0px 5px 10px; }
2057
2058 .response {
2059   background-color: #FFF9ED;
2060   border-color: #E69700 !important; }
2061
2062 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2063 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2064 .code_fieldset {
2065   border: 1px solid #E69700 !important;
2066   background-color: #FFF2D8 !important; }
2067
2068 .code_edit {
2069   background-color: #FFCE6F !important; }
2070
2071 .code_legend {
2072   background-color: #FFCE6F !important;
2073   margin-bottom: 0px !important; }
2074
2075 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
2076 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2077 .navbar-custom, .navbar-nav, .nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
2078   /* color: white;
2079     background-color: transparent !important;*/ }
2080
2081 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
2082   background-color: #FFF2D8 !important; }
2083
2084 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2085   background-color: #FFF2D8 !important; }
2086
2087 .dropdown-menu {
2088   background-color: #FFF9ED !important;
2089   border-top: 1px solid #FFF9ED !important;
2090   border-radius: 0px !important; }
2091
2092 .navbar-nav {
2093   font-size: 15px; }
2094
2095 .navbar-default {
2096   background-color: #FFA800 !important;
2097   border: none; }
2098
2099 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
2100   background-color: #FFF2D8 !important; }
2101
2102 .navbar-nav > li > .dropdown-menu {
2103   box-shadow: 0px 2px 2px #FFD78B !important; }
2104
2105 .navbar-collapse.collapse.in {
2106   background-color: #FFA800 !important;
2107   font-weight: 700;
2108   color: #000000 !important; }
2109
2110 .navbar-default .navbar-brand {
2111   color: #000000 !important; }
2112
2113 .navbar-default .navbar-nav > li > a {
2114   color: #000000 !important; }
2115
2116 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
2117 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2118 input[type=checkbox], input[type=radio] {
2119   margin: 4px !important; }
2120
2121 fieldset {
2122   border-color: #E69700 !important;
2123   background-color: #FFF2D8 !important;
2124   margin-bottom: 10px !important;
2125   padding: 0px 0px 15px 0px !important; }
2126
2127 legend {
2128   border-bottom: 2px solid #FFA800 !important;
2129   background: #FFA800 !important;
2130   padding-left: 10px !important;
2131   color: #000000 !important; }
2132
2133 label {
2134   padding: 0px 5px !important; }
2135
2136 textarea.form-control {
2137   height: auto !important; }
2138
2139 :focus {
2140   outline: none !important; }
2141
2142 .table > thead {
2143   background: #FFCE6F !important; }
2144
2145 .table-striped > tbody > tr:nth-of-type(odd) {
2146   background-color: #FFFFFF !important; }
2147
2148 .btn-default {
2149   background: #FF7E00 !important;
2150   color: #FFFFFF !important;
2151   /*border-color:$paler!important; $midpale*/
2152   border-color: #FF7E00 !important; }
2153
2154 .btn-link {
2155   background: #FFF9ED !important;
2156   color: #8e8e8e !important;
2157   border-color: #E69700 !important;
2158   border-radius: 2px !important; }
2159
2160 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
2161   border-color: #E69700 !important;
2162   background: #E69700 !important; }
2163
2164 .btn-link:focus, .btn-link:hover {
2165   text-decoration: none !important; }
2166
2167 .btn-link {
2168   border: 1px solid #ccc;
2169   border-radius: 3px !important; }
2170
2171 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus, .btn-link:hover, .open > .dropdown-toggle.btn-link {
2172   color: #666666 !important;
2173   border-color: #FF7E00 !important;
2174   background: #FFF2D8 !important;
2175   box-shadow: 0px 0px 2px #FF7E00 inset;
2176   transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s; }
2177
2178 .btn-separate-left, .oe-opt-btn-separate-left {
2179   margin-left: 20px !important; }
2180
2181 .btn-group .btn {
2182   margin-right: 2px !important; }
2183
2184 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2185   border-top-right-radius: 0px !important;
2186   border-bottom-right-radius: 0px !important;
2187   border-bottom-left-radius: 3px !important;
2188   border-top-left-radius: 3px !important; }
2189
2190 .btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch > .btn:nth-last-child(2):not(.dropdown-toggle) {
2191   border-top-right-radius: 3px !important;
2192   border-bottom-right-radius: 3px !important; }
2193
2194 .btn-sm {
2195   font-size: 10px !important; }
2196
2197 .btn-lg {
2198   border-radius: 3px !important; }
2199
2200 .control-label {
2201   font-weight: 600 !important; }
2202
2203 .form-group {
2204   margin-bottom: 5px !important; }
2205
2206 .form-horizontal .control-label {
2207   padding-top: 2px !important; }
2208
2209 .form-control {
2210   height: 24px !important;
2211   padding: 0px 6px !important; }
2212
2213 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
2214   margin-left: -20px !important; }
2215
2216 .checkbox label, .radio label {
2217   padding-left: 20px !important; }
2218
2219 .position-override {
2220   text-align: center !important;
2221   margin-left: 0px; }
2222
2223 .oe-custom-line {
2224   padding-bottom: 5px; }
2225
2226 .oe-large {
2227   display: inline-block; }
2228
2229 .oe-small {
2230   display: none; }
2231
2232 .oe-show-hide {
2233   display: none; }
2234
2235 .oe-legend-radio {
2236   font-size: 12px;
2237   padding: 5px 5px 0px 0px; }
2238
2239 .oe-bold-black {
2240   font-weight: 700 !important;
2241   color: black !important; }
2242
2243 .oe-btn-circle {
2244   width: 30px;
2245   height: 30px;
2246   text-align: center;
2247   padding: 6px 0;
2248   font-size: 12px;
2249   line-height: 1.428571429;
2250   border-radius: 15px;
2251   background: #FF7E00 !important;
2252   color: #FFFFFF !important;
2253   border-color: #E69700 !important; }
2254
2255 .patientInfo a.btn, .patientDataColumn a.btn {
2256   width: 20px;
2257   height: 20px;
2258   text-align: center;
2259   padding: 2px 0;
2260   font-size: 12px;
2261   line-height: 1.428571429;
2262   border-radius: 10px !important;
2263   background: #FF7E00 !important;
2264   color: #FFFFFF !important;
2265   border-color: #E69700 !important;
2266   margin: 5px; }
2267
2268 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2269 #globals_form_search {
2270   margin-top: -3px;
2271   padding: 2px 3px 1px 3px; }
2272
2273 th.currentvalues, th.historicalvalues {
2274   background: #FFA800 !important; }
2275
2276 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2277 .oe-payment-select {
2278   width: 80px !important;
2279   text-align: right;
2280   font-size: 12px; }
2281
2282 .oe-ckbox-label {
2283   padding-left: 30px;
2284   font-weight: 500; }
2285
2286 .oe-file-div {
2287   padding: 10px 15px; }
2288
2289 .oe-modal-dialog {
2290   width: 65% !important; }
2291
2292 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2293 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 recall and flowboard *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2294 .divTable, .borderShadow {
2295   background: #FFF2D8 !important;
2296   border: 0.5px solid #FFDE9F !important;
2297   box-shadow: 0px 0px 0px #FFDE9F !important;
2298   border-radius: 0px !important; }
2299
2300 .divTableCell, .divTableHead {
2301   border: 1px solid #FFCE6F !important;
2302   border-radius: 0px !important; }
2303
2304 .divTableHeading {
2305   background-color: #FFDE9F !important; }
2306
2307 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 recall and flowboard *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2308 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2309 .oe-help-redirect {
2310   color: #FF7E00 !important; }
2311
2312 .oe-help-heading {
2313   background-color: #FFF2D8 !important;
2314   border-color: #FFD78B !important; }
2315
2316 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 help files *~~~~~~~~~~~~~~~~~~~~~~~~~*/
2317 /*to facilitate importing all common scss files*/
2318 /*-----------------------openemr5.0.2 help files styling---------------------- */
2319 .oe-help-container a, .oe-help-container a:not(.btn), .oe-help-container a:not(oe-help-redirect) {
2320   text-decoration: none !important;
2321   color: #676666;
2322   font-weight: 700; }
2323
2324 .oe-help-container h2 > a {
2325   font-weight: 500 !important; }
2326
2327 .oe-help-heading {
2328   color: #676666;
2329   background-color: #E4E2E0;
2330   border-color: #DADADA;
2331   padding: 10px 5px;
2332   border-radius: 5px; }
2333
2334 .oe-text-orange {
2335   color: orange; }
2336
2337 .oe-text-red {
2338   color: red; }
2339
2340 .oe-text-green {
2341   color: green; }
2342
2343 .oe-text-black {
2344   color: black; }
2345
2346 .oe-no-float {
2347   float: none !important; }
2348
2349 .oe-inline {
2350   display: inline !important; }
2351
2352 .oe-superscript {
2353   position: relative;
2354   top: -0.5em;
2355   font-size: 70% !important; }
2356
2357 /*-----------------------openemr5.0.2 help files styling---------------------- */
2358 /*---------------------------openemr5.0.2 messages--------------------------- */
2359 .oe-margin-t-3 {
2360   margin-top: 3px; }
2361
2362 .oe-margin-t-10 {
2363   margin-top: 10px; }
2364
2365 .oe-display {
2366   display: none; }
2367
2368 .oe-margin-b-20 {
2369   margin-bottom: 20px; }
2370
2371 .oe-margin-b-10 {
2372   margin-bottom: 10px; }
2373
2374 a.arrowhead, a:hover.arrowhead, a:visited.arrowhead {
2375   color: black; }
2376
2377 .oe-cursor-stop {
2378   cursor: not-allowed; }
2379
2380 .oe-cursor-add {
2381   cursor: cell; }
2382
2383 .oe-patient-background {
2384   background: #ffff9e !important; }
2385
2386 /*---------------------------openemr5.0.2 messages--------------------------- */
2387 /*-------------------openemr ACL-------------------*/
2388 .loading {
2389   text-decoration: blink;
2390   font-size: 10px;
2391   color: red;
2392   font-weight: bold; }
2393
2394 .alert {
2395   font-size: 10px;
2396   color: red;
2397   font-weight: bold; }
2398
2399 .section {
2400   border: solid;
2401   border-width: 1px;
2402   margin: 10px 0 10px 0;
2403   padding: 5px; }
2404
2405 #acl select[multiple], #acl select[size] {
2406   height: auto !important;
2407   width: 400px; }
2408
2409 .section a, .section a:visited, .section a:hover {
2410   text-decoration: none;
2411   color: #000000 !important; }
2412
2413 /*-------------------openemr ACL-------------------*/
2414
2415 /*
2416     RTL adjustments for style*.css files
2417
2418     Author     : Amiel Elboim, Matrix
2419 */
2420
2421 /* General RTL calsses */
2422
2423 tr, td, th{
2424     text-align: right !important;
2425
2426 }
2427
2428 body {
2429     margin: 0px 0px 0px 2px;
2430     direction: rtl;
2431 }
2432
2433 .menu {
2434     text-align: left;
2435 }
2436
2437 .menu_selected {
2438     text-align: left;
2439 }
2440
2441 .logout {
2442     text-align: right;
2443 }
2444
2445
2446
2447
2448 #documents_list {
2449     float: right;
2450     border-right: dashed 1px;
2451 }
2452 #documents_actions {
2453     float: left;
2454 }
2455
2456 #documents_actions form {
2457     margin: 0px; padding: 0px;
2458 }
2459
2460
2461 /*=============================================================
2462  * This section relates to the custom layouts that can be made
2463  * using the OEMR tool in the Admin section. For example, the
2464  * Patient Demographics are a custom layout.
2465  *============================================================*/
2466
2467 #DEM .label_custom {
2468
2469     text-align: left;
2470 }
2471 #DEM .data {
2472     text-align: right;
2473     padding-right: 6px;/*30px - ie 6 fix*/
2474 }
2475
2476 /* Patient History */
2477
2478 #HIS .groupname {
2479     padding-right: 1px;
2480 }
2481
2482 #HIS .data {
2483
2484     text-align: right;
2485     padding-right: 10px;
2486 }
2487
2488
2489 /*=============================================================
2490  * Patient Past Encounters and Documents
2491  * seen in the patient encounter screen
2492  *============================================================*/
2493
2494 #patient_pastenc th {
2495     text-align: right;
2496
2497 }
2498
2499
2500 /*=============================================================
2501  * Patient Reports
2502  * seen in the patient reports screens
2503  *============================================================*/
2504 #patient_reports .issues {
2505     padding-right: 30px;
2506 }
2507 #patient_reports .issues table {
2508     margin: 10px 0px 10px 0px;
2509 }
2510 #patient_reports .issues td {
2511     padding: 2px;
2512 }
2513 #patient_reports .encounters td {
2514     padding: 2px;
2515 }
2516 #patient_reports .encounter_forms {
2517     margin:5px 15px 5px 15px;
2518
2519 }
2520 /*=============================================================
2521  * Report - Custom
2522  * seen as the patient report (custom_report.php)
2523  *============================================================*/
2524
2525 #report_custom .billing {
2526     margin: 5px;
2527     padding: 5px;
2528 }
2529 #report_custom h1 {
2530     margin:  0px 0px 5px 0px;
2531     padding: 0px;
2532 }
2533 #report_custom .immunizations {
2534     margin: 5px;
2535     padding: 5px;
2536 }
2537 #report_custom .notes {
2538     margin: 5px;
2539     padding: 5px;
2540 }
2541 #report_custom .transactions {
2542     margin: 5px;
2543     padding: 5px;
2544 }
2545 #report_custom .communications {
2546     margin: 5px;
2547     padding: 5px;
2548 }
2549 #report_custom .documents {
2550     margin: 5px;
2551     padding: 5px;
2552 }
2553 #report_custom .demographics {
2554     margin: 5px;
2555     padding: 5px;
2556 }
2557 #report_custom .insurance {
2558     margin: 5px;
2559     padding: 5px;
2560 }
2561 #report_custom .history {
2562     margin: 5px;
2563     padding: 5px;
2564 }
2565 #report_custom .issue {
2566     margin-left: 20px;
2567 }
2568 #report_custom .issue_type {
2569     padding: 5px 0px 5px 0px;
2570 }
2571 #report_custom .issue_diag {
2572     margin: 0px 20px 0px 20px;
2573 }
2574 #report_custom .encounter {
2575     border-top:2px dotted black;
2576     padding: 10px 5px 10px 5px;
2577 }
2578 #report_custom .encounter h1 {
2579     margin: 0px;
2580     padding: 0px;
2581 }
2582 #report_custom .encounter_form {
2583     margin: 10px;
2584     padding: 10px;
2585     border-top: 1px solid gray;
2586 }
2587
2588
2589
2590 /*
2591  * CSS BUTTONS
2592 */
2593 .css_button_small {
2594     float: right;
2595     margin-right: 3px;
2596     padding-right: 10px; /* sliding doors padding */
2597 }
2598
2599 .css_button_small span {
2600     padding: 0px 0px 0px 10px;
2601 }
2602
2603 .css_button {
2604     float: right;
2605     margin-right: 3px;
2606     padding-right: 10px; /* sliding doors padding */
2607 }
2608
2609 .css_button span {
2610     padding: 5px 0 5px 10px;
2611 }
2612 .sellistclass {
2613     float:right;
2614 }
2615 /*
2616  * TABS
2617 */
2618
2619 ul.tabNav { margin: 0; padding: 0; }
2620 ul.tabNav { float: right; }
2621 ul.tabNav li { float: right;
2622     margin: 0 1px 0 0;
2623     padding: 6px 0 0;
2624     text-align: right;
2625 }
2626 ul.tabNav li.current {
2627     padding-top: 0;
2628     text-align: right;
2629 }
2630 ul.tabNav a {
2631     padding: 4px 4px 5px 4px;
2632 }
2633 ul.tabNav li.current a {padding: 8px; }
2634
2635 div.tabContainer {
2636     float: right;
2637 }
2638
2639 div.tab table td {
2640     padding-right: 1px;
2641 }
2642 /*
2643 * REPORTS
2644 */
2645
2646 #report_parameters table table td.label_custom {
2647     text-align: left;
2648 }
2649
2650 #report_results table thead {
2651     text-align:right;
2652 }
2653 /**
2654 * List-table formatting
2655 **/
2656 .showborder td {
2657     text-align:right;
2658 }
2659 .showborder_head  th {
2660     text-align:right;
2661 }
2662 .shownoborder td {
2663     text-align:right;
2664 }
2665 .showborder_long tr td{
2666     text-align:right;
2667 }
2668
2669
2670
2671 #navigation-slide, #navigation-slide *{
2672     padding-right:0px;
2673     margin-right:0px;
2674 }
2675
2676 #navigation-slide a{
2677
2678     padding: 5px 2px 5px 10px;
2679 }
2680
2681 #sddm li
2682 {   margin: 0;
2683     padding: 0;
2684     float:right;
2685 }
2686
2687 #sddm li a
2688 {
2689     margin: 0 1px 0 0;
2690     padding: 4px 10px;
2691     text-align:right;
2692 }
2693
2694 #sddm div a
2695 {
2696     margin: 0;
2697     padding: 5px 10px;
2698     text-align: right;
2699 }
2700
2701
2702 .text-area{
2703     text-align:right;
2704 }
2705 .example_menu a {
2706     margin-left: 0;
2707     padding: 2px 2px 2px 17px;
2708 }
2709
2710 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
2711     margin: 0 0 10px 0;
2712 }
2713
2714 /* Calander */
2715 #bottomLeft{
2716
2717     float: right !important;
2718 }
2719 #bigCal{
2720     border-right: 1px solid black !important;
2721 }
2722
2723
2724 /*miscellaneous*/
2725 .misc-internet-search{
2726     float: right !important;
2727 }
2728
2729 form#new_note div{
2730
2731     float: none !important;
2732 }
2733 /* record_disclosure.php */
2734 #record-disclosure, #record-disclosure>div {
2735
2736     float:none !important;
2737
2738 }
2739 /* newpatient/common.php  */
2740 form#new-encounter-form div{
2741
2742     float: none !important;
2743     display: inherit;
2744 }
2745 form#new-encounter-form a{
2746     margin-top: 4px;
2747 }
2748
2749 /* /patient_file/encounter/forms.php  */
2750 #encounter_forms .encounter-summary-column{
2751     float: right !important;
2752 }
2753 #encounter_forms .form_header_controls, #encounter_forms .form_header{
2754     float: none !important;
2755 }
2756
2757
2758 /* /interface/main/main_title.php */
2759 table#main-title tr td:nth-child(1){
2760     text-align: left !important;
2761 }
2762 table#main-title tr td:nth-child(2){
2763     text-align: center !important;
2764 }
2765 table#main-title tr td:nth-child(2) div, table#main-title tr td:nth-child(3) div{
2766     float: none !important;
2767 }
2768 table#main-title tr td:nth-child(3){
2769     text-align: center !important;
2770 }
2771 table#main-title tr td:nth-child(4){
2772     text-align: right !important;
2773 }
2774 table#main-title tr td:nth-child(4) table{
2775     float: left;
2776 }
2777
2778 /* /interface/patient_file/summary/demographics.php */
2779 .demographics-box{
2780     position: relative
2781 }
2782 .demographics-box>div{
2783     float: none !important;
2784     position: absolute;
2785 }
2786 .demographics-box>div:first-child{
2787     width: 55% !important;
2788 }
2789 .demographics-box>div:last-child{
2790     margin-right: 55%
2791 }
2792
2793
2794 #tdallday3>span{
2795     direction: ltr;
2796     display: inline-block;
2797 }
2798 #tdallday3>span>input{
2799     text-align: right;
2800 }
2801
2802 /* /interface/clickmap/template/general_new.html */
2803 .graphic-pain-map{
2804     float: none !important;
2805     width: 600px;
2806 }
2807 .graphic-pain-map img{
2808     width: 100%;
2809 }
2810 body>.nav{
2811     margin-right: 40px;
2812 }
2813
2814
2815 /* ajax_template.html */
2816
2817 #dateNAV img{
2818     display: none;
2819 }
2820 #dateNav>a:nth-child(2), #dateNav>a:nth-child(3){
2821     display: inline-block;
2822     width: 16px;
2823     height: 15.5px;
2824 }
2825 #dateNav>a:nth-child(2){
2826
2827     background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
2828     margin-right: 10px;
2829 }
2830 #dateNav>a:nth-child(3){
2831
2832     background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
2833
2834 }
2835
2836 /* /main/messages/messages.php */
2837 td.amount-msg{
2838
2839     text-align: left !important;
2840     direction: ltr;
2841 }
2842
2843 /*  /interface/billing/edih_view.php  */
2844 #tabs ul.ui-tabs-nav li.ui-state-default{
2845     float: right;
2846 }
2847
2848
2849 /* /interface/code_systems/dataloads_ajax.php */
2850
2851 #accordion .left_wrpr, #accordion .wrpr{
2852     float: right !important;
2853 }
2854 .ui-dialog .ui-dialog-title{
2855
2856     float: none !important;
2857 }
2858
2859
2860 /*  /library/js/datatables/media/css/demo_table.css */
2861
2862 #pt_table_paginate #pt_table_next{
2863
2864     float: none !important;
2865     background: url('../../library/css/images/back_disabled.png') no-repeat top left !important;
2866     display: inline-block;
2867     width: 54px !important;
2868     padding-left: 20px !important;
2869     padding-right: 5px !important;
2870
2871 }
2872
2873 #pt_table_paginate #pt_table_previous{
2874
2875     float: none !important;
2876     background: url('../../library/css/images/forward_disabled.png') no-repeat top right !important;
2877     display: inline-block;
2878     width: 54px !important;
2879     padding-right: 20px !important;
2880     padding-left: 5px !important;
2881
2882 }
2883
2884 .cancel-float{
2885     float: none !important;
2886 }
2887
2888 /* /templates/documents/general_view.html */
2889 #documents_actions form[name^=document]>div>div, #documents_actions form[name=notes]>div>div{
2890
2891     float: none !important;
2892     display: inline-block;
2893 }
2894
2895
2896 #documents_list img[src*=branch], #documents_list img[src*=line], #documents_list img[src*=plus], #documents_list img[src*=minus]{
2897     -webkit-transform: rotate(180deg);
2898     -moz-transform: rotate(180deg);
2899     -o-transform: rotate(180deg);
2900     -ms-transform: rotate(180deg);
2901     transform: rotate(180deg);
2902 }
2903 #documents_list img[src*=branchbottom]{
2904     -webkit-transform:  translate(2px ,0) rotate(-90deg);
2905     -moz-transform:  translate(2px ,0) rotate(-90deg);
2906     -o-transform:  translate(2px ,0) rotate(-90deg);
2907     -ms-transform:  translate(2px ,0) rotate(-90deg);
2908     transform: translate(2px ,0) rotate(-90deg);
2909 }
2910
2911
2912 .tabs-container ul.tabs{
2913     width: 100%;
2914 }
2915
2916 .tabs-container ul.tabs li{
2917
2918     float: none !important;
2919 }
2920 .container_body .viewport .overview{
2921     left: initial !important;
2922 }
2923
2924 .top-menu-carecoordination li{
2925     float: right !important;
2926 }
2927
2928
2929 .setup-carecoordination .top-menu-carecoordination li{
2930     float: right !important;
2931 }
2932 .setup-carecoordination .ca-ca-in-1{
2933     float: right !important;
2934 }
2935 .setup-carecoordination ul.virtualpage_system_based_forms{
2936
2937     float: right !important;
2938 }
2939 .setup-carecoordination .ca-ca-in-2{
2940
2941     float: right;
2942     padding-right: 2% !important;
2943     float: right !important;
2944 }
2945 .setup-carecoordination #paginatediv_database_tables a[rel=next]{
2946     float: left !important;
2947     transform: rotate(180deg);
2948 }
2949 .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
2950     float: right !important;
2951     transform: rotate(180deg);
2952 }
2953
2954 /* online - portal */
2955
2956 /* patients/summary_pat_portal.php */
2957 div#portal-buttons-bottom{
2958     padding: 5px 15px;
2959 }
2960
2961 #DEM .label_custom, #report_parameters table table td.label_custom {
2962     text-align: left !important;
2963 }
2964
2965 /* flow board */
2966 form#pattrk h2>span{
2967     float: right !important;
2968 }
2969 form#pattrk #inanewwindow>span{
2970     float: left !important;
2971 }
2972
2973 /* cdr Groups */
2974 .cdr-rules-class .ui-multiselect .ui-state-default {
2975     padding: 0 20px;
2976 }
2977
2978 .rule_detail.edit.summry .left_col {
2979     float: none;
2980     margin: 5px;
2981 }
2982
2983 .rule_detail .left_col,
2984 .rule_detail .mid_col,
2985 .rule_detail .end_col {
2986     float: none;
2987     display: inline-block;
2988 }
2989
2990 #namecontainer_preminders {
2991     float: right !important;
2992 }
2993
2994 /* Therapy Groups */
2995 #therapy_groups_list_container #clear_filters{
2996     float: right;
2997 }
2998
2999 #namecontainer_creminders {
3000     float: right !important;
3001 }
3002
3003 .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
3004     float: right;
3005 }
3006
3007 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
3008     -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
3009     -moz-transform: rotate(180deg);        /* FF */
3010     -o-transform: rotate(180deg);          /* Opera */
3011     -ms-transform: rotate(180deg);         /* IE9 */
3012     transform: rotate(180deg);             /* W3C compliant browsers */
3013
3014     /* IE8 and below */
3015     filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
3016 }
3017
3018 #file_type_whitelist .subject-black-list,
3019 #file_type_whitelist .subject-white-list,
3020 #file_type_whitelist .subject-info-save,
3021 #file_type_whitelist .subject-info-arrows
3022 {
3023     float: right;
3024 }
3025
3026 #white-list, #black-list{
3027     direction: ltr;
3028 }
3029
3030 div.formname{
3031     float: right !important;
3032     padding-left: 10px !important;
3033 }
3034
3035 .select2-search, .select2-results{
3036     direction: rtl !important;
3037 }