interface/themes/style_metal.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:#8CACBB;
  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: #8CACBB;
 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: #8CACBB; margin: 8px }    /* $top_bg_line */
 198 .bgcolor2 { background-color: #B6D2E0; }    /* $GLOBALS['style']['BGCOLOR2'] */
 199 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 200 .body_title { background-color: #8497BF; }  /* $title_bg_line */
 201 .body_nav { background-color: #E1E4E9; }    /* $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:#D7DFE7 ;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: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 757 }
 758
 759 div.notab-right {
 760     background: #D7DFE7 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:#D7DFE7; 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: #e4db96;
 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     color: #000;
 935     display: block;
 936     font-weight: bold;
 937     padding: 5px 2px 5px 10px;
 938     width: 150px;
 939 }
 940
 941 #navigation-slide li a.collapsed{
 942     background: #999; /* for non-css3 browsers */
 943     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D566A', endColorstr='#B6D2E0'); /* for IE */
 944     background: -webkit-gradient(linear, left top, left bottom, from(#2D566A), to(#B6D2E0)); /* for webkit browsers */
 945     background: -moz-linear-gradient(top,  #2D566A,  #B6D2E0); /* for firefox 3.6+ */
 946 }
 947
 948 #navigation-slide li a.expanded{
 949     background: #999; /* for non-css3 browsers */
 950     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6D2E0', endColorstr='#2D566A'); /* for IE */
 951     background: -webkit-gradient(linear, left top, left bottom, from(#B6D2E0), to(#2D566A)); /* for webkit browsers */
 952     background: -moz-linear-gradient(top,  #B6D2E0,  #2D566A); /* for firefox 3.6+ */
 953 }
 954
 955 #navigation-slide ul li a.collapsed_lv2{
 956     background: #999; /* for non-css3 browsers */
 957     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aa4bf', endColorstr='#dae9ef'); /* for IE */
 958     background: -webkit-gradient(linear, left top, left bottom, from(#6aa4bf), to(#dae9ef)); /* for webkit browsers */
 959     background: -moz-linear-gradient(top,  #6aa4bf,  #dae9ef); /* for firefox 3.6+ */
 960 }
 961
 962 #navigation-slide ul li a.expanded_lv2{
 963     background: #999; /* for non-css3 browsers */
 964     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae9ef', endColorstr='#6aa4bf'); /* for IE */
 965     background: -webkit-gradient(linear, left top, left bottom, from(#dae9ef), to(#6aa4bf)); /* for webkit browsers */
 966     background: -moz-linear-gradient(top,  #dae9ef,  #6aa4bf); /* for firefox 3.6+ */
 967 }
 968
 969 #sddm li
 970 {       margin: 0;
 971         padding: 0;
 972         list-style: none;
 973         float:left;
 974         border: 1px solid #8CACBB;
 975         background: #999; /* for non-css3 browsers */
 976         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D566A', endColorstr='#B6D2E0'); /* for IE */
 977         background: -webkit-gradient(linear, left top, left bottom, from(#2D566A), to(#B6D2E0)); /* for webkit browsers */
 978         background: -moz-linear-gradient(top,  #2D566A,  #B6D2E0); /* for firefox 3.6+ */
 979 }
 980
 981 #sddm li a
 982 {       display: block;
 983         margin: 0 1px 0 0;
 984         padding: 4px 10px;
 985         color: #004080;
 986         text-align:left;
 987         text-decoration: none;
 988         font-size: 0.8em;
 989         font-weight:bold;
 990 }
 991
 992 #sddm li a:hover
 993 {
 994     background: #b7beca;
 995 }
 996
 997 #sddm div
 998 {
 999     position: absolute;
1000     visibility: hidden;
1001     display: none;
1002     margin: 0;
1003     padding: 0;
1004     background: #C0DCF1;
1005     border-left: 1px solid #000000;
1006     border-right: 1px solid #000000;
1007     border-bottom: 1px solid #000000;
1008     z-index:20;
1009 }
1010
1011 #sddm div a
1012 {
1013     position: relative;
1014     display: block;
1015     margin: 0;
1016     padding: 5px 10px;
1017     width: 170px;
1018     white-space:normal;
1019     text-align: left;
1020     text-decoration: none;
1021     background: #e1e4e9;
1022     color: #2875DE;
1023     font-size: 0.8em;
1024     font-weight:normal;
1025 }
1026
1027 #sddm div a:hover
1028 {
1029     background: #b7beca;
1030     color: #000000;
1031 }
1032 .text-area{
1033   background-color:#FFFFFF;
1034   border:1px solid black;
1035   width:100%;
1036   height:100px;
1037   overflow:auto;
1038   text-align:left;
1039 }
1040 .example_menu {
1041             font-size: 70%;
1042             list-style: none;
1043             margin: 0;
1044             padding: 0;
1045             vertical-align: top;
1046             width: 136px;
1047 }
1048 .expand_all,
1049 .collapse_all {
1050         cursor: pointer;
1051 }
1052 .example_menu ul {
1053         display: none;
1054         list-style: none;
1055         margin: 0;
1056         padding: 0;
1057 }
1058 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1059         background-image: none;
1060         margin: 0;
1061         padding: 0;
1062         border-bottom:1px solid white;
1063 }
1064 .example_menu ul ul {
1065         display: block;
1066 }
1067 .example_menu a {
1068         color: #000;
1069         cursor: pointer;
1070         display: block;
1071         font-weight: bold;
1072         margin-left: 0;
1073         padding: 2px 2px 2px 17px;
1074         width: 160px;
1075 }
1076 .example_menu a.expanded {
1077         background: #bbb url('collapse.gif') no-repeat 3px 50%;
1078 }
1079 .example_menu a.collapsed {
1080         background: #bbb url('expand.gif') no-repeat 3px 50%;
1081 }
1082 .example_menu a:hover {
1083         text-decoration: none;
1084 }
1085 .example_menu ul li span {
1086          background: #d9d1a4;
1087         color: #000;
1088         display: block;
1089         font-weight: normal;
1090         width:100%;
1091 }
1092 .example_menu ul a:Subjective {
1093         font-weight: normal;
1094 }
1095 .example_menu ul a:hover {
1096         background : #f5f5f5;
1097         text-decoration: underline;
1098 }
1099 .example_menu li.active a {
1100         background: #fff;
1101 }
1102 .example_menu li.active li a {
1103         background: #e8e8e8;
1104 }
1105 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1106         background: transparent url('footer.jpg') no-repeat 0 0;
1107         border-top: 2px solid #fff;
1108         height: 9px;
1109         line-height: 15px;
1110         margin: 0 0 10px 0;
1111         width: 131px;
1112 }
1113 .example_menu .footer span {
1114         display: none;
1115 }
1116 .cke_contents {
1117 height: 300px !important;
1118 }
1119
1120 /* Form styles */
1121 .formtable {
1122         font-size:13px;
1123         line-height: 24px;
1124     }
1125 .formtable tr td {
1126         line-height: 24px;
1127     }
1128 .report_search_bar{
1129         background-color:#E1E4E9;
1130 }
1131
1132 /* error message = new validation */
1133 .error-message{
1134     color:red;
1135     display:block;
1136     white-space: nowrap;
1137     font-weight: normal;
1138     font-size: 11px;
1139 }
1140 .error-border{
1141     border: 1px solid red;
1142 }
1143 .tinylogocontainer
1144 {
1145     display: inline-block;
1146     border: none;
1147 }
1148
1149 .tinylogopng
1150 {
1151     display: inline-block;
1152     width: 44px;
1153     height: 22px;
1154 }
1155
1156 /* flow board filters*/
1157 #flow_board_parameters{
1158     width: 1041px;
1159     margin: 25px auto;
1160     background-color: #ececec;
1161 }
1162 #flow_board_parameters td{
1163     padding: 10px;
1164 }
1165 #flow_board_parameters table {
1166     border: solid 1px;
1167     width: 100%;
1168     border-collapse: collapse;
1169 }
1170
1171 /* ------- Therapy groups styling --------- */
1172 .group-row{
1173   margin-top: 15px;
1174 }
1175 .container-group{
1176   margin-top: auto;
1177 }
1178 .group-error-msg{
1179   color: #ff6643;
1180 }
1181 .group-success-msg{
1182   color: #4c8029;
1183 }
1184
1185 #component-border{
1186   margin-bottom: 20px;
1187   border: 1px solid #2672ec;
1188   width: 100%;
1189   min-height: 150px;
1190   padding: 10px;
1191 }
1192 #main-component ul{
1193 }
1194 .float-right{
1195   float: right;
1196 }
1197 .rtl .float-right{
1198   float: left;
1199 }
1200
1201 table.dataTable#therapy_groups_list tbody td{
1202   padding-left: 20px;
1203   padding-right: 20px;
1204   font-size: 15px;
1205 }
1206
1207 .therapy_group #therapy_groups_list_container{
1208   margin-top: initial;
1209   width: initial;
1210 }
1211
1212 .therapy_group #therapy_groups_list_container input[type = "text"]{
1213   border-color: #ccc;
1214 }
1215
1216 .therapy_group #therapy_groups_list_container input[type=number] {
1217   -moz-appearance:textfield;
1218 }
1219
1220 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1221 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1222   -webkit-appearance: none;
1223   margin: 0;
1224 }
1225
1226 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1227   background-color: #ef3935;
1228   font-size: 15px;
1229   padding: 2px 10px;
1230 }
1231
1232 .therapy_group .delete_btn a{
1233   text-decoration: none;
1234   color: white;
1235 }
1236
1237 .therapy_group #therapy_groups_list_container .failed_message{
1238   font-size: 15px;
1239 }
1240 #updateParticipants{
1241   position: relative;
1242
1243 }
1244 #addParticipant{
1245     position: absolute;
1246     right: 0px;
1247    z-index: 100;
1248 }
1249 #add-participant-form{
1250   transition: max-height 1s ease-out;
1251   max-height: 0;
1252   overflow: hidden;
1253 }
1254 .showAddForm{
1255   max-height: 250px !important;
1256 }
1257 .groups-error-msg{
1258   color: #ff542d;
1259   font-size: 1.3em;
1260   padding: 8px;
1261   text-align: center;
1262 }
1263
1264 .therapy_group .event_details{
1265   font-size: 14px;
1266 }
1267
1268 #add_participant{
1269   margin-bottom: 20px;
1270   margin-left: 10px;
1271 }
1272
1273 #add_participant .patient_wrap,
1274 #add_participant .comment_wrap,
1275 #add_participant .button_wrap{
1276   margin-top: 7px;
1277 }
1278
1279 #add_participant .patient_wrap,
1280 #add_participant .comment_wrap {
1281   display: inline-block;
1282 }
1283
1284 #add_participant .button_wrap input{
1285   float: none;
1286   display: inline-block;
1287 }
1288
1289 #add_participant_element .input_label{
1290   display: block;
1291 }
1292
1293 #add_participant_element .error_wrap .error{
1294   color: red;
1295 }
1296
1297 #group_attendance_form_table tbody td{
1298   text-align: center;
1299 }
1300
1301 #file_type_whitelist .subject-black-list,
1302 #file_type_whitelist .subject-white-list {
1303
1304     display: inline-block;
1305     width: 420px;
1306     float: left;
1307 }
1308
1309 #file_type_whitelist{
1310     height: 400px;
1311     padding: 10px;
1312 }
1313 #white-list, #black-list{
1314     margin: 10px;
1315     padding: 10px;
1316
1317     width: 400px;
1318 }
1319 #file_type_whitelist select {
1320     height: 250px;
1321     padding: 0;
1322 }
1323 #file_type_whitelist option {
1324     padding: 4px 10px 4px 10px;
1325 }
1326
1327 #file_type_whitelist option:hover {
1328     background: #EEEEEE;
1329 }
1330
1331 #file_type_whitelist .subject-info-arrows {
1332
1333     display: inline-block;
1334     width: 58px;
1335     margin: 130px 30px 30px 30px;
1336     float: left;
1337 }
1338 #file_type_whitelist .subject-info-save{
1339     width: 60px;
1340     margin: 170px 30px 30px 30px;
1341     float: left;
1342 }
1343
1344 #file_type_whitelist input[type=button]{
1345     float: none !important;
1346     width: 63px;
1347 }
1348 #file_type_whitelist #add-manually{
1349     display: inline-block
1350 }
1351 #file_type_whitelist #add-manually-input{
1352     width: 190px;
1353 }
1354 #file_type_whitelist .top-list{
1355     margin: 20px 20px 2px 20px;
1356
1357 }
1358
1359 .btn-default {
1360     color: #444444 !important;
1361 }
1362
1363 .btn-link {
1364     color: #444444 !important;
1365 }