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