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
 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 /* The top navigation icon styling*/
 679 .top-nav-icons {
 680     margin-right: 15px;
 681     margin-top: 5px
 682 }
 683 /*
 684  * CSS BUTTONS
 685 */
 686 /* add ons testing */
 687 .css_button_small {
 688   background: #063f80;
 689   color: #ffffff !important;
 690   display: inline-block;
 691   font-weight: 600;
 692   margin-right: 3px;
 693   /* sliding doors padding */
 694   text-decoration: none;
 695   padding: 2px 7px 2px;
 696   border: none;
 697   font-size: 0.7em;
 698   box-shadow: 2px 1px 4px #88888B;
 699   border-radius: 5px;
 700 }
 701 .css_button_small span {
 702   display: inline-block;
 703 }
 704 .css_button_small:hover {
 705   background: #1050b6;
 706   box-shadow: 0px 1px 3px #DDD;
 707   text-decoration: none;
 708 }
 709 #dateNAV {
 710     font-size:1.1em !important;
 711 }
 712 .css_button, input[type="button"],input[type="submit"], button {
 713   background: #063f80;
 714   color: #ffffff !important;
 715   display: inline-block;
 716   font-weight: 600;
 717   margin: 4px;
 718   vertical-align: middle;
 719   /* sliding doors padding */
 720   text-decoration: none;
 721   padding: 4px 6px 4px;
 722   border: none;
 723   border-radius: 5px;
 724   font-size:0.8em;
 725   box-shadow: 2px 1px 2px #88888B ! Important;
 726 }
 727 .css_button span, input[type="button"] span, button span {
 728   display: inline-block;
 729 }
 730 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
 731   background: red !important;
 732 }
 733 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
 734   background: #1050b6;
 735     box-shadow: 3px 4px 6px #DDD ;
 736   text-decoration: none;
 737 }
 738
 739 input[type="button"][style="background-color:#ffff55"] {
 740   background: #2672ec !important;
 741 }
 742
 743 input[type="text"] {
 744   background: #ffffff;
 745   border: 1px solid #444444;
 746   padding: 3px;
 747   margin: 3px;
 748 }
 749
 750 #logout_link span {
 751   display: none;
 752 }
 753
 754 .sellistclass {
 755 float:left;
 756 }
 757
 758 .disabled_button {
 759     color: grey;
 760 }
 761 a.disabled_button:hover {
 762   color: grey;
 763 }
 764
 765 /*
 766  * TABS
 767 */
 768
 769 ul.tabNav { margin: 0; float: left; list-style: none; width: 100%; }
 770 ul.tabNav li { float: left; margin: 0 3px 0 0;
 771     padding: 0.5px 0 0;
 772     font-size: 0.8em;
 773     vertical-align: bottom;
 774     text-align: left;
 775     border-radius: 8px 8px 0 0;
 776 position: relative;
 777 z-index: 1;
 778 top: 2px;
 779 border-left: 1pt solid black;
 780 border-top: 1pt solid black;
 781 border-right: 1pt solid black;
 782 }
 783 ul.tabNav li.current {
 784     font-weight: bold;
 785     font-size: 0.8em;
 786     vertical-align: bottom;
 787     text-align: left;
 788 position: relative;
 789 z-index: 3;
 790 top: 0.0875em;
 791 border-left:1pt solid black;
 792 }
 793 ul.tabNav a {
 794     background: #F8E6CBE6;
 795 color: #333;
 796 display: block;
 797 padding: 8px;
 798 text-decoration: none;
 799 border-radius: 8px 8px 0 0;
 800 box-shadow: 2px -1px 1px #c0c0c0;
 801  }
 802  form {
 803     width: 95%;
 804     margin: 0 auto;
 805  }
 806 ul.tabNav li.current a { background:#FFFFFF; }
 807
 808 div.tabContainer {
 809     clear: both;
 810 float: left;
 811 width: 100%;
 812 border-radius: 0px 8px 8px 8px;
 813 box-shadow: 2px 2px 2px #c0c0c0;
 814 border: 1pt solid #c0c0c0;
 815 position:relative;
 816 z-index: 1;
 817 background-color: white;
 818 margin-top: -0.1px;
 819 margin-bottom: 2em;
 820 padding: 10px;
 821 }
 822 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
 823 div.tabContainer div.current { display: block; box-shadow:0pt;}
 824 div.tab {   min-height: 180px;
 825     background: #ffffff none repeat scroll 0 0;
 826     margin-bottom: 10px;
 827     width:800px;
 828 border: 1pt solid black;
 829 border-radius: 5px;
 830 }
 831 div.tab_long {  min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 832 div.tab p:last-child { margin-bottom: 0; }
 833
 834 table {
 835         border-collapse: separate;
 836 }
 837 div.tab table td {
 838     padding-right: 1px; padding-bottom: 0px;
 839 }
 840 div.tab table td.label_custom {
 841     min-width:80px;
 842 }
 843
 844 div.tab table td.data {
 845     min-width:120px; /*170px*/
 846 }
 847 td .div {
 848     border-left:1pt solid black;
 849 }
 850 div.notab {
 851 background: #FFFFFF none repeat scroll 0 0;
 852 margin-bottom: 10px;
 853 border: 1px solid #c0c0c0;
 854 background-color: #fff;
 855 border-radius: 0 0 5px 5px;
 856 box-shadow: 1px 2px 4px #c0c0c0;
 857 padding-left: 10px;
 858 margin-bottom: 2em;
 859 }
 860 div.notab-right {
 861     background: #FFFFFF none repeat scroll 0 0;
 862 border: 1px solid #c0c0c0;
 863 background-color: #fff;
 864 border-radius: 0 0 5px 5px;
 865 box-shadow: 1px 2px 4px #c0c0c0;
 866 padding-left: 10px;
 867 margin-bottom: 2em;
 868 }
 869
 870 .section-header {
 871     clear: both;
 872     border: 1px solid black;
 873 background-color: #f8e8cb;
 874 border-radius: 5px 5px 0px 0px;
 875 box-shadow: 2px 0px 5px #c0c0c0;
 876 padding: 6px;
 877 }
 878 .section-header-dynamic {
 879 clear: both;
 880 border: 1px solid black;
 881 background-color: #f8e8cb;
 882 border-radius: 5px 5px 0px 0px;
 883 box-shadow: 2px 0px 5px #c0c0c0;
 884 padding: 6px;
 885 }
 886
 887 .summary_item {
 888     padding:8px;
 889             margin: 0 auto 10px;
 890
 891     background: #FFFFFF none repeat scroll 0 0;
 892     margin-bottom: 10px;
 893     border: 1px solid #c0c0;
 894     background-color: #fff;
 895     border-radius: 0 0 5px 5px;
 896     box-shadow: 1px 2px 4px #c0c0c0;
 897 }
 898 div.summary_item div {
 899     margin: 1em auto;
 900 }
 901 /*
 902 * REPORTS
 903 */
 904
 905 #report_parameters {
 906     background-color: #ececec;
 907     margin-top:10px;
 908 }
 909
 910 #report_parameters table {
 911     border: solid 1px;
 912     width: 100%;
 913     border-collapse: collapse;
 914 }
 915 #report_parameters table td {
 916     padding: 5px;
 917 }
 918
 919 #report_parameters table table {
 920     border: 0px;
 921     border-collapse: collapse;
 922     font-size: 0.8em;
 923 }
 924
 925 #report_parameters table table td.label_custom {
 926     text-align: right;
 927 }
 928
 929 #report_results table {
 930    border-top: 1px solid black;
 931    border-bottom: 1px solid black;
 932    border-left: 1px solid black;
 933    border-right: 1px solid black;
 934    width: 100%;
 935    border-collapse: collapse;
 936    margin-top: 1px;
 937 }
 938 #report_results table thead {
 939     padding: 5px;
 940     display: table-header-group;
 941     background-color: #ddd;
 942     text-align:left;
 943     font-weight: bold;
 944     font-size: 0.7em;
 945 }
 946 #report_results table th {
 947     border-bottom: 1px solid black;
 948     padding: 5px;
 949 }
 950 #report_results table td {
 951     padding: 5px;
 952     border-bottom: 1px dashed;
 953     font-size: 0.8em;
 954 }
 955 .report_totals td {
 956     background-color: #77ff77;
 957     font-weight: bold;
 958 }
 959
 960 /**
 961 * List-table formatting
 962 **/
 963 .showborder {
 964 Xwidth:650px;
 965 }
 966 .showborder td {
 967 border-bottom:1px dashed #000000;
 968 text-align:left;
 969 font-size:9pt;
 970 }
 971 .showborder_head  th {
 972 border-bottom:1px solid #000000;
 973 text-align:left;
 974 font-size:9pt;
 975 }
 976 .shownoborder td {
 977 text-align:left;
 978 font-size:9pt;
 979 }
 980 .showborder_long {
 981 width:100%;
 982 }
 983 .showborder_long tr td{
 984 border-bottom:1px dashed #000000;
 985 text-align:left;
 986 font-size:9pt;
 987 }
 988
 989 /**
 990 * Drug lookup
 991 **/
 992 .drug_lookup{
 993     font-family: 'FontAwesome', helvetica;
 994     font-size: 8pt;
 995     border: 2px outset rgb(102, 102, 102);
 996     background-color: #eae6ff;
 997     padding: 5px;
 998     position: absolute;
 999     display: block;
1000 }
1001
1002 /* Password alert styles */
1003 .pwdalert {
1004     display: block;
1005     width: 390pt;
1006     margin-left: 100px;
1007     padding: 10px 10px 10px 15px;
1008     color: black;
1009   }
1010 .alertmsg1 {
1011     border: 3px solid #fe7b7a;
1012     background-color: #ffd6d6 ;
1013   }
1014 .alertmsg2 {
1015     border: 3px solid #f56fff;
1016     background-color: #fabfff;
1017   }
1018 .alertmsg3 {
1019     border: 3px solid #9acc2e;
1020     background-color: #eef7dd;
1021   }
1022 /* Password alert styles */
1023
1024 /* Style for red font */
1025 .redtext {
1026     font-family: 'FontAwesome', sans-serif;
1027     text-decoration: none;
1028     color: #FF0000;
1029     font-size: 10pt;
1030 }
1031 /* Style for red font */
1032
1033 .de_identification_status_message{
1034     width: 50%;
1035     border:1px solid #0000FF;
1036 }
1037
1038 .de_identification_input_controls_box{
1039     width: 100%;
1040     border:1px solid #0000FF;
1041 }
1042
1043 .de_id_upgrade_login{
1044     width: 40%;
1045     border:1px solid Black;
1046         background-color:#ffffff;
1047 }
1048
1049 #navigation-slide, #navigation-slide *{
1050     padding-left:1px;
1051     margin-left:0px;
1052 }
1053
1054 #navigation-slide li{
1055     list-style:none;
1056 }
1057
1058 #navigation-slide a{
1059     background: #FFFFFF;
1060     border-top: 0px solid #EAE6FF;
1061     border-left:1pt solid black;
1062     border-bottom:1pt solid black;
1063     color: #000;
1064     display: block;
1065     padding: 5px 2px 5px 10px;
1066     width: 150px;
1067 }
1068
1069 #navigation-slide li a.collapsed{
1070
1071     color: #fff;
1072      background: none repeat scroll 0% 0% #16558C;
1073 }
1074
1075 #navigation-slide li a.expanded{
1076     background: none repeat scroll 0% 0% rgb(22, 85, 140);
1077     color: rgb(255, 255, 51);
1078 }
1079
1080 #navigation-slide ul li a.collapsed_lv2{
1081     background: none repeat scroll 0% 0% #FEF3CF;
1082 }
1083
1084 #navigation-slide ul li a.collapsed_lv3{
1085     background: none repeat scroll 0% 0% #eeeeee;
1086 }
1087
1088 #navigation-slide ul li a.expanded_lv2{
1089     background: #999; /* for non-css3 browsers */
1090     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fefdcf'); /* for IE */
1091     background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#fefdcf)); /* for webkit browsers */
1092     background: -moz-linear-gradient(center top , #fefdcf,#fefdcf) repeat scroll 0% 0% transparent;
1093     background: none repeat scroll 0% 0% #fefdcf;
1094 }
1095
1096 #navigation-slide ul li a.expanded_lv3{
1097     background: #999; /* for non-css3 browsers */
1098     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); /* for IE */
1099     background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); /* for webkit browsers */
1100     background: -moz-linear-gradient(center top , #eeeeee,#eeeeee) repeat scroll 0% 0% transparent;
1101     background: none repeat scroll 0% 0% #eeeeee;
1102 }
1103
1104 body dl {
1105     background-color: #C9DBF2;
1106     border-bottom: 0.1pt solid black;
1107     -moz-box-shadow: 0 0 10px #000;
1108     -webkit-box-shadow: 0 0 10px #000;
1109     box-shadow: 0 0 10px #000;
1110 }
1111
1112 #sddm li
1113 {   margin: 0;
1114     padding: 0;
1115     list-style: none;
1116         float:left;
1117         background: #C9DBF2; /* for non-css3 browsers */
1118         color:#000;
1119 }
1120
1121 #sddm li a
1122 {   display: block;
1123     margin: 0 1px 0 0;
1124     padding: 4px 10px;
1125     color: #000;
1126     text-align:left;
1127     text-decoration: none;
1128     font-size: 0.8em;
1129 }
1130
1131 #sddm li a:hover
1132 {
1133     background: #16558C;
1134     color:#ffffff;
1135 }
1136
1137 #sddm div
1138 {
1139     position: absolute;
1140     visibility: hidden;
1141     background-color: #C9DBF2;
1142 box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
1143 min-width: 175px;
1144 border: 0.5pt solid gray;
1145 border-radius: 0px 5px 5px 5px;
1146 color: black;
1147 margin-top: 0px;
1148 padding-top: 3px;
1149 padding-left: 0px;
1150 padding-right: 0px;
1151 padding-bottom: 4px;
1152 z-index:20;
1153 }
1154
1155 #sddm div a
1156 {
1157     position: relative;
1158     display: block;
1159     margin: 0.2em 0em;
1160     padding: 5px 10px;
1161     width: 170px;
1162     white-space:normal;
1163     text-align: left;
1164     text-decoration: none;
1165     background: #C9DBF2;;
1166     color: #000;
1167     font-size: 0.8em;
1168     font-weight:normal;
1169 }
1170
1171 #sddm div a:hover
1172 {
1173     background: #16558C;
1174     color: #ffffff;
1175 }
1176 #sddm td {
1177     border-top:0pt !important;
1178 }
1179 .text-area{
1180   background-color:#FFFFFF;
1181   border:1px solid black;
1182   width:100%;
1183   height:100px;
1184   overflow:auto;
1185   text-align:left;
1186 }
1187 .example_menu {
1188             font-size: 70%;
1189             list-style: none;
1190             margin: 0;
1191             padding: 0;
1192             vertical-align: top;
1193             width: 136px;
1194 }
1195 .expand_all,
1196 .collapse_all {
1197     cursor: pointer;
1198 }
1199 .example_menu ul {
1200     display: none;
1201     list-style: none;
1202     margin: 0;
1203     padding: 0;
1204 }
1205 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1206     background-image: none;
1207     margin: 0;
1208     padding: 0;
1209     border-bottom:1px solid white;
1210 }
1211 .example_menu ul ul {
1212     display: block;
1213 }
1214 .example_menu a {
1215     color: #000;
1216     cursor: pointer;
1217     display: block;
1218     font-weight: bold;
1219     margin-left: 0;
1220     padding: 2px 2px 2px 17px;
1221     width: 160px;
1222 }
1223 .example_menu a.expanded {
1224     background: #bbb url('collapse.gif') no-repeat 3px 50%;
1225 }
1226 .example_menu a.collapsed {
1227     background: #bbb url('expand.gif') no-repeat 3px 50%;
1228 }
1229 .example_menu a:hover {
1230     text-decoration: none;
1231 }
1232 .example_menu ul li span {
1233      background: #d9d1a4;
1234     color: #000;
1235     display: block;
1236     font-weight: normal;
1237     width:100%;
1238 }
1239 .example_menu ul a:Subjective {
1240     font-weight: normal;
1241 }
1242 .example_menu ul a:hover {
1243     background : #f5f5f5;
1244     text-decoration: underline;
1245 }
1246 .example_menu li.active a {
1247     background: #fff;
1248 }
1249 .example_menu li.active li a {
1250     background: #e8e8e8;
1251 }
1252 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1253     background: transparent url('footer.jpg') no-repeat 0 0;
1254     border-top: 2px solid #fff;
1255     height: 9px;
1256     line-height: 15px;
1257     margin: 0 0 10px 0;
1258     width: 131px;
1259 }
1260 .example_menu .footer span {
1261     display: none;
1262 }
1263 .cke_contents {
1264 height: 300px !important;
1265 }
1266
1267 /* Form styles */
1268 .formtable {
1269         font-size:13px;
1270         line-height: 24px;
1271     }
1272 .formtable tr td {
1273         line-height: 24px;
1274     }
1275 .report_search_bar{
1276     background-color:#EADDB4;
1277 }
1278
1279 /* error message = new validation */
1280 .error-message{
1281     color:red;
1282     display:block;
1283     white-space: nowrap;
1284     font-weight: normal;
1285     font-size: 11px;
1286 }
1287 .error-border{
1288     border: 1px solid red;
1289 }
1290
1291 .tinylogocontainer
1292 {
1293     display: inline-block;
1294     border: none;
1295 }
1296
1297 .tinylogopng
1298 {
1299     display: inline-block;
1300     width: 44px;
1301     height: 22px;
1302 }
1303
1304 /* flow board filters*/
1305 #flow_board_parameters{
1306     margin: 25px auto;
1307     background-color: #ececec;
1308 }
1309 #flow_board_parameters td{
1310     padding: 10px;
1311 }
1312 #flow_board_parameters table {
1313     border: solid 1px;
1314     width: 100%;
1315     border-collapse: collapse;
1316 }
1317 #theform table table {
1318     background: #FFF;
1319     color: #333;
1320     display: block;
1321     padding: 8px;
1322     text-decoration: none;
1323     border-radius: 8px;
1324     border:1pt solid black;
1325     box-shadow: 2px 2px 2px #c0c0c0;
1326  }
1327  #theform th ul li {
1328     top: .375em;
1329 }
1330 #pattrk {
1331     background: #FFF;
1332     color: #333;
1333     display: block;
1334     padding: 8px;
1335     text-decoration: none;
1336     border-radius: 8px;
1337     border:1pt solid black;
1338     box-shadow: 2px 2px 2px #c0c0c0;
1339 }
1340 #refreshme {
1341     font-size:0.7em;
1342 }
1343 #setting_cog {
1344     font-size:0.7em;
1345 }
1346
1347
1348 /* ------- Therapy groups styling --------- */
1349 .group-row{
1350   margin-top: 15px;
1351 }
1352 .container-group{
1353   margin-top: auto;
1354 }
1355 .group-error-msg{
1356   color: #ff6643;
1357 }
1358 .group-success-msg{
1359   color: #4c8029;
1360 }
1361
1362 #component-border{
1363   margin-bottom: 20px;
1364   border: 1px solid #2672ec;
1365   width: 100%;
1366   min-height: 150px;
1367   padding: 10px;
1368 }
1369 #main-component ul{
1370 }
1371 .float-right{
1372   float: right;
1373 }
1374 .rtl .float-right{
1375   float: left;
1376 }
1377
1378 table.dataTable#therapy_groups_list tbody td{
1379   padding-left: 20px;
1380   padding-right: 20px;
1381   font-size: 15px;
1382 }
1383
1384 .therapy_group #therapy_groups_list_container{
1385   margin-top: initial;
1386   width: initial;
1387 }
1388
1389 .therapy_group #therapy_groups_list_container input[type = "text"]{
1390   border-color: #ccc;
1391 }
1392
1393 .therapy_group #therapy_groups_list_container input[type=number] {
1394   -moz-appearance:textfield;
1395 }
1396
1397 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1398 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1399   -webkit-appearance: none;
1400   margin: 0;
1401 }
1402
1403 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1404   background-color: #ef3935;
1405   font-size: 15px;
1406   padding: 2px 10px;
1407 }
1408
1409 .therapy_group .delete_btn a{
1410   text-decoration: none;
1411   color: white;
1412 }
1413
1414 .therapy_group #therapy_groups_list_container .failed_message{
1415   font-size: 15px;
1416 }
1417 #updateParticipants{
1418   position: relative;
1419
1420 }
1421 #addParticipant{
1422     position: absolute;
1423     right: 0px;
1424    z-index: 100;
1425 }
1426 #add-participant-form{
1427   transition: max-height 1s ease-out;
1428   max-height: 0;
1429   overflow: hidden;
1430 }
1431 .showAddForm{
1432   max-height: 250px !important;
1433 }
1434 .groups-error-msg{
1435   color: #ff542d;
1436   font-size: 1.3em;
1437   padding: 8px;
1438   text-align: center;
1439 }
1440
1441 .therapy_group .event_details{
1442   font-size: 14px;
1443 }
1444
1445 #add_participant{
1446   margin-bottom: 20px;
1447   margin-left: 10px;
1448 }
1449
1450 #add_participant .patient_wrap,
1451 #add_participant .comment_wrap,
1452 #add_participant .button_wrap{
1453   margin-top: 7px;
1454 }
1455
1456 #add_participant .patient_wrap,
1457 #add_participant .comment_wrap {
1458   display: inline-block;
1459 }
1460
1461 #add_participant .button_wrap input{
1462   float: none;
1463   display: inline-block;
1464 }
1465
1466 #add_participant_element .input_label{
1467   display: block;
1468 }
1469
1470 #add_participant_element .error_wrap .error{
1471   color: red;
1472 }
1473
1474 #group_attendance_form_table tbody td{
1475   text-align: center;
1476 }
1477
1478
1479 #file_type_whitelist .subject-black-list,
1480 #file_type_whitelist .subject-white-list {
1481
1482     display: inline-block;
1483     width: 420px;
1484     float: left;
1485 }
1486
1487 #file_type_whitelist{
1488     height: 400px;
1489     padding: 10px;
1490 }
1491 #white-list, #black-list{
1492     margin: 10px;
1493     padding: 10px;
1494
1495     width: 400px;
1496 }
1497 #file_type_whitelist select {
1498     height: 250px;
1499     padding: 0;
1500 }
1501 #file_type_whitelist option {
1502     padding: 4px 10px 4px 10px;
1503 }
1504
1505 #file_type_whitelist option:hover {
1506     background: #EEEEEE;
1507 }
1508
1509 #file_type_whitelist .subject-info-arrows {
1510
1511     display: inline-block;
1512     width: 58px;
1513     margin: 130px 30px 30px 30px;
1514     float: left;
1515 }
1516 #file_type_whitelist .subject-info-save{
1517     width: 60px;
1518     margin: 170px 30px 30px 30px;
1519     float: left;
1520 }
1521
1522 #file_type_whitelist input[type=button]{
1523     float: none !important;
1524     width: 63px;
1525 }
1526 #file_type_whitelist #add-manually{
1527     display: inline-block
1528 }
1529 #file_type_whitelist #add-manually-input{
1530     width: 190px;
1531 }
1532 #file_type_whitelist .top-list{
1533     margin: 20px 20px 2px 20px;
1534
1535 }
1536
1537 .btn-default {
1538     color: #444444 !important;
1539 }
1540
1541 .btn-link {
1542     color: #444444 !important;
1543 }