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' !important;
  98     content: "\f0c4";
  99     font-size: 1em;  /* 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
 433
 434 /*=============================================================
 435  * Patient Stats
 436  * seen in the patient stats screens
 437  *============================================================*/
 438 #patient_stats {
 439     padding: 10px;
 440 }
 441 #patient_stats table {
 442     width: 100%;
 443     border-collapse: collapse;
 444 }
 445 #patient_stats td {
 446     padding: 3px;
 447 }
 448 #patient_stats .statrow {
 449     cursor: pointer;
 450 }
 451 #patient_stats .head {
 452     font-size:0.9em;
 453     background-color:#cccccc;
 454     text-align:center;
 455 }
 456 #patient_stats .detail {
 457     font-size:0.9em;
 458     vertical-align: top;
 459 }
 460 #patient_stats .btn {
 461     background-color:transparent;
 462 }
 463 #patient_stats .bg1 {
 464     background-color: #ddddff;
 465 }
 466 #patient_stats .bg2 {
 467     background-color: #ffdddd;
 468 }
 469 #patient_stats .center {
 470     text-align: center;
 471 }
 472
 473 /*=============================================================
 474  * Patient Stats Summary
 475  * seen in the patient summary screen
 476  *============================================================*/
 477 #patient_stats_summary table {
 478     border-collapse: collapse;
 479 }
 480 #patient_stats_summary .noend_noreturn {
 481     color: #ee0000;
 482 }
 483 #patient_stats_summary .noend {
 484     color: #dd5500;
 485 }
 486 #patient_stats_summary .noreturn {
 487     color: #0000ff;
 488 }
 489 #patient_stats_summary .title {
 490     font-size: 1.1em;
 491 }
 492 #patient_stats_issues {
 493     width: 100%;
 494 }
 495 #patient_stats_spreadsheets {
 496     width: 100%;
 497 }
 498 #patient_stats_imm {
 499     width: 100%;
 500 }
 501 #patient_stats_prescriptions {
 502     width: 100%;
 503 }
 504
 505 /*=============================================================
 506  * Patient Past Encounters and Documents
 507  * seen in the patient encounter screen
 508  *============================================================*/
 509 #patient_pastenc {
 510     width:100%;
 511 }
 512
 513 #patient_pastenc .billing_note {
 514     width: 25%;
 515 }
 516 #patient_pastenc .billing_note_text {
 517     padding: 5px;
 518     border: 2px outset black;
 519     background-color: lightgrey;
 520 }
 521 #patient_pastenc .billing_note_text_highlight {
 522     background-color:#f7f5d1;
 523 }
 524 #patient_pastenc table {
 525     border-collapse: collapse;
 526     width:100%;
 527 }
 528 #patient_pastenc tr {
 529     cursor: pointer;
 530 }
 531 #patient_pastenc td {
 532     border-top: 1px solid black;
 533     vertical-align: top;
 534 }
 535 #patient_pastenc th {
 536     text-align: left;
 537 }
 538 #patient_pastenc #tooltipdiv {
 539     position:absolute;
 540     width:500px;
 541     border:1px solid black;
 542     padding:2px;
 543     background-color:#ffffaa;
 544     visibility:hidden;
 545     z-index:1000;
 546     font-size:0.85em;
 547 }
 548 #patient_pastenc .highlight {
 549     background-color: #fff;
 550 }
 551 #patient_pastenc .tooltip {
 552     position:absolute;
 553     border:1px solid #333;
 554     background:#f7f5d1;
 555     padding:2px 5px;
 556     color:#333;
 557     display:none;
 558 }
 559
 560
 561 /*=============================================================
 562  * Patient Reports
 563  * seen in the patient reports screens
 564  *============================================================*/
 565 #patient_reports {
 566     width:100%;
 567 }
 568 #patient_reports .issues {
 569     padding-right: 30px;
 570 }
 571 #patient_reports .issues table {
 572     margin: 10px 0px 10px 0px;
 573 }
 574 #patient_reports .issues td {
 575     padding: 2px;
 576 }
 577 #patient_reports .encounters td {
 578     padding: 2px;
 579 }
 580 #patient_reports .encounter_forms {
 581     margin:5px 15px 5px 15px;
 582 }
 583 #patient_reports td {
 584     vertical-align: top;
 585 }
 586 #patient_reports ul {
 587     list-style: none;
 588 }
 589
 590
 591 /*=============================================================
 592  * Report - Custom
 593  * seen as the patient report (custom_report.php)
 594  *============================================================*/
 595 #report_custom {
 596     width:100%;
 597 }
 598 #report_custom hr {
 599     border: 2px dotted black;
 600 }
 601 #report_custom .billing {
 602     margin: 5px;
 603     padding: 5px;
 604 }
 605 #report_custom h1 {
 606     font-size: 120%;
 607     margin:  0px 0px 5px 0px;
 608     padding: 0px;
 609 }
 610 #report_custom .immunizations {
 611     margin: 5px;
 612     padding: 5px;
 613 }
 614 #report_custom .notes {
 615     margin: 5px;
 616     padding: 5px;
 617 }
 618 #report_custom .transactions {
 619     margin: 5px;
 620     padding: 5px;
 621 }
 622 #report_custom .communications {
 623     margin: 5px;
 624     padding: 5px;
 625 }
 626 #report_custom .documents {
 627     margin: 5px;
 628     padding: 5px;
 629 }
 630 #report_custom .demographics {
 631     margin: 5px;
 632     padding: 5px;
 633 }
 634 #report_custom .insurance {
 635     margin: 5px;
 636     padding: 5px;
 637 }
 638 #report_custom .history {
 639     margin: 5px;
 640     padding: 5px;
 641 }
 642 #report_custom .issue {
 643     margin-left: 20px;
 644 }
 645 #report_custom .issue_type {
 646     font-weight: bold;
 647     padding: 5px 0px 5px 0px;
 648 }
 649 #report_custom .issue_diag {
 650     margin: 0px 20px 0px 20px;
 651 }
 652 #report_custom .encounter {
 653     width: 100%;
 654     border-top:2px dotted black;
 655     padding: 10px 5px 10px 5px;
 656     margin-top: 10px;
 657 }
 658 #report_custom .encounter h1 {
 659     font-size: 140%;
 660     margin: 0px;
 661     padding: 0px;
 662 }
 663 #report_custom .encounter_form {
 664     border-top: 1px solid gray;
 665 }
 666 #addressbook_list tr.evenrow {
 667     background-color:#ddddff;
 668 }
 669 #addressbook_list tr.oddrow {
 670     background-color:#ffffff;
 671 }
 672 tr.odd {
 673     background-color: grey;
 674
 675     } td.even {
 676     background-color: #ffffff;
 677 }
 678
 679 /*
 680  * CSS BUTTONS
 681 */
 682 /* add ons testing */
 683 .css_button_small {
 684   background: #063f80;
 685   color: #ffffff !important;
 686   display: inline-block;
 687   font-weight: 300;
 688   margin-right: 3px;
 689   /* sliding doors padding */
 690   text-decoration: none;
 691   padding: 2px 7px 2px;
 692   border: none;
 693   font-size: 0.7em;
 694   box-shadow: 2px 1px 4px #88888B;
 695   border-radius: 5px;
 696 }
 697 .css_button_small span {
 698   display: inline-block;
 699 }
 700 .css_button_small:hover {
 701   background: #1050b6;
 702   box-shadow: 0px 1px 3px #DDD;
 703   text-decoration: none;
 704 }
 705 #dateNAV {
 706     font-size:1.1em !important;
 707 }
 708 .css_button, input[type="button"],input[type="submit"], button {
 709   background: #063f80;
 710   color: #ffffff !important;
 711   display: inline-block;
 712   font-weight: 300;
 713   margin: 4px;
 714   vertical-align: middle;
 715   /* sliding doors padding */
 716   text-decoration: none;
 717   padding: 4px 6px 4px;
 718   border: none;
 719   border-radius: 5px;
 720   font-size:0.8em;
 721   box-shadow: 2px 1px 2px #88888B ! Important;
 722 }
 723 .css_button span, input[type="button"] span, button span {
 724   display: inline-block;
 725 }
 726 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
 727   background: red !important;
 728 }
 729 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
 730   background: #1050b6;
 731     box-shadow: 3px 4px 6px #DDD ;
 732   text-decoration: none;
 733 }
 734
 735 input[type="button"][style="background-color:#ffff55"] {
 736   background: #2672ec !important;
 737 }
 738
 739 input[type="text"] {
 740   background: #ffffff;
 741   border: 1px solid #444444;
 742   padding: 3px;
 743   margin: 3px;
 744 }
 745
 746 #logout_link:before {
 747   content: "X";
 748 }
 749 #logout_link span {
 750   display: none;
 751 }
 752
 753 .sellistclass {
 754 float:left;
 755 }
 756
 757 .disabled_button {
 758     color: grey;
 759 }
 760 a.disabled_button:hover {
 761   color: grey;
 762 }
 763
 764 /*
 765  * TABS
 766 */
 767
 768 ul.tabNav { margin: 0; float: left; list-style: none; width: 100%; }
 769 ul.tabNav li { float: left; margin: 0 3px 0 0;
 770     padding: 0.5px 0 0;
 771     font-size: 0.8em;
 772     vertical-align: bottom;
 773     text-align: left;
 774     border-radius: 8px 8px 0 0;
 775 position: relative;
 776 z-index: 1;
 777 top: 2px;
 778 border-left: 1pt solid black;
 779 border-top: 1pt solid black;
 780 border-right: 1pt solid black;
 781 }
 782 ul.tabNav li.current {
 783     font-weight: bold;
 784     font-size: 0.8em;
 785     vertical-align: bottom;
 786     text-align: left;
 787 position: relative;
 788 z-index: 3;
 789 top: 0.0875em;
 790 border-left:1pt solid black;
 791 }
 792 ul.tabNav a {
 793     background: #F8E6CBE6;
 794 color: #333;
 795 display: block;
 796 padding: 8px;
 797 text-decoration: none;
 798 border-radius: 8px 8px 0 0;
 799 box-shadow: 2px -1px 1px #c0c0c0;
 800  }
 801  form {
 802     width: 95%;
 803     margin: 0 auto;
 804  }
 805 ul.tabNav li.current a { background:#FFFFFF; }
 806
 807 div.tabContainer {
 808     clear: both;
 809 float: left;
 810 width: 100%;
 811 border-radius: 0px 8px 8px 8px;
 812 box-shadow: 2px 2px 2px #c0c0c0;
 813 border: 1pt solid #c0c0c0;
 814 position:relative;
 815 z-index: 1;
 816 background-color: white;
 817 margin-top: -0.1px;
 818 margin-bottom: 2em;
 819 padding: 10px;
 820 }
 821 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
 822 div.tabContainer div.current { display: block; box-shadow:0pt;}
 823 div.tab {   min-height: 180px;
 824     background: #ffffff none repeat scroll 0 0;
 825     margin-bottom: 10px;
 826     width:800px;
 827 border: 1pt solid black;
 828 border-radius: 5px;
 829 }
 830 div.tab_long {  min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 831 div.tab p:last-child { margin-bottom: 0; }
 832
 833 table {
 834         border-collapse: separate;
 835 }
 836 div.tab table td {
 837     padding-right: 1px; padding-bottom: 0px;
 838 }
 839 div.tab table td.label_custom {
 840     min-width:80px;
 841 }
 842
 843 div.tab table td.data {
 844     min-width:120px; /*170px*/
 845 }
 846 td .div {
 847     border-left:1pt solid black;
 848 }
 849 div.notab {
 850 background: #FFFFFF none repeat scroll 0 0;
 851 margin-bottom: 10px;
 852 border: 1px solid #c0c0c0;
 853 background-color: #fff;
 854 border-radius: 0 0 5px 5px;
 855 box-shadow: 1px 2px 4px #c0c0c0;
 856 padding-left: 10px;
 857 margin-bottom: 2em;
 858 }
 859 div.notab-right {
 860     background: #FFFFFF none repeat scroll 0 0;
 861 border: 1px solid #c0c0c0;
 862 background-color: #fff;
 863 border-radius: 0 0 5px 5px;
 864 box-shadow: 1px 2px 4px #c0c0c0;
 865 padding-left: 10px;
 866 margin-bottom: 2em;
 867 }
 868
 869 .section-header {
 870     clear: both;
 871     border: 1px solid black;
 872 background-color: #f8e8cb;
 873 border-radius: 5px 5px 0px 0px;
 874 box-shadow: 2px 0px 5px #c0c0c0;
 875 padding: 6px;
 876 }
 877 .section-header-dynamic {
 878 clear: both;
 879 border: 1px solid black;
 880 background-color: #f8e8cb;
 881 border-radius: 5px 5px 0px 0px;
 882 box-shadow: 2px 0px 5px #c0c0c0;
 883 padding: 6px;
 884 }
 885
 886 .summary_item {
 887     padding:8px;
 888             margin: 0 auto 10px;
 889
 890     background: #FFFFFF none repeat scroll 0 0;
 891     margin-bottom: 10px;
 892     border: 1px solid #c0c0;
 893     background-color: #fff;
 894     border-radius: 0 0 5px 5px;
 895     box-shadow: 1px 2px 4px #c0c0c0;
 896 }
 897 div.summary_item div {
 898     margin: 1em auto;
 899 }
 900 /*
 901 * REPORTS
 902 */
 903
 904 #report_parameters {
 905     background-color: #ececec;
 906     margin-top:10px;
 907 }
 908
 909 #report_parameters table {
 910     border: solid 1px;
 911     width: 100%;
 912     border-collapse: collapse;
 913 }
 914 #report_parameters table td {
 915     padding: 5px;
 916 }
 917
 918 #report_parameters table table {
 919     border: 0px;
 920     border-collapse: collapse;
 921     font-size: 0.8em;
 922 }
 923
 924 #report_parameters table table td.label_custom {
 925     text-align: right;
 926 }
 927
 928 #report_results table {
 929    border-top: 1px solid black;
 930    border-bottom: 1px solid black;
 931    border-left: 1px solid black;
 932    border-right: 1px solid black;
 933    width: 100%;
 934    border-collapse: collapse;
 935    margin-top: 1px;
 936 }
 937 #report_results table thead {
 938     padding: 5px;
 939     display: table-header-group;
 940     background-color: #ddd;
 941     text-align:left;
 942     font-weight: bold;
 943     font-size: 0.7em;
 944 }
 945 #report_results table th {
 946     border-bottom: 1px solid black;
 947     padding: 5px;
 948 }
 949 #report_results table td {
 950     padding: 5px;
 951     border-bottom: 1px dashed;
 952     font-size: 0.8em;
 953 }
 954 .report_totals td {
 955     background-color: #77ff77;
 956     font-weight: bold;
 957 }
 958
 959 /**
 960 * List-table formatting
 961 **/
 962 .showborder {
 963 Xwidth:650px;
 964 }
 965 .showborder td {
 966 border-bottom:1px dashed #000000;
 967 text-align:left;
 968 font-size:9pt;
 969 }
 970 .showborder_head  th {
 971 border-bottom:1px solid #000000;
 972 text-align:left;
 973 font-size:9pt;
 974 }
 975 .shownoborder td {
 976 text-align:left;
 977 font-size:9pt;
 978 }
 979 .showborder_long {
 980 width:100%;
 981 }
 982 .showborder_long tr td{
 983 border-bottom:1px dashed #000000;
 984 text-align:left;
 985 font-size:9pt;
 986 }
 987
 988 /**
 989 * Drug lookup
 990 **/
 991 .drug_lookup{
 992     font-family: 'FontAwesome', helvetica;
 993     font-size: 8pt;
 994     border: 2px outset rgb(102, 102, 102);
 995     background-color: #eae6ff;
 996     padding: 5px;
 997     position: absolute;
 998     display: block;
 999 }
1000
1001 /* Password alert styles */
1002 .pwdalert {
1003     display: block;
1004     width: 390pt;
1005     margin-left: 100px;
1006     padding: 10px 10px 10px 15px;
1007     color: black;
1008   }
1009 .alertmsg1 {
1010     border: 3px solid #fe7b7a;
1011     background-color: #ffd6d6 ;
1012   }
1013 .alertmsg2 {
1014     border: 3px solid #f56fff;
1015     background-color: #fabfff;
1016   }
1017 .alertmsg3 {
1018     border: 3px solid #9acc2e;
1019     background-color: #eef7dd;
1020   }
1021 /* Password alert styles */
1022
1023 /* Style for red font */
1024 .redtext {
1025     font-family: 'FontAwesome', sans-serif;
1026     text-decoration: none;
1027     color: #FF0000;
1028     font-size: 10pt;
1029 }
1030 /* Style for red font */
1031
1032 .de_identification_status_message{
1033     width: 50%;
1034     border:1px solid #0000FF;
1035 }
1036
1037 .de_identification_input_controls_box{
1038     width: 100%;
1039     border:1px solid #0000FF;
1040 }
1041
1042 .de_id_upgrade_login{
1043     width: 40%;
1044     border:1px solid Black;
1045         background-color:#ffffff;
1046 }
1047
1048 #navigation-slide, #navigation-slide *{
1049     padding-left:1px;
1050     margin-left:0px;
1051 }
1052
1053 #navigation-slide li{
1054     list-style:none;
1055 }
1056
1057 #navigation-slide a{
1058     background: #FFFFFF;
1059     border-top: 0px solid #EAE6FF;
1060     border-left:1pt solid black;
1061     border-bottom:1pt solid black;
1062     color: #000;
1063     display: block;
1064     padding: 5px 2px 5px 10px;
1065     width: 150px;
1066 }
1067
1068 #navigation-slide li a.collapsed{
1069
1070     color: #fff;
1071      background: none repeat scroll 0% 0% #16558C;
1072 }
1073
1074 #navigation-slide li a.expanded{
1075     background: none repeat scroll 0% 0% rgb(22, 85, 140);
1076     color: rgb(255, 255, 51);
1077 }
1078
1079 #navigation-slide ul li a.collapsed_lv2{
1080     background: none repeat scroll 0% 0% #FEF3CF;
1081 }
1082
1083 #navigation-slide ul li a.collapsed_lv3{
1084     background: none repeat scroll 0% 0% #eeeeee;
1085 }
1086
1087 #navigation-slide ul li a.expanded_lv2{
1088     background: #999; /* for non-css3 browsers */
1089     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fefdcf'); /* for IE */
1090     background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#fefdcf)); /* for webkit browsers */
1091     background: -moz-linear-gradient(center top , #fefdcf,#fefdcf) repeat scroll 0% 0% transparent;
1092     background: none repeat scroll 0% 0% #fefdcf;
1093 }
1094
1095 #navigation-slide ul li a.expanded_lv3{
1096     background: #999; /* for non-css3 browsers */
1097     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); /* for IE */
1098     background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); /* for webkit browsers */
1099     background: -moz-linear-gradient(center top , #eeeeee,#eeeeee) repeat scroll 0% 0% transparent;
1100     background: none repeat scroll 0% 0% #eeeeee;
1101 }
1102
1103 body dl {
1104     background-color: #C9DBF2;
1105     border-bottom: 0.1pt solid black;
1106     -moz-box-shadow: 0 0 10px #000;
1107     -webkit-box-shadow: 0 0 10px #000;
1108     box-shadow: 0 0 10px #000;
1109 }
1110
1111 #sddm li
1112 {   margin: 0;
1113     padding: 0;
1114     list-style: none;
1115         float:left;
1116         background: #C9DBF2; /* for non-css3 browsers */
1117         color:#000;
1118 }
1119
1120 #sddm li a
1121 {   display: block;
1122     margin: 0 1px 0 0;
1123     padding: 4px 10px;
1124     color: #000;
1125     text-align:left;
1126     text-decoration: none;
1127     font-size: 0.8em;
1128 }
1129
1130 #sddm li a:hover
1131 {
1132     background: #16558C;
1133     color:#ffffff;
1134 }
1135
1136 #sddm div
1137 {
1138     position: absolute;
1139     visibility: hidden;
1140     background-color: #C9DBF2;
1141 box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
1142 min-width: 175px;
1143 border: 0.5pt solid gray;
1144 border-radius: 0px 5px 5px 5px;
1145 color: black;
1146 margin-top: 0px;
1147 padding-top: 3px;
1148 padding-left: 0px;
1149 padding-right: 0px;
1150 padding-bottom: 4px;
1151 z-index:20;
1152 }
1153
1154 #sddm div a
1155 {
1156     position: relative;
1157     display: block;
1158     margin: 0.2em 0em;
1159     padding: 5px 10px;
1160     width: 170px;
1161     white-space:normal;
1162     text-align: left;
1163     text-decoration: none;
1164     background: #C9DBF2;;
1165     color: #000;
1166     font-size: 0.8em;
1167     font-weight:normal;
1168 }
1169
1170 #sddm div a:hover
1171 {
1172     background: #16558C;
1173     color: #ffffff;
1174 }
1175 #sddm td {
1176     border-top:0pt !important;
1177 }
1178 .text-area{
1179   background-color:#FFFFFF;
1180   border:1px solid black;
1181   width:100%;
1182   height:100px;
1183   overflow:auto;
1184   text-align:left;
1185 }
1186 .example_menu {
1187             font-size: 70%;
1188             list-style: none;
1189             margin: 0;
1190             padding: 0;
1191             vertical-align: top;
1192             width: 136px;
1193 }
1194 .expand_all,
1195 .collapse_all {
1196     cursor: pointer;
1197 }
1198 .example_menu ul {
1199     display: none;
1200     list-style: none;
1201     margin: 0;
1202     padding: 0;
1203 }
1204 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1205     background-image: none;
1206     margin: 0;
1207     padding: 0;
1208     border-bottom:1px solid white;
1209 }
1210 .example_menu ul ul {
1211     display: block;
1212 }
1213 .example_menu a {
1214     color: #000;
1215     cursor: pointer;
1216     display: block;
1217     font-weight: bold;
1218     margin-left: 0;
1219     padding: 2px 2px 2px 17px;
1220     width: 160px;
1221 }
1222 .example_menu a.expanded {
1223     background: #bbb url('collapse.gif') no-repeat 3px 50%;
1224 }
1225 .example_menu a.collapsed {
1226     background: #bbb url('expand.gif') no-repeat 3px 50%;
1227 }
1228 .example_menu a:hover {
1229     text-decoration: none;
1230 }
1231 .example_menu ul li span {
1232      background: #d9d1a4;
1233     color: #000;
1234     display: block;
1235     font-weight: normal;
1236     width:100%;
1237 }
1238 .example_menu ul a:Subjective {
1239     font-weight: normal;
1240 }
1241 .example_menu ul a:hover {
1242     background : #f5f5f5;
1243     text-decoration: underline;
1244 }
1245 .example_menu li.active a {
1246     background: #fff;
1247 }
1248 .example_menu li.active li a {
1249     background: #e8e8e8;
1250 }
1251 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1252     background: transparent url('footer.jpg') no-repeat 0 0;
1253     border-top: 2px solid #fff;
1254     height: 9px;
1255     line-height: 15px;
1256     margin: 0 0 10px 0;
1257     width: 131px;
1258 }
1259 .example_menu .footer span {
1260     display: none;
1261 }
1262 .cke_contents {
1263 height: 300px !important;
1264 }
1265
1266 /* Form styles */
1267 .formtable {
1268         font-size:13px;
1269         line-height: 24px;
1270     }
1271 .formtable tr td {
1272         line-height: 24px;
1273     }
1274 .report_search_bar{
1275     background-color:#EADDB4;
1276 }
1277
1278 /* error message = new validation */
1279 .error-message{
1280     color:red;
1281     display:block;
1282     white-space: nowrap;
1283     font-weight: normal;
1284     font-size: 11px;
1285 }
1286 .error-border{
1287     border: 1px solid red;
1288 }
1289
1290 .tinylogocontainer
1291 {
1292     display: inline-block;
1293     border: none;
1294 }
1295
1296 .tinylogopng
1297 {
1298     display: inline-block;
1299     width: 44px;
1300     height: 22px;
1301 }
1302
1303 /* flow board filters*/
1304 #flow_board_parameters{
1305     margin: 25px auto;
1306     background-color: #ececec;
1307 }
1308 #flow_board_parameters td{
1309     padding: 10px;
1310 }
1311 #flow_board_parameters table {
1312     border: solid 1px;
1313     width: 100%;
1314     border-collapse: collapse;
1315 }
1316 #theform table table {
1317     background: #FFF;
1318     color: #333;
1319     display: block;
1320     padding: 8px;
1321     text-decoration: none;
1322     border-radius: 8px;
1323     border:1pt solid black;
1324     box-shadow: 2px 2px 2px #c0c0c0;
1325  }
1326  #theform th ul li {
1327     top: .375em;
1328 }
1329 #pattrk {
1330     background: #FFF;
1331     color: #333;
1332     display: block;
1333     padding: 8px;
1334     text-decoration: none;
1335     border-radius: 8px;
1336     border:1pt solid black;
1337     box-shadow: 2px 2px 2px #c0c0c0;
1338 }
1339 #refreshme {
1340     font-size:0.7em;
1341 }
1342 #setting_cog {
1343     font-size:0.7em;
1344 }
1345
1346
1347 /* ------- Therapy groups styling --------- */
1348 .group-row{
1349   margin-top: 15px;
1350 }
1351 .container-group{
1352   margin-top: auto;
1353 }
1354 .group-error-msg{
1355   color: #ff6643;
1356 }
1357 .group-success-msg{
1358   color: #4c8029;
1359 }
1360
1361 #component-border{
1362   margin-bottom: 20px;
1363   border: 1px solid #2672ec;
1364   width: 100%;
1365   min-height: 150px;
1366   padding: 10px;
1367 }
1368 #main-component ul{
1369 }
1370 .float-right{
1371   float: right;
1372 }
1373 .rtl .float-right{
1374   float: left;
1375 }
1376
1377 table.dataTable#therapy_groups_list tbody td{
1378   padding-left: 20px;
1379   padding-right: 20px;
1380   font-size: 15px;
1381 }
1382
1383 .therapy_group #therapy_groups_list_container{
1384   margin-top: initial;
1385   width: initial;
1386 }
1387
1388 .therapy_group #therapy_groups_list_container input[type = "text"]{
1389   border-color: #ccc;
1390 }
1391
1392 .therapy_group #therapy_groups_list_container input[type=number] {
1393   -moz-appearance:textfield;
1394 }
1395
1396 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1397 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1398   -webkit-appearance: none;
1399   margin: 0;
1400 }
1401
1402 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1403   background-color: #ef3935;
1404   font-size: 15px;
1405   padding: 2px 10px;
1406 }
1407
1408 .therapy_group .delete_btn a{
1409   text-decoration: none;
1410   color: white;
1411 }
1412
1413 .therapy_group #therapy_groups_list_container .failed_message{
1414   font-size: 15px;
1415 }
1416 #updateParticipants{
1417   position: relative;
1418
1419 }
1420 #addParticipant{
1421     position: absolute;
1422     right: 0px;
1423    z-index: 100;
1424 }
1425 #add-participant-form{
1426   transition: max-height 1s ease-out;
1427   max-height: 0;
1428   overflow: hidden;
1429 }
1430 .showAddForm{
1431   max-height: 250px !important;
1432 }
1433 .groups-error-msg{
1434   color: #ff542d;
1435   font-size: 1.3em;
1436   padding: 8px;
1437   text-align: center;
1438 }
1439
1440 .therapy_group .event_details{
1441   font-size: 14px;
1442 }
1443
1444 #add_participant{
1445   margin-bottom: 20px;
1446   margin-left: 10px;
1447 }
1448
1449 #add_participant .patient_wrap,
1450 #add_participant .comment_wrap,
1451 #add_participant .button_wrap{
1452   margin-top: 7px;
1453 }
1454
1455 #add_participant .patient_wrap,
1456 #add_participant .comment_wrap {
1457   display: inline-block;
1458 }
1459
1460 #add_participant .button_wrap input{
1461   float: none;
1462   display: inline-block;
1463 }
1464
1465 #add_participant_element .input_label{
1466   display: block;
1467 }
1468
1469 #add_participant_element .error_wrap .error{
1470   color: red;
1471 }
1472
1473 #group_attendance_form_table tbody td{
1474   text-align: center;
1475 }
1476
1477
1478 #file_type_whitelist .subject-black-list,
1479 #file_type_whitelist .subject-white-list {
1480
1481     display: inline-block;
1482     width: 420px;
1483     float: left;
1484 }
1485
1486 #file_type_whitelist{
1487     height: 400px;
1488     padding: 10px;
1489 }
1490 #white-list, #black-list{
1491     margin: 10px;
1492     padding: 10px;
1493
1494     width: 400px;
1495 }
1496 #file_type_whitelist select {
1497     height: 250px;
1498     padding: 0;
1499 }
1500 #file_type_whitelist option {
1501     padding: 4px 10px 4px 10px;
1502 }
1503
1504 #file_type_whitelist option:hover {
1505     background: #EEEEEE;
1506 }
1507
1508 #file_type_whitelist .subject-info-arrows {
1509
1510     display: inline-block;
1511     width: 58px;
1512     margin: 130px 30px 30px 30px;
1513     float: left;
1514 }
1515 #file_type_whitelist .subject-info-save{
1516     width: 60px;
1517     margin: 170px 30px 30px 30px;
1518     float: left;
1519 }
1520
1521 #file_type_whitelist input[type=button]{
1522     float: none !important;
1523     width: 63px;
1524 }
1525 #file_type_whitelist #add-manually{
1526     display: inline-block
1527 }
1528 #file_type_whitelist #add-manually-input{
1529     width: 190px;
1530 }
1531 #file_type_whitelist .top-list{
1532     margin: 20px 20px 2px 20px;
1533
1534 }
1535
1536 .btn-default {
1537     color: #444444 !important;
1538 }
1539
1540 .btn-link {
1541     color: #444444 !important;
1542 }