interface/themes/style_light.css

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