interface/themes/style_light.css

   1 @import "core.css";
   2
   3 /*below section is override bootstrap 3 for openemr and some new classes all prefixed with oe-*/
   4 .form-group {
   5   margin-bottom: 5px !Important;
   6 }
   7 legend {
   8   border-bottom: 2px solid #E5E5E5 !Important;
   9   background: #E5E5E5 !Important;
  10   padding-left: 10px !Important;
  11 }
  12 .form-horizontal .control-label {
  13   padding-top: 2px;
  14 }
  15 fieldset {
  16   background-color: #F2F2F2!Important;
  17   margin-bottom: 10px!Important;
  18   padding: 0px 0px 15px 0px!Important;
  19 }
  20 .btn-link.btn-cancel:focus, .btn-link.btn-cancel:hover {
  21
  22 }
  23 .btn-link.btn-cancel {
  24
  25 }
  26 .btn-link.btn-cancel.active, .btn-link.btn-cancel.focus,
  27 .btn-link.btn-cancel:active, .btn-link.btn-cancel:focus,
  28 .btn-link.btn-cancel:hover, .open>.dropdown-toggle.btn-link.btn-cancel {
  29
  30 }
  31 .btn-separate-left,  .oe-opt-btn-separate-left{
  32
  33 }
  34 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  35
  36 }
  37 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
  38
  39 }
  40 .oe-custom-line{
  41   padding-bottom:5px;
  42 }
  43 .oe-large {
  44   display: inline-block;
  45 }
  46 .oe-small {
  47   display: none;
  48 }
  49 .oe-show-hide {
  50   display: none;
  51 }
  52 .oe-legend-radio{
  53   font-size:12px;
  54   padding:5px 5px 0px 0px;
  55 }
  56 .oe-bold-black {
  57   font-weight: 700;
  58   color: black;
  59 }
  60 .oe-payment-select {
  61   width: 80px !important;
  62   text-align: right;
  63   font-size: 12px;
  64 }
  65 .oe-ckbox-label{
  66   padding-left: 30px;
  67   font-weight: 500;
  68 }
  69 .oe-file-div{
  70   padding:10px 15px;
  71 }
  72 .oe-modal-dialog{
  73   width:65% !Important;
  74 }
  75 .oe-btn-circle {
  76   width: 30px;
  77   height: 30px;
  78   text-align: center;
  79   padding: 6px 0;
  80   font-size: 12px;
  81   line-height: 1.428571429;
  82   border-radius: 15px;
  83 }
  84 /*above section is override bootstrap 3 for openemr and some new classes all prefixed with oe-*/
  85
  86 body {
  87     font-family: lato, Helvetica, Sans-Serif;
  88     font-size: 14px;
  89 }
  90
  91 a {
  92   color: #0000cc;
  93   text-decoration: none;
  94 }
  95 a:visited {
  96   color: #0000cc;
  97 }
  98 a:hover {
  99   color: #ff5555;
 100 }
 101
 102 .menu {
 103   color: #0000cc;
 104   text-decoration: none;
 105   text-align: left;
 106 }
 107 .menuBar{
 108     width:100%;
 109     height:auto;
 110     display:block;
 111     position:fixed;
 112     top:0;
 113     background-color:#FFFFFF !important;
 114     z-index:100;
 115 }
 116
 117 .menuBar ~ .container{
 118     margin-top:95px;
 119 }
 120
 121 .menu_selected {
 122   color: #000000;
 123   text-decoration: none;
 124   text-align: left;
 125 }
 126
 127 .logout {
 128   color: #000000;
 129   text-decoration: none;
 130   text-align: right;
 131 }
 132
 133 .text {
 134   text-decoration: none;
 135   color: #000000;
 136   font-size: 0.9em;
 137 }
 138
 139 .required {
 140   text-decoration: none;
 141   color: #880000;
 142   font-weight: bold;
 143   font-size: 0.9em;
 144 }
 145
 146 .bold {
 147   text-decoration: none;
 148   color: #000000;
 149   font-weight: bold;
 150   font-size: 0.9em;
 151 }
 152
 153 .alert-custom {
 154   background-color: #FF0000 !important;
 155   color: #fff !important;
 156 }
 157
 158 .small {
 159   text-decoration: none;
 160   color: #000000;
 161   font-size: 0.8em;
 162 }
 163
 164 .small span.text, span.required, span.bold {
 165   font-size: 1em;
 166 }
 167
 168 .link {
 169   text-decoration: none;
 170   color: #0000cc;
 171   font-size: 0.7em;
 172 }
 173
 174 .more {
 175   text-decoration: none;
 176   font-size: 0.7em;
 177 }
 178
 179 .back {
 180   text-decoration: none;
 181   font-size: 0.7em;
 182 }
 183
 184 .link_selected {
 185   text-decoration: none;
 186   color: #0000FF;
 187   font-size: 0.7em;
 188 }
 189 .link_selected:visited {
 190   text-decoration: none;
 191   color: #0000FF;
 192   font-size: 0.7em;
 193 }
 194
 195 .link_submit {
 196   text-decoration: none;
 197   color: #000077;
 198 }
 199 .link_submit a:visited {
 200   color: #000077;
 201 }
 202 .link_submit a:hover {
 203   color: #ff5555;
 204 }
 205
 206 .items {
 207   font-size: 0.7em;
 208 }
 209
 210 .title {
 211   font-size: 1.5em;
 212 }
 213
 214 /* see .titlebar below */
 215 .title_bar {
 216   font-size: 1.13em;
 217   font-weight: bold;
 218   text-decoration: none;
 219   color: #000000;
 220 }
 221
 222 .title_bar_top {
 223   font-weight: bold;
 224   text-decoration: none;
 225   color: #000000;
 226 }
 227
 228 .body_top {
 229   background-color: #ffffff;
 230   margin: 8px;
 231 }
 232
 233 /* $top_bg_line */
 234 .bgcolor2 {
 235   background-color: #ffffff;
 236 }
 237
 238 /* $GLOBALS['style']['BGCOLOR2'] */
 239 .body_bottom {
 240   background: url("../pic/aquabg.gif") repeat;
 241   margin: 8px;
 242 }
 243
 244 /* $bottom_bg_line */
 245 .body_title {
 246   background-color: #f4f4f4;
 247 }
 248
 249 /* $title_bg_line */
 250 .body_nav {
 251   background-color: #f0f0f0;
 252 }
 253
 254 /* $nav_bg_line */
 255 .body_filler {
 256   background-color: #f7f0d5;
 257 }
 258
 259 /* $login_filler_line */
 260 .body_login {
 261   background: url("../pic/aquabg.gif") repeat;
 262 }
 263
 264 /* $login_body_line */
 265 .table_bg {
 266   background-color: #ccc;
 267 }
 268
 269 /* $table_bg */
 270 .bgcolor1 {
 271   background-color: #ccc;
 272 }
 273
 274 /* $GLOBALS['style']['BGCOLOR1'] */
 275 .textcolor11 {
 276   background-color: #222;
 277 }
 278
 279 /* $GLOBALS['style']['TEXTCOLOR11'] */
 280 .highlightcolor {
 281   background-color: #ddd;
 282 }
 283
 284 /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 285 .bottom_line {
 286   background: url("../pic/aquabg.gif") repeat;
 287 }
 288
 289 /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 290 .logobar {
 291   background-color: #24262c;
 292   height: 110px;
 293 }
 294
 295 /* $GLOBALS['logoBarHeight'] */
 296 .navbar {
 297   height: 22px;
 298 }
 299
 300 /* $GLOBALS['navBarHeight'] */
 301 .titlebar {
 302   height: 20px;
 303 }
 304
 305 /* $GLOBALS['titleBarHeight'] */
 306 /* style taken out of the addressbook code and put here instead */
 307 #addressbook_list td {
 308   padding-left: 4px;
 309   padding-right: 4px;
 310 }
 311 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 312   color: #0000cc;
 313 }
 314 #addressbook_list tr.search {
 315   font-size: 0.9em;
 316   font-weight: bold;
 317 }
 318 #addressbook_list tr.head {
 319   background-color: #cccccc;
 320   font-weight: bold;
 321 }
 322 #addressbook_list tr.detail {
 323 }
 324 #addressbook_list .inputtext {
 325   font-size: 0.9em;
 326   font-weight: normal;
 327   border-style: solid;
 328   border-width: 1px;
 329   border-color: #000000;
 330   background-color: transparent;
 331 }
 332 #addressbook_list .button {
 333   font-size: 0.8em;
 334   font-weight: bold;
 335 }
 336
 337 /* styles taken out of templates/report/general_default.html */
 338 #reports_list td {
 339   font-size: 0.8em;
 340 }
 341 #reports_list a {
 342   font-size: 0.8em;
 343 }
 344
 345 [href~="deleter"],
 346 [onclick~="delete"] {
 347   background: #ff5d5a !important;
 348 }
 349
 350 .section {
 351   background: #f0f0f0;
 352   border-color: #d7d7d7 !important;
 353 }
 354
 355 /* styles taken out of templates/documents/general_list.html */
 356 #documents_list {
 357   width: 29%;
 358   height: 95%;
 359   overflow: auto;
 360   float: left;
 361   border-right: dashed 1px;
 362 }
 363 #documents_list td {
 364   font-size: 0.8em;
 365 }
 366 #documents_list a {
 367   font-size: 0.8em;
 368 }
 369 #documents_list .treeMenuDefault {
 370   font-style: italic;
 371 }
 372 #documents_list .treeMenuBold {
 373   font-style: italic;
 374   font-weight: bold;
 375 }
 376
 377 #documents_actions {
 378   padding-top: 10px;
 379   width: 70%;
 380   height: 95%;
 381   float: right;
 382   overflow: auto;
 383 }
 384 #documents_actions iframe {
 385   display: inline;
 386   border: none;
 387   width: 100%;
 388   height: 600px;
 389   overflow: auto;
 390 }
 391 #documents_actions form {
 392   margin: 0px;
 393   padding: 0px;
 394 }
 395 #documents_actions table {
 396   width: 100%;
 397   height: 95%;
 398 }
 399
 400 .body_title table tr td {
 401   padding: 0px !important;
 402 }
 403
 404 /*=============================================================
 405  * This section relates to the custom layouts that can be made
 406  * using the OEMR tool in the Admin section. For example, the
 407  * Patient Demographics are a custom layout.
 408  *============================================================*/
 409 #DEM .groupname {
 410   font-weight: bold;
 411   color: #080;
 412   font-size: 0.8em;
 413   padding-right: 5px;
 414   vertical-align: top;
 415 }
 416 #DEM .label_custom {
 417   font-weight: bold;
 418   font-size: 0.8em;
 419   vertical-align: top;
 420   text-align: right;
 421 }
 422 #DEM .data {
 423   font-size: 0.8em;
 424   vertical-align: top;
 425   text-align: left;
 426   padding-right: 6px;
 427 }
 428
 429 /* Patient History */
 430 #HIS .groupname {
 431   font-weight: bold;
 432   color: #080;
 433   font-size: 0.9em;
 434   padding-right: 1px;
 435   vertical-align: top;
 436   height: 2em;
 437 }
 438 #HIS .label_custom {
 439   font-weight: bold;
 440   font-size: 0.9em;
 441   vertical-align: top;
 442 }
 443 #HIS .data {
 444   font-size: 0.9em;
 445   vertical-align: top;
 446   text-align: left;
 447   padding-right: 10px;
 448 }
 449
 450 /*=============================================================
 451  * Patient Notes
 452  * seen in the patient summary and notes screens
 453  *============================================================*/
 454 #pnotes .billing {
 455   background-color: #dfd;
 456 }
 457 #pnotes .highlight {
 458   background-color: #fff;
 459 }
 460 #pnotes table {
 461   border-collapse: collapse;
 462 }
 463 #pnotes .noterow {
 464   cursor: pointer;
 465 }
 466 #pnotes .noterow td {
 467   border-bottom: 1px dashed black;
 468   vertical-align: top;
 469   padding: 5px;
 470   margin: 5px;
 471 }
 472
 473 /*=============================================================
 474  * Patient Stats
 475  * seen in the patient stats screens
 476  *============================================================*/
 477 #patient_stats {
 478   padding: 10px;
 479 }
 480 #patient_stats table {
 481   width: 100%;
 482   border-collapse: collapse;
 483 }
 484 #patient_stats td {
 485   padding: 3px;
 486 }
 487 #patient_stats .statrow {
 488   cursor: pointer;
 489 }
 490 #patient_stats .head {
 491   background-color: #cccccc;
 492   text-align: center;
 493 }
 494 #patient_stats .detail {
 495   vertical-align: top;
 496 }
 497 #patient_stats .btn {
 498   background-color: transparent;
 499 }
 500 #patient_stats .bg1 {
 501   background-color: #ddddff;
 502 }
 503 #patient_stats .bg2 {
 504   background-color: #ffdddd;
 505 }
 506 #patient_stats .center {
 507   text-align: center;
 508 }
 509
 510 /*=============================================================
 511  * Patient Stats Summary
 512  * seen in the patient summary screen
 513  *============================================================*/
 514 #patient_stats_summary table {
 515   border-collapse: collapse;
 516 }
 517 #patient_stats_summary .noend_noreturn {
 518   color: #ee0000;
 519 }
 520 #patient_stats_summary .noend {
 521   color: #dd5500;
 522 }
 523 #patient_stats_summary .noreturn {
 524   color: #0000ff;
 525 }
 526 #patient_stats_summary .title {
 527   font-size: 1.1em;
 528 }
 529
 530 #patient_stats_issues {
 531   width: 100%;
 532 }
 533
 534 #patient_stats_spreadsheets {
 535   width: 100%;
 536 }
 537
 538 #patient_stats_imm {
 539   width: 100%;
 540 }
 541
 542 #patient_stats_prescriptions {
 543   width: 100%;
 544 }
 545
 546 /*=============================================================
 547  * Patient Past Encounters and Documents
 548  * seen in the patient encounter screen
 549  *============================================================*/
 550 #patient_pastenc {
 551   width: 100%;
 552 }
 553 #patient_pastenc .billing_note {
 554   width: 25%;
 555 }
 556 #patient_pastenc .billing_note_text {
 557   padding: 5px;
 558   border: 2px outset black;
 559   background-color: lightgrey;
 560 }
 561 #patient_pastenc .billing_note_text_highlight {
 562   background-color: #f7f5d1;
 563 }
 564 #patient_pastenc table {
 565   border-collapse: collapse;
 566   width: 100%;
 567 }
 568 #patient_pastenc tr {
 569   cursor: pointer;
 570 }
 571 #patient_pastenc td {
 572   border-top: 1px solid black;
 573   vertical-align: top;
 574 }
 575 #patient_pastenc th {
 576   text-align: left;
 577 }
 578 #patient_pastenc #tooltipdiv {
 579   position: absolute;
 580   width: 500px;
 581   border: 1px solid black;
 582   padding: 2px;
 583   background-color: #ffffaa;
 584   visibility: hidden;
 585   z-index: 1000;
 586   font-size: 0.9em;
 587 }
 588 #patient_pastenc .highlight {
 589   background-color: #fff;
 590 }
 591 #patient_pastenc .tooltip {
 592   position: absolute;
 593   border: 1px solid #333;
 594   background: #f7f5d1;
 595   padding: 2px 5px;
 596   color: #333;
 597   display: none;
 598 }
 599
 600 /*=============================================================
 601  * Patient Reports
 602  * seen in the patient reports screens
 603  *============================================================*/
 604 #patient_reports {
 605   width: 100%;
 606 }
 607 #patient_reports .issues {
 608   padding-right: 30px;
 609 }
 610 #patient_reports .issues table {
 611   margin: 10px 0px 10px 0px;
 612 }
 613 #patient_reports .issues td {
 614   padding: 2px;
 615 }
 616 #patient_reports .encounters td {
 617   padding: 2px;
 618 }
 619 #patient_reports .encounter_forms {
 620   margin: 5px 15px 5px 15px;
 621 }
 622 #patient_reports td {
 623   vertical-align: top;
 624 }
 625 #patient_reports ul {
 626   list-style: none;
 627 }
 628
 629 /*=============================================================
 630  * Report - Custom
 631  * seen as the patient report (custom_report.php)
 632  *============================================================*/
 633 #report_custom {
 634   width: 100%;
 635 }
 636 #report_custom hr {
 637   border: 2px dotted black;
 638 }
 639 #report_custom .billing {
 640   margin: 5px;
 641   padding: 5px;
 642 }
 643 #report_custom h1 {
 644   font-size: 1.2em;
 645   margin: 0px 0px 5px 0px;
 646   padding: 0px;
 647 }
 648 #report_custom .immunizations {
 649   margin: 5px;
 650   padding: 5px;
 651 }
 652 #report_custom .notes {
 653   margin: 5px;
 654   padding: 5px;
 655 }
 656 #report_custom .transactions {
 657   margin: 5px;
 658   padding: 5px;
 659 }
 660 #report_custom .communications {
 661   margin: 5px;
 662   padding: 5px;
 663 }
 664 #report_custom .documents {
 665   margin: 5px;
 666   padding: 5px;
 667 }
 668 #report_custom .demographics {
 669   margin: 5px;
 670   padding: 5px;
 671 }
 672 #report_custom .insurance {
 673   margin: 5px;
 674   padding: 5px;
 675 }
 676 #report_custom .history {
 677   margin: 5px;
 678   padding: 5px;
 679 }
 680 #report_custom .issue {
 681   margin-left: 20px;
 682 }
 683 #report_custom .issue_type {
 684   font-weight: bold;
 685   padding: 5px 0px 5px 0px;
 686 }
 687 #report_custom .issue_diag {
 688   margin: 0px 20px 0px 20px;
 689 }
 690 #report_custom .encounter {
 691   width: 100%;
 692   border-top: 2px dotted black;
 693   padding: 10px 5px 10px 5px;
 694   margin-top: 10px;
 695 }
 696 #report_custom .encounter h1 {
 697   font-size: 1.4em;
 698   margin: 0px;
 699   padding: 0px;
 700 }
 701 #report_custom .encounter_form {
 702   margin: 10px;
 703   padding: 10px;
 704   border-top: 1px solid gray;
 705 }
 706
 707 #addressbook_list tr.evenrow {
 708   background-color: #ddddff;
 709 }
 710
 711 #addressbook_list tr.oddrow {
 712   background-color: #ffffff;
 713 }
 714
 715 tr.odd, td.even {
 716   background-color: #ffffff !important;
 717 }
 718
 719 /*
 720  * CSS BUTTONS
 721  */
 722 .css_button_small {
 723   background: #2672ec;
 724   color: #ffffff !important;
 725   display: block;
 726   float: left;
 727   font-weight: 400;
 728   margin-right: 3px;
 729   padding-right: 10px;
 730   /* sliding doors padding */
 731   text-decoration: none;
 732   padding: 5px 12px 5px;
 733   border: none;
 734   font-size: 0.7em;
 735 }
 736 .css_button_small span {
 737   display: block;
 738 }
 739 .css_button_small:hover {
 740   background: #1050b6;
 741   text-decoration: none;
 742 }
 743
 744 .css_button, input[type="button"],input[type="submit"], button {
 745   background: #2672ec;
 746   color: #ffffff !important;
 747   display: block;
 748   float: left;
 749   font-weight: 400;
 750   margin-right: 3px;
 751   padding-right: 10px;
 752   /* sliding doors padding */
 753   text-decoration: none;
 754   padding: 5px 12px 5px;
 755   border: none;
 756 }
 757 .css_button span, input[type="button"] span, button span {
 758   display: inline;
 759 }
 760 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
 761   background: red !important;
 762 }
 763 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
 764   background: #1050b6;
 765   text-decoration: none;
 766 }
 767 .css_btn {
 768   background: #2672ec;
 769   color: #ffffff !important;
 770   display: block;
 771   float: left;
 772   font-weight: 400;
 773   margin-right: 3px;
 774   padding-right: 10px;
 775   /* sliding doors padding */
 776   text-decoration: none;
 777   padding: 5px 12px 5px;
 778   border: none;
 779 }
 780 .css_btn:hover{
 781   color: orangered;
 782 }
 783
 784 .modal-footer > button {
 785   float: none !important;
 786 }
 787
 788 .btn-default {
 789   background: rgba(0,0,0,0.05) !important;
 790   color: rgba(0,0,0,0.87) !important;
 791 }
 792
 793 .btn-link {
 794   color: #444 !important;
 795 }
 796
 797 input[type="button"][style="background-color:#ffff55"] {
 798   background: #2672ec !important;
 799 }
 800
 801 input[type="text"] {
 802   background: #ffffff;
 803   border: 1px solid #444444;
 804   padding: 3px;
 805   margin: 3px;
 806 }
 807
 808 #logout_link:before {
 809   content: "X";
 810 }
 811 #logout_link span {
 812   display: none;
 813 }
 814
 815 .sellistclass {
 816   float: left;
 817 }
 818
 819 .disabled_button {
 820   color: grey;
 821 }
 822
 823 a.disabled_button:hover {
 824   color: grey;
 825 }
 826
 827 /*
 828  * TABS
 829 */
 830 ul.tabNav {
 831   margin: 0;
 832   padding: 0;
 833   padding-top: 4px;
 834   float: left;
 835   list-style: none;
 836   width: 100%;
 837   background: #2672ec;
 838 }
 839 ul.tabNav li {
 840   float: left;
 841   margin: 0px;
 842   padding: 0px 4px;
 843   vertical-align: bottom;
 844   text-align: left;
 845 }
 846 ul.tabNav li.current a {
 847   background: #ffffff;
 848   color: #2672ec;
 849 }
 850 ul.tabNav a {
 851   color: #ffffff;
 852   display: block;
 853   padding: 8px 17px;
 854   text-decoration: none;
 855 }
 856 ul.tabNav a:focus {
 857   outline: none;
 858 }
 859
 860 div.tabContainer {
 861   clear: both;
 862   float: left;
 863   width: 100%;
 864 }
 865
 866 div.tabContainer div.tab {
 867   border: 1px solid #ffffff;
 868   color: #000;
 869   display: none;
 870   padding: 10px;
 871 }
 872
 873 div.tabContainer div.current {
 874   display: block;
 875 }
 876
 877 div.tab {
 878   min-height: 180px;
 879   background: #ffffff none repeat scroll 0 0;
 880   margin-bottom: 10px;
 881   width: 665px;
 882 }
 883
 884 div.tab_long {
 885   min-height: 180px;
 886   background: #ffffff none repeat scroll 0 0;
 887   margin-bottom: 10px;
 888   width: 100%;
 889 }
 890
 891 div.tab p:last-child {
 892   margin-bottom: 0;
 893 }
 894
 895 div.tab table td {
 896   padding-right: 1px;
 897   padding-bottom: 0px;
 898 }
 899
 900 div.tab table td.label_custom {
 901   min-width: 80px;
 902 }
 903
 904 div.tab table td.data {
 905   min-width: 120px;
 906   /*170px*/
 907 }
 908
 909 div.notab {
 910   background: #FFFFFF none repeat scroll 0 0;
 911   margin-bottom: 10px;
 912   width: 100%;
 913 }
 914
 915 div.notab-right {
 916   background: #FFFFFF none repeat scroll 0 0;
 917   margin-bottom: 10px;
 918   width: 100%;
 919 }
 920
 921 .section-header {
 922   margin-bottom: 5px;
 923   width: 685px;
 924   border-bottom: 1px solid;
 925 }
 926
 927 .section-header-dynamic {
 928   margin-bottom: 5px;
 929   border-bottom: 1px solid;
 930 }
 931
 932 .summary_item {
 933   background: #FFFFFF;
 934   padding: 8px;
 935 }
 936
 937 /*
 938 * REPORTS
 939 */
 940 #report_parameters {
 941   background-color: #ececec;
 942   margin-top: 10px;
 943 }
 944
 945 #report_parameters table {
 946   border: solid 1px;
 947   width: 100%;
 948   border-collapse: collapse;
 949 }
 950
 951 #report_parameters table td {
 952   padding: 5px;
 953 }
 954
 955 #report_parameters table table {
 956   border: 0px;
 957   border-collapse: collapse;
 958   font-size: 0.8em;
 959 }
 960
 961 #report_parameters table table td.label_custom {
 962   text-align: right;
 963 }
 964
 965 #report_results table, table.report_results {
 966   border-top: 1px solid black;
 967   border-bottom: 1px solid black;
 968   border-left: 1px solid black;
 969   border-right: 1px solid black;
 970   width: 100%;
 971   border-collapse: collapse;
 972   margin-top: 1px;
 973 }
 974
 975 #report_results table thead, table.report_results thead {
 976   padding: 5px;
 977   display: table-header-group;
 978   background-color: LightSteelBlue;
 979   text-align: left;
 980   font-weight: bold;
 981   font-size: 0.7em;
 982 }
 983
 984 #report_results table th, table.report_results th {
 985   background-color: LightSteelBlue;
 986   border-bottom: 1px solid black;
 987   padding: 5px;
 988 }
 989
 990 #report_results table td, table.report_results td {
 991   padding: 5px;
 992   border-bottom: 0px;
 993   font-size: 0.8em;
 994 }
 995
 996 #report_results table tr:nth-child(odd), table.report_results tr:nth-child(odd) {
 997   background-color: Azure;
 998 }
 999
1000 #report_results table tr:nth-child(even), table.report_results tr:nth-child(even) {
1001   background-color: LightSkyBlue;
1002 }
1003
1004 .report_totals td {
1005   background-color: #77ff77;
1006   font-weight: bold;
1007 }
1008
1009 /**
1010 * List-table formatting
1011 **/
1012 .showborder {
1013   width: 650px;
1014 }
1015
1016 .showborder td {
1017   border-bottom: 1px dashed #000000;
1018   text-align: left;
1019   font-size: 0.9em;
1020 }
1021
1022 .showborder_head th {
1023   border-bottom: 1px solid #000000;
1024   text-align: left;
1025   font-size: 0.9em;
1026 }
1027
1028 .shownoborder td {
1029   text-align: left;
1030   font-size: 0.9em;
1031 }
1032
1033 .showborder_long {
1034   width: 100%;
1035 }
1036
1037 .showborder_long tr td {
1038   border-bottom: 1px dashed #000000;
1039   text-align: left;
1040   font-size: 0.9em;
1041 }
1042
1043 /**
1044 * Drug lookup
1045 **/
1046 .drug_lookup {
1047   font-size: 0.8em;
1048   border: 2px outset #666666;
1049   background-color: #eae6ff;
1050   padding: 5px;
1051   position: absolute;
1052   display: block;
1053 }
1054
1055 /* Password alert styles */
1056 .pwdalert {
1057   display: block;
1058   width: 390pt;
1059   margin-left: 100px;
1060   padding: 10px 10px 10px 15px;
1061   color: black;
1062 }
1063
1064 .alertmsg1 {
1065   border: 3px solid #fe7b7a;
1066   background-color: #ffd6d6;
1067 }
1068
1069 .alertmsg2 {
1070   border: 3px solid #f56fff;
1071   background-color: #fabfff;
1072 }
1073
1074 .alertmsg3 {
1075   border: 3px solid #9acc2e;
1076   background-color: #eef7dd;
1077 }
1078
1079 /* Password alert styles */
1080 /* Style for red font */
1081 .redtext {
1082   text-decoration: none;
1083   color: #FF0000;
1084 }
1085
1086 /* Style for red font */
1087 .de_identification_status_message {
1088   width: 50%;
1089   border: 1px solid #0000FF;
1090 }
1091
1092 .de_identification_input_controls_box {
1093   width: 100%;
1094   border: 1px solid #0000FF;
1095 }
1096
1097 .de_id_upgrade_login {
1098   width: 40%;
1099   border: 1px solid Black;
1100   background-color: #ffffff;
1101 }
1102
1103 #navigation-slide,
1104 #navigation-slide * {
1105   padding-left: 0px;
1106   margin-left: 0px;
1107   font-size: 0.75rem !important;
1108 }
1109 #navigation-slide li,
1110 #navigation-slide * li {
1111   list-style: none;
1112 }
1113 #navigation-slide li a,
1114 #navigation-slide * li a {
1115   background-color: none;
1116   color: #000;
1117   display: block;
1118   font-size: 1.13em;
1119   padding: 8px 0px 8px 0px;
1120   width: 100%;
1121 }
1122 #navigation-slide li a:hover,
1123 #navigation-slide * li a:hover {
1124   background-color: #d7d7d7;
1125 }
1126 #navigation-slide li a.collapsed_lv2:before,
1127 #navigation-slide * li a.collapsed_lv2:before,
1128 #navigation-slide li a.collapsed_lv3:before,
1129 #navigation-slide * li a.collapsed_lv3:before {
1130   content: "&nbsp;";
1131   width: 0;
1132   height: 0;
1133   border-bottom: 5px solid transparent;
1134   /* left arrow slant */
1135   border-top: 5px solid transparent;
1136   /* right arrow slant */
1137   border-left: 5px solid #2f2f2f;
1138   /* bottom, add background color here */
1139   font-size: 0;
1140   line-height: 10px;
1141 }
1142 #navigation-slide li a.expanded,
1143 #navigation-slide * li a.expanded {
1144   background: #cbe6f7;
1145 }
1146 #navigation-slide li a.expanded_lv2:before,
1147 #navigation-slide * li a.expanded_lv2:before,
1148 #navigation-slide li a.expanded_lv3:before,
1149 #navigation-slide * li a.expanded_lv3:before {
1150   content: "&nbsp;";
1151   width: 0;
1152   height: 0;
1153   border-right: 5px solid transparent;
1154   /* left arrow slant */
1155   border-top: 5px solid transparent;
1156   /* right arrow slant */
1157   border-left: 5px solid #2f2f2f;
1158   /* bottom, add background color here */
1159   font-size: 0;
1160   line-height: 0px;
1161 }
1162 #navigation-slide li a img,
1163 #navigation-slide * li a img {
1164   display: none;
1165 }
1166 #navigation-slide li ul li,
1167 #navigation-slide * li ul li {
1168   padding-left: 14px;
1169 }
1170
1171 #sddm li {
1172   margin: 0;
1173   list-style: none;
1174   float: left;
1175   background: #f0f0f0;
1176 }
1177 #sddm li a {
1178   display: block;
1179   margin: 0 1px 0 0;
1180   padding: 12px;
1181   color: #2672ec;
1182   text-align: left;
1183   text-decoration: none;
1184 }
1185 #sddm li a:hover {
1186   background: #d7d7d7;
1187 }
1188 #sddm div {
1189   position: absolute;
1190   visibility: hidden;
1191   display: none;
1192   margin: 0;
1193   padding: 0;
1194   background: #f0f0f0;
1195 }
1196 #sddm div a {
1197   position: relative;
1198   display: block;
1199   margin: 0;
1200   padding: 5px 10px;
1201   width: 170px;
1202   white-space: normal;
1203   text-align: left;
1204   text-decoration: none;
1205   color: #2875DE;
1206   font-size: 0.8em;
1207   font-weight: normal;
1208 }
1209 #sddm div a:hover {
1210   background: #2672ec;
1211   color: #ffffff;
1212 }
1213
1214 #sddm li.encounter-form-category-li{
1215   position: relative;
1216   z-index: 1;
1217 }
1218
1219 .text-area {
1220   background-color: #FFFFFF;
1221   border: 1px solid black;
1222   width: 100%;
1223   height: 100px;
1224   overflow: auto;
1225   text-align: left;
1226 }
1227
1228 .example_menu {
1229   font-size: 0.7em;
1230   list-style: none;
1231   margin: 0;
1232   padding: 0;
1233   vertical-align: top;
1234   width: 136px;
1235 }
1236 .example_menu ul {
1237   display: none;
1238   list-style: none;
1239   margin: 0;
1240   padding: 0;
1241 }
1242 .example_menu ul a:hover {
1243   background: #f5f5f5;
1244   text-decoration: underline;
1245 }
1246 .example_menu ul ul {
1247   display: block;
1248 }
1249 .example_menu ul li span {
1250   background: #d9d1a4;
1251   color: #000;
1252   display: block;
1253   font-weight: normal;
1254   width: 100%;
1255 }
1256 .example_menu a {
1257   color: #000;
1258   cursor: pointer;
1259   display: block;
1260   font-weight: bold;
1261   margin-left: 0;
1262   padding: 2px 2px 2px 17px;
1263   width: 160px;
1264 }
1265 .example_menu a .expanded {
1266   background: #bbb url("collapse.gif") no-repeat 3px 50%;
1267 }
1268 .example_menu a .collapsed {
1269   background: #bbb url("expand.gif") no-repeat 3px 50%;
1270 }
1271 .example_menu a:hover {
1272   text-decoration: none;
1273 }
1274
1275 .expand_all,
1276 .collapse_all {
1277   cursor: pointer;
1278 }
1279
1280 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1281   background-image: none;
1282   margin: 0;
1283   padding: 0;
1284   border-bottom: 1px solid white;
1285 }
1286
1287 .example_menu li.active a {
1288   background: #fff;
1289 }
1290
1291 .example_menu li.active li a {
1292   background: #e8e8e8;
1293 }
1294
1295 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1296   background: transparent url("footer.jpg") no-repeat 0 0;
1297   border-top: 2px solid #fff;
1298   height: 9px;
1299   line-height: 15px;
1300   margin: 0 0 10px 0;
1301   width: 131px;
1302 }
1303
1304 .example_menu .footer span {
1305   display: none;
1306 }
1307
1308 .cke_contents {
1309   height: 300px !important;
1310 }
1311
1312 /* Form styles */
1313 .formtable {
1314   line-height: 24px;
1315 }
1316 .formtable tr td {
1317   line-height: 24px;
1318 }
1319
1320 .report_search_bar {
1321   background-color: #EADDB4;
1322 }
1323
1324 body.admin-layout input[type="button"] {
1325     display: inline-block;
1326     float: none;
1327 }
1328
1329 /* error message = new validation */
1330 .error-message{
1331   color:red;
1332   display:block;
1333   white-space: nowrap;
1334   font-weight: normal;
1335   font-size: 0.8em;
1336 }
1337 .error-border{
1338   border: 1px solid red !important;
1339 }
1340
1341 .tinylogocontainer
1342 {
1343   display: inline-block;
1344   border: none;
1345 }
1346
1347 .tinylogopng
1348 {
1349   display: inline-block;
1350   width: 44px;
1351   height: 22px;
1352 }
1353
1354 /* flow board filters*/
1355 #flow_board_parameters{
1356   margin: 25px auto;
1357   background-color: #ececec;
1358 }
1359 #flow_board_parameters td{
1360   padding: 10px;
1361 }
1362 #flow_board_parameters table {
1363   border: solid 1px;
1364   width: 100%;
1365   border-collapse: collapse;
1366 }
1367
1368 .attach-input{
1369   text-align: right;
1370 }
1371 .full-width{
1372   width: 100%;
1373 }
1374 .radio-pos{
1375   margin-left: 10px;
1376 }
1377
1378 /* ------- Therapy groups styling --------- */
1379 .group-row{
1380   margin-top: 15px;
1381 }
1382 .container-group{
1383   margin-top: auto;
1384 }
1385 .group-error-msg{
1386   color: #ff6643;
1387 }
1388 .group-success-msg{
1389   color: #4c8029;
1390 }
1391
1392 #component-border{
1393   margin-bottom: 20px;
1394   border: 1px solid #2672ec;
1395   width: 100%;
1396   min-height: 150px;
1397   padding: 10px;
1398 }
1399 #main-component ul{
1400 }
1401 .float-right{
1402   float: right;
1403 }
1404 .rtl .float-right{
1405   float: left;
1406 }
1407
1408 table.dataTable#therapy_groups_list tbody td{
1409   padding-left: 20px;
1410   padding-right: 20px;
1411   font-size: 1.05em;
1412 }
1413
1414 .therapy_group #therapy_groups_list_container{
1415   margin-top: initial;
1416   width: initial;
1417 }
1418
1419 .therapy_group #therapy_groups_list_container input[type = "text"]{
1420   border-color: #ccc;
1421 }
1422
1423 .therapy_group #therapy_groups_list_container input[type=number] {
1424   -moz-appearance:textfield;
1425 }
1426
1427 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1428 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1429   -webkit-appearance: none;
1430   margin: 0;
1431 }
1432
1433 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1434   background-color: #ef3935;
1435   font-size: 1.05em;
1436   padding: 2px 10px;
1437 }
1438
1439 .therapy_group .delete_btn a{
1440   text-decoration: none;
1441   color: white;
1442 }
1443
1444 .therapy_group #therapy_groups_list_container .failed_message{
1445   font-size: 1.05em;
1446 }
1447 #updateParticipants{
1448   position: relative;
1449
1450 }
1451 #addParticipant{
1452     position: absolute;
1453     right: 0px;
1454    z-index: 100;
1455 }
1456 #add-participant-form{
1457   transition: max-height 1s ease-out;
1458   max-height: 0;
1459   overflow: hidden;
1460 }
1461 .showAddForm{
1462   max-height: 250px !important;
1463 }
1464 .groups-error-msg{
1465   color: #ff542d;
1466   font-size: 1.3em;
1467   padding: 8px;
1468   text-align: center;
1469 }
1470
1471 .therapy_group .event_details{
1472   font-size: 1em;
1473 }
1474
1475 #add_participant{
1476   margin-bottom: 20px;
1477   margin-left: 10px;
1478 }
1479
1480 #add_participant .patient_wrap,
1481 #add_participant .comment_wrap,
1482 #add_participant .button_wrap{
1483   margin-top: 7px;
1484 }
1485
1486 #add_participant .patient_wrap,
1487 #add_participant .comment_wrap {
1488   display: inline-block;
1489 }
1490
1491 #add_participant .button_wrap input{
1492   float: none;
1493   display: inline-block;
1494 }
1495
1496 #add_participant_element .input_label{
1497   display: block;
1498 }
1499
1500 #add_participant_element .error_wrap .error{
1501   color: red;
1502 }
1503
1504 #group_attendance_form_table tbody td{
1505   text-align: center;
1506 }
1507
1508 #file_type_whitelist .subject-black-list,
1509 #file_type_whitelist .subject-white-list {
1510
1511   display: inline-block;
1512   width: 420px;
1513   float: left;
1514 }
1515
1516 #file_type_whitelist{
1517   height: 400px;
1518   padding: 10px;
1519 }
1520 #white-list, #black-list{
1521   margin: 10px;
1522   padding: 10px;
1523
1524   width: 400px;
1525 }
1526 #file_type_whitelist select {
1527   height: 250px;
1528   padding: 0;
1529 }
1530 #file_type_whitelist option {
1531   padding: 4px 10px 4px 10px;
1532 }
1533
1534 #file_type_whitelist option:hover {
1535   background: #EEEEEE;
1536 }
1537
1538 #file_type_whitelist .subject-info-arrows {
1539
1540   display: inline-block;
1541   width: 58px;
1542   margin: 130px 30px 30px 30px;
1543   float: left;
1544 }
1545 #file_type_whitelist .subject-info-save{
1546   width: 60px;
1547   margin: 170px 30px 30px 30px;
1548   float: left;
1549 }
1550
1551 #file_type_whitelist input[type=button]{
1552   float: none !important;
1553   width: 63px;
1554 }
1555 #file_type_whitelist #add-manually{
1556   display: inline-block
1557 }
1558 #file_type_whitelist #add-manually-input{
1559   width: 190px;
1560 }
1561 #file_type_whitelist .top-list{
1562   margin: 20px 20px 2px 20px;
1563
1564 }
1565
1566 .sidebar {
1567   background-color: #f8f8f8;
1568   font-size: 0.95em;
1569   padding-left: 0 !important;
1570   padding-right: 0 !important;
1571 }
1572
1573 .sidebar .submenu {
1574   padding-left:15px;
1575   font-size:0.9em;
1576 }
1577
1578 .sidebar ul.mainmenu {
1579     padding-bottom: 55px;
1580 }
1581
1582 .alert-danger-custom {
1583   background-color: #FF0000 !important;
1584   color: #fff !important;
1585 }