interface/themes/style_babyblu.css

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