interface/themes/style_manila.css

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