interface/themes/style_light.css

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