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