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