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