interface/themes/style_manila.css

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