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