interface/themes/style_cadmium_yellow.css

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