interface/themes/style_purple.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 .menuBar{
  23     width:100%;
  24     height:auto;
  25     display:block;
  26     position:fixed;
  27     top:0;
  28     background-color:#EAE6FF;
  29     z-index:100;
  30      }
  31
  32     .container{
  33     margin-top:95px;
  34 }
  35 .menu {
  36     font-family: sans-serif;
  37     font-style: italic;
  38     font-size: 11pt;
  39     color: #0000cc;
  40     text-decoration: none;
  41     text-align: left;
  42 }
  43
  44 .menu_selected {
  45     font-family: sans-serif;
  46     font-style: italic;
  47     font-size: 11pt;
  48     color: #000000;
  49     text-decoration: none;
  50     text-align: left;
  51 }
  52
  53 .logout {
  54     font-family: sans-serif;
  55     font-style: italic;
  56     font-size: 11pt;
  57     color: #000000;
  58     text-decoration: none;
  59     text-align: right;
  60 }
  61
  62 .text {
  63     font-family: sans-serif;
  64     text-decoration: none;
  65     color: #000000;
  66     font-size: 10pt;
  67 }
  68
  69 .required {
  70     font-family: sans-serif;
  71     text-decoration: none;
  72     font-size: 10pt;
  73     color: #880000;
  74     font-weight: bold;
  75 }
  76
  77 .bold {
  78     font-family: sans-serif;
  79     text-decoration: none;
  80     font-size: 10pt;
  81     color: #000000;
  82     font-weight: bold;
  83 }
  84
  85 .alert {
  86     font-family: sans-serif;
  87     font-size: 70%;
  88     color: #FF0000;
  89     text-decoration: none;
  90 }
  91
  92 .small {
  93     text-decoration: none;
  94     color: #000000;
  95     font-family: sans-serif;
  96     font-size: 80%;
  97 }
  98
  99 .link {
 100     font-family: sans-serif;
 101     text-decoration: none;
 102     color: #0000cc;
 103     font-size: 70%;
 104 }
 105
 106 .more {
 107     font-family: sans-serif;
 108     text-decoration: none;
 109     font-size: 70%;
 110 }
 111
 112 .back {
 113     font-family: sans-serif;
 114     text-decoration: none;
 115     font-size: 70%;
 116 }
 117
 118 .link_selected {
 119     font-family: sans-serif;
 120     text-decoration: none;
 121     color: #0000FF;
 122     font-size: 70%;
 123 }
 124
 125 .link_selected:visited {
 126     font-family: sans-serif;
 127     text-decoration: none;
 128     color: #0000FF;
 129     font-size: 70%;
 130 }
 131
 132 .link_submit {
 133     font-family: sans-serif;
 134     text-decoration: none;
 135     color: #000077;
 136     font-size: 10pt;
 137 }
 138
 139 .link_submit a:visited {
 140   color: #000077;
 141 }
 142
 143 .link_submit a:hover {
 144   color: #ff5555;
 145 }
 146
 147 .items {
 148     font-family: sans-serif;
 149     font-size: 6pt;
 150 }
 151
 152 .title {
 153     font-family: sans-serif;
 154     font-size: 12pt;
 155     font-weight: bold;
 156     text-decoration: none;
 157 }
 158
 159 /* see .titlebar below */
 160 .title_bar {
 161     font-family: sans-serif;
 162     font-size: 12pt;
 163     font-weight: bold;
 164     text-decoration: none;
 165     color: #000000;
 166 }
 167
 168 .title_bar_top {
 169     font-family: sans-serif;
 170     font-size: 13px;
 171     font-weight: bold;
 172     text-decoration: none;
 173     color: #000000;
 174 }
 175
 176 .sidebar {
 177     background: #eae6ff;
 178     font-size: 95%;
 179     padding-left: 0 !important;
 180     padding-right: 0 !important;
 181 }
 182
 183 .sidebar .submenu {
 184     padding-left:15px;
 185     font-size:90%;
 186 }
 187
 188 .sidebar ul.mainmenu {
 189     padding-bottom: 55px;
 190 }
 191
 192 /*=============================================================
 193  * Here we have taken variables from globals.php and turned them into CSS classes
 194  * these should be used in place of the GLOBAL variables -- JRM March 2008
 195  *=============================================================*/
 196 .body_top { background-color: #eae6ff; margin: 8px }    /* $top_bg_line */
 197 .bgcolor2 { background-color: #eae6ff; }    /* $GLOBALS['style']['BGCOLOR2'] */
 198 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 199 .body_title { background-color: #FFF; }  /* $title_bg_line */
 200 .body_nav { background-color: #eae6ff; }    /* $nav_bg_line */
 201 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 202 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 203 .table_bg { background-color: #ccc; }           /* $table_bg */
 204 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 205 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 206 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 207 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 208 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 209 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 210 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 211
 212
 213 /* style taken out of the addressbook code and put here instead */
 214 #addressbook_list td {
 215 font-family: Arial, Helvetica, sans-serif;
 216 padding-left: 4px;
 217 padding-right: 4px;
 218 }
 219 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 220 color:#0000cc;
 221 }
 222 #addressbook_list tr.search {
 223 font-size:9pt;
 224 font-weight:bold;
 225 }
 226 #addressbook_list tr.head {
 227 font-size:10pt;
 228 background-color:#cccccc;
 229 font-weight:bold;
 230 }
 231 #addressbook_list tr.detail {
 232 font-size:10pt;
 233 }
 234 #addressbook_list .inputtext {
 235 font-family:monospace;
 236 font-size:9pt;
 237 font-weight:normal;
 238 border-style:solid;
 239 border-width:1px;
 240 border-color: #000000;
 241 background-color:transparent;
 242 }
 243 #addressbook_list .button {
 244 font-family:sans-serif;
 245 font-size:8pt;
 246 font-weight:bold;
 247 }
 248
 249 /* styles taken out of templates/report/general_default.html */
 250 #reports_list td {
 251 font-size:8pt;
 252 font-family:helvetica;
 253 }
 254 #reports_list a {
 255 font-size:8pt;
 256 font-family:helvetica;
 257 }
 258
 259 /* styles taken out of templates/documents/general_list.html */
 260 #documents_list td {
 261 font-size:8pt;
 262 font-family:helvetica;
 263 }
 264 #documents_list a {
 265 font-size:8pt;
 266 font-family:helvetica;
 267 }
 268 #documents_list .treeMenuDefault {
 269 font-style: italic;
 270 }
 271 #documents_list .treeMenuBold {
 272 font-style: italic;
 273 font-weight: bold;
 274 }
 275 #documents_list {
 276     width: 29%;
 277     height: 95%;
 278     overflow: auto;
 279     float: left;
 280     border-right: dashed 1px;
 281 }
 282 #documents_actions {
 283     padding-top: 10px;
 284     width: 70%;
 285     height: 95%;
 286     float: right;
 287     overflow: auto;
 288 }
 289 #documents_actions iframe {
 290     display: inline;
 291     border:none;
 292     width:100%;
 293     height:600px;
 294     overflow: auto;
 295 }
 296 #documents_actions form {
 297     margin: 0px; padding: 0px;
 298 }
 299 #documents_actions table {
 300     width: 100%;
 301     height: 95%;
 302 }
 303
 304 /*=============================================================
 305  * This section relates to the custom layouts that can be made
 306  * using the OEMR tool in the Admin section. For example, the
 307  * Patient Demographics are a custom layout.
 308  *============================================================*/
 309 #DEM .groupname {
 310     font-weight: bold;
 311     color: #080;
 312     font-size: 0.8em;
 313     padding-right: 5px;
 314     vertical-align: top;
 315 }
 316 #DEM .label_custom {
 317     font-weight: bold;
 318     font-size: 0.8em;
 319     vertical-align: top;
 320     text-align: right;
 321 }
 322 #DEM .data {
 323     font-size: 0.8em;
 324     vertical-align: top;
 325     text-align: left;
 326     padding-right: 6px;/*30px - ie 6 fix*/
 327 }
 328
 329 /* Patient History */
 330
 331 #HIS .groupname {
 332     font-weight: bold;
 333     color: #080;
 334     font-size: 9pt;
 335     padding-right: 1px;
 336     vertical-align: top;
 337     height: 2em;
 338 }
 339 #HIS .label_custom {
 340     font-weight: bold;
 341     font-size: 9pt;
 342     vertical-align: top;
 343 }
 344 #HIS .data {
 345     font-size: 9pt;
 346     vertical-align: top;
 347     text-align: left;
 348     padding-right: 10px;
 349 }
 350
 351
 352 /*=============================================================
 353  * Patient Notes
 354  * seen in the patient summary and notes screens
 355  *============================================================*/
 356 #pnotes .billing {
 357     background-color: #dfd;
 358 }
 359
 360 #pnotes .highlight {
 361     background-color: #fff;
 362 }
 363
 364 #pnotes table {
 365     border-collapse:collapse;
 366 }
 367
 368 #pnotes .noterow {
 369     cursor: pointer;
 370 }
 371
 372 #pnotes .noterow td {
 373     border-bottom:1px dashed black;
 374     vertical-align: top;
 375     padding: 5px;
 376     margin: 5px;
 377 }
 378
 379
 380 /*=============================================================
 381  * Patient Stats
 382  * seen in the patient stats screens
 383  *============================================================*/
 384 #patient_stats {
 385     padding: 10px;
 386 }
 387
 388 #patient_stats table {
 389     width: 100%;
 390     border-collapse: collapse;
 391 }
 392 #patient_stats td {
 393     padding: 3px;
 394 }
 395 #patient_stats .statrow {
 396     cursor: pointer;
 397 }
 398
 399 #patient_stats .head {
 400     font-size:10pt;
 401     background-color:#cccccc;
 402     text-align:center;
 403 }
 404
 405 #patient_stats .detail {
 406     font-size:10pt;
 407     vertical-align: top;
 408 }
 409
 410 #patient_stats .btn {
 411     background-color:transparent;
 412 }
 413
 414 #patient_stats .bg1 {
 415     background-color: #ddddff;
 416 }
 417 #patient_stats .bg2 {
 418     background-color: #ffdddd;
 419 }
 420
 421 #patient_stats .center {
 422     text-align: center;
 423 }
 424
 425
 426 /*=============================================================
 427  * Patient Stats Summary
 428  * seen in the patient summary screen
 429  *============================================================*/
 430 #patient_stats_summary table {
 431     border-collapse: collapse;
 432 }
 433 #patient_stats_summary .noend_noreturn {
 434     color: #ee0000;
 435 }
 436 #patient_stats_summary .noend {
 437     color: #dd5500;
 438 }
 439 #patient_stats_summary .noreturn {
 440     color: #0000ff;
 441 }
 442 #patient_stats_summary .title {
 443     font-size: 1.1em;
 444 }
 445 #patient_stats_issues {
 446     width: 100%;
 447 }
 448 #patient_stats_spreadsheets {
 449     width: 100%;
 450 }
 451 #patient_stats_imm {
 452     width: 100%;
 453 }
 454 #patient_stats_prescriptions {
 455     width: 100%;
 456 }
 457
 458 /*=============================================================
 459  * Patient Past Encounters and Documents
 460  * seen in the patient encounter screen
 461  *============================================================*/
 462 #patient_pastenc {
 463     width:100%;
 464 }
 465
 466 #patient_pastenc .billing_note {
 467     width: 25%;
 468 }
 469 #patient_pastenc .billing_note_text {
 470     padding: 5px;
 471     border: 2px outset black;
 472     background-color: lightgrey;
 473 }
 474 #patient_pastenc .billing_note_text_highlight {
 475     background-color:#f7f5d1;
 476 }
 477 #patient_pastenc table {
 478     border-collapse: collapse;
 479     width:100%;
 480 }
 481 #patient_pastenc tr {
 482     cursor: pointer;
 483 }
 484 #patient_pastenc td {
 485     border-top: 1px solid black;
 486     vertical-align: top;
 487 }
 488 #patient_pastenc th {
 489     text-align: left;
 490 }
 491 #patient_pastenc #tooltipdiv {
 492     position:absolute;
 493     width:500px;
 494     border:1px solid black;
 495     padding:2px;
 496     background-color:#ffffaa;
 497     visibility:hidden;
 498     z-index:1000;
 499     font-size:9pt;
 500 }
 501 #patient_pastenc .highlight {
 502     background-color: #fff;
 503 }
 504 #patient_pastenc .tooltip {
 505     position:absolute;
 506     border:1px solid #333;
 507     background:#f7f5d1;
 508     padding:2px 5px;
 509     color:#333;
 510     display:none;
 511 }
 512
 513
 514 /*=============================================================
 515  * Patient Reports
 516  * seen in the patient reports screens
 517  *============================================================*/
 518 #patient_reports {
 519     width:100%;
 520 }
 521 #patient_reports .issues {
 522     padding-right: 30px;
 523 }
 524 #patient_reports .issues table {
 525     margin: 10px 0px 10px 0px;
 526 }
 527 #patient_reports .issues td {
 528     padding: 2px;
 529 }
 530 #patient_reports .encounters td {
 531     padding: 2px;
 532 }
 533 #patient_reports .encounter_forms {
 534     margin:5px 15px 5px 15px;
 535 }
 536 #patient_reports td {
 537     vertical-align: top;
 538 }
 539 #patient_reports ul {
 540     list-style: none;
 541 }
 542
 543
 544 /*=============================================================
 545  * Report - Custom
 546  * seen as the patient report (custom_report.php)
 547  *============================================================*/
 548 #report_custom {
 549     width:100%;
 550 }
 551 #report_custom hr {
 552     border: 2px dotted black;
 553 }
 554 #report_custom .billing {
 555     margin: 5px;
 556     padding: 5px;
 557 }
 558 #report_custom h1 {
 559     font-size: 120%;
 560     margin:  0px 0px 5px 0px;
 561     padding: 0px;
 562 }
 563 #report_custom .immunizations {
 564     margin: 5px;
 565     padding: 5px;
 566 }
 567 #report_custom .notes {
 568     margin: 5px;
 569     padding: 5px;
 570 }
 571 #report_custom .transactions {
 572     margin: 5px;
 573     padding: 5px;
 574 }
 575 #report_custom .communications {
 576     margin: 5px;
 577     padding: 5px;
 578 }
 579 #report_custom .documents {
 580     margin: 5px;
 581     padding: 5px;
 582 }
 583 #report_custom .demographics {
 584     margin: 5px;
 585     padding: 5px;
 586 }
 587 #report_custom .insurance {
 588     margin: 5px;
 589     padding: 5px;
 590 }
 591 #report_custom .history {
 592     margin: 5px;
 593     padding: 5px;
 594 }
 595 #report_custom .issue {
 596     margin-left: 20px;
 597 }
 598 #report_custom .issue_type {
 599     font-weight: bold;
 600     padding: 5px 0px 5px 0px;
 601 }
 602 #report_custom .issue_diag {
 603     margin: 0px 20px 0px 20px;
 604 }
 605 #report_custom .issue_title {
 606 }
 607 #report_custom .issue_comments {
 608 }
 609 #report_custom .encounter {
 610     width: 100%;
 611     border-top:2px dotted black;
 612     padding: 10px 5px 10px 5px;
 613     margin-top: 10px;
 614 }
 615 #report_custom .encounter h1 {
 616     font-size: 140%;
 617     margin: 0px;
 618     padding: 0px;
 619 }
 620 #report_custom .encounter_form {
 621     margin: 10px;
 622     padding: 10px;
 623     border-top: 1px solid gray;
 624 }
 625 #addressbook_list tr.evenrow {
 626     background-color:#ddddff;
 627 }
 628 #addressbook_list tr.oddrow {
 629     background-color:#ffffff;
 630 }
 631
 632
 633 /*
 634  * CSS BUTTONS
 635 */
 636 .css_button_small {
 637     background: #063f80;
 638     color: #ffffff !important;
 639     display: inline-block;
 640     font-weight: 300;
 641     margin-right: 3px;
 642     /* sliding doors padding */
 643     text-decoration: none;
 644     padding: 2px 7px 2px;
 645     border: none;
 646     font-size: 0.7em;
 647     box-shadow: 2px 1px 4px #88888B;
 648     border-radius: 5px;
 649 }
 650
 651 .css_button_small span {
 652     display: inline-block;
 653 }
 654
 655 .css_button_small:hover {
 656     background: #1050b6;
 657     box-shadow: 0px 1px 3px #DDD;
 658     text-decoration: none;
 659 }
 660
 661 .css_button, input[type="button"], input[type="submit"], button{
 662     background: #063f80;
 663     color: #ffffff !important;
 664     display: inline-block;
 665     font-weight: 300;
 666     margin: 4px;
 667     vertical-align: middle;
 668     /* sliding doors padding */
 669     text-decoration: none;
 670     padding: 4px 6px 4px;
 671     border: none;
 672     border-radius: 5px;
 673     font-size:0.8em;
 674     box-shadow: 2px 1px 4px #88888B;
 675 }
 676
 677 .css_button span, input[type="button"] span, input[type="submit"] span, button span {
 678     display: inline-block;
 679 }
 680
 681 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
 682   background: red !important;
 683 }
 684
 685 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
 686     background: #1050b6;
 687     box-shadow: 3px 4px 6px #DDD ;
 688     text-decoration: none;
 689 }
 690
 691 input[type="button"][style="background-color:#ffff55"] {
 692     background: #2672ec !important;
 693 }
 694
 695 input[type="text"] {
 696     background: #ffffff;
 697     border: 1px solid #444444;
 698     padding: 3px;
 699     margin: 3px;
 700 }
 701
 702 .sellistclass {
 703 float:left;
 704 }
 705
 706 .disabled_button {
 707         color: grey;
 708
 709 }
 710
 711 a.disabled_button:hover {
 712   color: grey;
 713 }
 714
 715 /*
 716  * TABS
 717 */
 718
 719 ul.tabNav { margin: 0; padding: 0; }
 720 ul.tabNav { float: left; list-style: none; width: 100%; }
 721 ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
 722         font-size: 0.8em;
 723     vertical-align: bottom;
 724     text-align: left;
 725 }
 726 ul.tabNav li.current { padding-top: 0;
 727         font-weight: bold;
 728         font-size: 0.8em;
 729     vertical-align: bottom;
 730     text-align: left;
 731 }
 732 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; }
 733 ul.tabNav li.current a { background:#FFFFFF ;padding: 8px; }
 734
 735 div.tabContainer { clear: both; float: left; width: 100%; }
 736 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
 737 div.tabContainer div.current { display: block; }
 738 div.tab {       min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:665px;}
 739 div.tab_long {  min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 740 div.tab p:last-child { margin-bottom: 0; }
 741
 742 div.tab table td {
 743         padding-right: 1px; padding-bottom: 0px
 744 }
 745
 746 div.tab table td.label_custom {
 747         min-width:80px;
 748 }
 749
 750 div.tab table td.data {
 751         min-width:120px; /*170px*/
 752 }
 753
 754 div.notab {
 755     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 756 }
 757
 758 div.notab-right {
 759     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 760 }
 761
 762 .section-header {
 763         margin-bottom:5px; width:685px; border-bottom: 1px solid;
 764 }
 765
 766 .section-header-dynamic {
 767         margin-bottom:5px; border-bottom: 1px solid;
 768 }
 769
 770 .summary_item {
 771          background:#FFFFFF; padding:8px;
 772 }
 773
 774 /*
 775 * REPORTS
 776 */
 777
 778 #report_parameters {
 779     background-color: #ececec;
 780         margin-top:10px;
 781 }
 782
 783 #report_parameters table {
 784     border: solid 1px;
 785         width: 100%;
 786     border-collapse: collapse;
 787 }
 788 #report_parameters table td {
 789     padding: 5px;
 790 }
 791
 792 #report_parameters table table {
 793     border: 0px;
 794     border-collapse: collapse;
 795         font-size: 0.8em;
 796 }
 797
 798 #report_parameters table table td.label_custom {
 799         text-align: right;
 800 }
 801
 802 #report_results table {
 803    border-top: 1px solid black;
 804    border-bottom: 1px solid black;
 805    border-left: 1px solid black;
 806    border-right: 1px solid black;
 807    width: 100%;
 808    border-collapse: collapse;
 809    margin-top: 1px;
 810 }
 811 #report_results table thead {
 812     padding: 5px;
 813     display: table-header-group;
 814     background-color: #ddd;
 815         text-align:left;
 816         font-weight: bold;
 817         font-size: 0.7em;
 818 }
 819 #report_results table th {
 820     border-bottom: 1px solid black;
 821         padding: 5px;
 822 }
 823 #report_results table td {
 824         padding: 5px;
 825     border-bottom: 1px dashed;
 826         font-size: 0.8em;
 827 }
 828 .report_totals td {
 829     background-color: #77ff77;
 830     font-weight: bold;
 831 }
 832
 833 /**
 834 * List-table formatting
 835 **/
 836 .showborder {
 837 width:650px;
 838 }
 839 .showborder td {
 840 border-bottom:1px dashed #000000;
 841 text-align:left;
 842 font-size:9pt;
 843 }
 844 .showborder_head  th {
 845 border-bottom:1px solid #000000;
 846 text-align:left;
 847 font-size:9pt;
 848 }
 849 .shownoborder td {
 850 text-align:left;
 851 font-size:9pt;
 852 }
 853 .showborder_long {
 854 width:100%;
 855 }
 856 .showborder_long tr td{
 857 border-bottom:1px dashed #000000;
 858 text-align:left;
 859 font-size:9pt;
 860 }
 861
 862 /**
 863 * Drug lookup
 864 **/
 865 .drug_lookup{
 866         font-family: helvetica;
 867         font-size: 8pt;
 868         border: 2px outset rgb(102, 102, 102);
 869         background-color: #eae6ff;
 870         padding: 5px;
 871         position: absolute;
 872         display: block;
 873 }
 874
 875 /* Password alert styles */
 876 .pwdalert {
 877     display: block;
 878     width: 390pt;
 879     margin-left: 100px;
 880     padding: 10px 10px 10px 15px;
 881     color: black;
 882   }
 883 .alertmsg1 {
 884     border: 3px solid #fe7b7a;
 885     background-color: #ffd6d6 ;
 886   }
 887 .alertmsg2 {
 888     border: 3px solid #f56fff;
 889     background-color: #fabfff;
 890   }
 891 .alertmsg3 {
 892     border: 3px solid #9acc2e;
 893     background-color: #eef7dd;
 894   }
 895 /* Password alert styles */
 896
 897 /* Style for red font */
 898 .redtext {
 899     font-family: sans-serif;
 900     text-decoration: none;
 901     color: #FF0000;
 902     font-size: 10pt;
 903 }
 904 /* Style for red font */
 905
 906 .de_identification_status_message{
 907         width: 50%;
 908         border:1px solid #0000FF;
 909 }
 910
 911 .de_identification_input_controls_box{
 912         width: 100%;
 913         border:1px solid #0000FF;
 914 }
 915
 916 .de_id_upgrade_login{
 917         width: 40%;
 918         border:1px solid Black;
 919         background-color:#ffffff;
 920 }
 921
 922 #navigation-slide, #navigation-slide *{
 923     padding-left:0px;
 924     margin-left:0px;
 925 }
 926
 927 #navigation-slide li{
 928     list-style:none;
 929 }
 930
 931 #navigation-slide a{
 932     background: #FFFFFF;
 933     border-top: 2px solid #EAE6FF;
 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='#3E8FFF', endColorstr='#EAE6FF'); /* for IE */
 944     background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#EAE6FF)); /* for webkit browsers */
 945     background: -moz-linear-gradient(top,  #3E8FFF,  #EAE6FF); /* 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='#EAE6FF', endColorstr='#3E8FFF'); /* for IE */
 951     background: -webkit-gradient(linear, left top, left bottom, from(#EAE6FF), to(#3E8FFF)); /* for webkit browsers */
 952     background: -moz-linear-gradient(top,  #EAE6FF,  #3E8FFF); /* 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='#7870de', endColorstr='#e7e6f9'); /* for IE */
 958     background: -webkit-gradient(linear, left top, left bottom, from(#7870de), to(#e7e6f9)); /* for webkit browsers */
 959     background: -moz-linear-gradient(top,  #7870de,  #e7e6f9); /* 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='#e7e6f9', endColorstr='#7870de'); /* for IE */
 965     background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9), to(#7870de)); /* for webkit browsers */
 966     background: -moz-linear-gradient(top,  #e7e6f9,  #7870de); /* 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 #EAE6FF;
 975         background: #999; /* for non-css3 browsers */
 976         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#EAE6FF'); /* for IE */
 977         background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#EAE6FF)); /* for webkit browsers */
 978         background: -moz-linear-gradient(top,  #3E8FFF,  #EAE6FF); /* 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: #8ca3ee;
 995 }
 996
 997 #sddm div
 998 {
 999     position: absolute;
1000     visibility: hidden;
1001     display: none;
1002     margin: 0;
1003     padding: 0;
1004     background: #C9F1B5;
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: #dff4ff;
1022     color: #2875DE;
1023     font-size: 0.8em;
1024     font-weight:normal;
1025 }
1026
1027 #sddm div a:hover
1028 {
1029     background: #8ca3ee;
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:#C9DCFF;
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 }