interface/themes/style_oemr.css

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