interface/themes/rtl_style_cobalt_blue.css

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