interface/themes/rtl_style_burgundy.css

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