interface/themes/style_red.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     #68171A - Darkest Red*
  28     #A7252A - Darker Red*
  29     #D95459 - Dark Red
  30     #E4878A - Mid Red
  31     #ECACAE - Mid Pale Red*
  32     #ECA9AC - Pale Red
  33     #F5D6D8 - Mid Pale Pale Red*
  34     #FBEEEF - Pale Pale Red*
  35     #E7E6F9 - Pale Purple~
  36     #F9F3F3 - Paler Red
  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: #F9F3F3;
 180     margin: 8px
 181 }
 182 /* $top_bg_line RP_MODIFIED 2/8/15 #EAE6FF*/
 183 .bgcolor2 {
 184     background-color: #F9F3F3;
 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: #D95459;
 195 }
 196 /* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
 197 .body_nav {
 198     background-color: #F9F3F3;
 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 :#ECA9AC */
 644 }
 645 #addressbook_list tr.oddrow, #searchResults tr:nth-child(odd),
 646 .signout-restore-subheading {
 647     background-color: #F5D6D8;
 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: #E4878A;
 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: #A7252A;
 673     border: 1px solid transparent;
 674     border-radius: 2px;
 675 }
 676 .head, #searchCriteria {
 677     background: #E4878A ! 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 #A7252A !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 #A7252A ! 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: #FBEEEF;
 709     border-color: #68171A !important;
 710     box-shadow: 0 0 3px #ECACAE !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: #A7252A;
 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: #FBEEEF;
 820     border: solid #D95459;
 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: #D95459;
 836     color: #000000;
 837 }
 838
 839 /*RP_MODIFIED 2/11/2015 */
 840
 841 ul.tabNav li.current a {
 842     background: #ECA9AC;
 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 #ECA9AC;
 859     background: #ECA9AC;
 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: #F5D6D8;
 916     margin: 10px 0px 5px 0px;
 917 }
 918 #report_parameters table {
 919     border: solid 1px #68171A;
 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 #68171A !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 #68171A;
 954     text-align: left;
 955     font-weight: bold;
 956     font-size: 0.7em;
 957 }
 958 #report_results table th {
 959     border-bottom: 2px solid #68171A;
 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: #F5D6D8;
 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: #F9F3F3;
1011     /*RP_MODIFIED 2/8/2014 #F9F3F3*/
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 #F9F3F3;
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: #D95459;
1084     /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1085     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D95459', endColorstr='#D95459');
1086     /* for IE b5cbff*/
1087     background: -webkit-gradient(linear, left top, left bottom, from(#D95459), to(#D95459));
1088     /* for webkit browsers b5cbff*/
1089     background: -moz-linear-gradient(top, #D95459, #D95459);
1090     /* for firefox 3.6+ b5cbff*/
1091 }
1092 #navigation-slide li a.expanded {
1093     background: #E4878A;
1094     /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
1095     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E4878A',
1096         endColorstr='#E4878A');
1097     /* for IE 61a0ff)*/
1098     background: -webkit-gradient(linear, left top, left bottom, from(#E4878A),
1099         to(#E4878A));
1100     /* for webkit browsers */
1101     background: -moz-linear-gradient(top, #E4878A, #E4878A);
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 #navigation-slide ul li a.collapsed_lv3 {
1129     background: #aaaaaa;
1130     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa',
1131         endColorstr='#aaaaaa');
1132     background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa),
1133         to(#aaaaaa));
1134     background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa);
1135 }
1136 #navigation-slide ul li a.expanded_lv3 {
1137     background: #eeeeee;
1138     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',
1139         endColorstr='#eeeeee');
1140     background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),
1141         to(#eeeeee));
1142     background: -moz-linear-gradient(top, #eeeeee, #eeeeee);
1143 }
1144
1145 #sddm li {
1146     margin: 0;
1147     padding: 0;
1148     list-style: none;
1149     float: left;
1150     border: 1px solid #F9F3F3;
1151     /*RP_MODIFIED 2/8/15 #EAE6FF*/
1152     background: #D95459;
1153     /* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
1154     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D95459',
1155         endColorstr='#D95459');
1156     /* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1157     background: -webkit-gradient(linear, left top, left bottom, from(#D95459),
1158         to(#D95459));
1159     /* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1160     background: -moz-linear-gradient(top, #D95459, #D95459);
1161     /* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
1162 }
1163 #sddm li a {
1164     display: block;
1165     margin: 0 1px 0 0;
1166     padding: 4px 10px;
1167     color: #004080;
1168     text-align: left;
1169     text-decoration: none;
1170     font-size: 0.8em;
1171     font-weight: bold;
1172 }
1173 #sddm li a:hover {
1174     background: #F5D6D8;
1175 }
1176 #sddm div {
1177     position: absolute;
1178     visibility: hidden;
1179     display: none;
1180     margin: 0;
1181     padding: 0;
1182     background: #C9F1B5;
1183     border-left: 1px solid #000000;
1184     border-right: 1px solid #000000;
1185     border-bottom: 1px solid #000000;
1186 }
1187 #sddm div a {
1188     position: relative;
1189     display: block;
1190     margin: 0;
1191     padding: 5px 10px;
1192     width: 170px;
1193     white-space: normal;
1194     text-align: left;
1195     text-decoration: none;
1196     background: #F9F3F3;
1197     color: #2875DE;
1198     font-size: 0.8em;
1199     font-weight: normal;
1200     z-index: 10;
1201 }
1202 #sddm div a:hover {
1203     background: #F5D6D8;
1204     color: #000000;
1205 }
1206 .encounter-form-category-li {
1207     z-index: 100;
1208     background-color: #F9F3F3 !Important;
1209 }
1210 .text-area {
1211     background-color: #FFFFFF;
1212     border: 1px solid black;
1213     width: 100%;
1214     height: 100px;
1215     overflow: auto;
1216     text-align: left;
1217 }
1218 .example_menu {
1219     font-size: 70%;
1220     list-style: none;
1221     margin: 0;
1222     padding: 0;
1223     vertical-align: top;
1224     width: 136px;
1225 }
1226 .expand_all, .collapse_all {
1227     cursor: pointer;
1228 }
1229 .example_menu ul {
1230     display: none;
1231     list-style: none;
1232     margin: 0;
1233     padding: 0;
1234 }
1235 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
1236     background-image: none;
1237     margin: 0;
1238     padding: 0;
1239     border-bottom: 1px solid white;
1240 }
1241 .example_menu ul ul {
1242     display: block;
1243 }
1244 .example_menu a {
1245     color: #000;
1246     cursor: pointer;
1247     display: block;
1248     font-weight: bold;
1249     margin-left: 0;
1250     padding: 2px 2px 2px 17px;
1251     width: 160px;
1252 }
1253 .example_menu a.expanded {
1254     background: #bbb url('collapse.gif') no-repeat 3px 50%;
1255 }
1256 .example_menu a.collapsed {
1257     background: #bbb url('expand.gif') no-repeat 3px 50%;
1258 }
1259 .example_menu a:hover {
1260     text-decoration: none;
1261 }
1262 .example_menu ul li span {
1263     background: #d9d1a4;
1264     color: #000;
1265     display: block;
1266     font-weight: normal;
1267     width: 100%;
1268 }
1269 .example_menu ul a:Subjective {
1270     font-weight: normal;
1271 }
1272 .example_menu ul a:hover {
1273     background: #f5f5f5;
1274     text-decoration: underline;
1275 }
1276 .example_menu li.active a {
1277     background: #fff;
1278 }
1279 .example_menu li.active li a {
1280     background: #e8e8e8;
1281 }
1282 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5
1283 li.footer, .example_menu .footer {
1284     background: transparent url('footer.jpg') no-repeat 0 0;
1285     border-top: 2px solid #fff;
1286     height: 9px;
1287     line-height: 15px;
1288     margin: 0 0 10px 0;
1289     width: 131px;
1290 }
1291 .example_menu .footer span {
1292     display: none;
1293 }
1294 .cke_contents {
1295     height: 300px !important;
1296 }
1297 .btn {
1298     cursor: pointer;
1299     display: inline-block;
1300     background-repeat: no-repeat;
1301     padding: 5px 14px 6px;
1302     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1303     color: #333;
1304     font-size: 12px !Important;
1305     line-height: 1 !Important;
1306     border-bottom-color: #bbb;
1307     -webkit-border-radius: 2px;
1308     -moz-border-radius: 2px;
1309     border-radius: 2px;
1310     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1311     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1312     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1313     -webkit-transition: 0.1s linear all;
1314     -moz-transition: 0.1s linear all;
1315     transition: 0.1s linear all;
1316 }
1317 .btn.large {
1318     font-size: 16px;
1319     line-height: normal;
1320     padding: 9px 14px 9px;
1321     -webkit-border-radius: 0px;
1322     -moz-border-radius: 0px;
1323     border-radius: 0px;
1324 }
1325 .btn.small {
1326     padding: 3px 3px 3px;
1327     font-size: 9px;
1328 }
1329 .btn-custom {
1330     background-color: #0084cc hsl(201, 100%, 40%) !important;
1331     background-repeat: repeat-x;
1332     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0084cc", endColorstr="#0084cc");
1333     background-image: -khtml-gradient(linear, left top, left bottom, from(#0084cc), to(#0084cc));
1334     background-image: -moz-linear-gradient(top, #0084cc, #0084cc);
1335     background-image: -ms-linear-gradient(top, #0084cc, #0084cc);
1336     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0084cc), color-stop(100%, #0084cc));
1337     background-image: -webkit-linear-gradient(top, #0084cc, #0084cc);
1338     background-image: -o-linear-gradient(top, #0084cc, #0084cc);
1339     background-image: linear-gradient(#0084cc, #0084cc);
1340     border-color: #0084cc #0084cc hsl(201, 100%, 40%);
1341     color: #fff !important;
1342     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
1343     -webkit-font-smoothing: antialiased;
1344 }
1345 .div-message {
1346     background-color: white;
1347     color: gray;
1348     margin: 5 0 5 0px;
1349     border: 1px solid #A7252A;
1350     /*RP_ADDED 7/5/2016*/
1351     padding: 5px;
1352     width: 648px;
1353 }
1354 .signout-content {
1355     background: #F9F3F3;
1356     /*RP_ADDED 8/27/2016*/
1357 }
1358 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1359 div.section, div.borderbox {
1360     border-color: #68171A !important;
1361     background-color: #F5D6D8;
1362 }
1363 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1364
1365 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1366 .login div.container {
1367     margin-top: 5%;
1368     max-width: 500px;
1369     background: #F9F3F3 ! Important;
1370     border-top: solid #D95459 40px;
1371     border-left: solid #FBEEEF 1px;
1372     border-right: solid #FBEEEF 1px;
1373     border-bottom: solid #FBEEEF 1px;
1374 }
1375 body.login {
1376     background: #fcfcfc ! Important;
1377 }
1378 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1379
1380 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1381 .feesheet-title {
1382     font-weight: 900;
1383     background: #D95459 !important;
1384     margin: 0px 0px 10px 0px;
1385     padding: 3px;
1386 }
1387 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1388
1389 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1390 #mainBox > .body_top, .body_top_tabs {
1391     background-color: #D95459 !important;
1392 }
1393 .tabSpan, .tabSpan_tabs {
1394     border-top: 5px solid #D95459 !important;
1395     border-left: 1px solid #D95459 !important;
1396     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
1397     border-right: 1px solid #D95459 !important;
1398     border-radius: 3px 6px 0px 0px !important;
1399 }
1400 .tabNotchosen, .tabsNoHover {
1401     border-bottom: 2px solid #D95459 !important;
1402 }
1403 .tabNotchosen:hover {
1404     background: transparent !Important;
1405 }
1406 .tabSpan_tabs:hover {
1407     background: #F5D6D8 !Important;
1408 }
1409 .tabControls_tabs {
1410     border-bottom: none !important;
1411 }
1412 .ptName {
1413     font-size: 20px;
1414     background: #ffff9e;
1415     padding: 0px 5px 0px 5px;
1416 }
1417 .patientInfo {
1418     padding: 1px 1px 1px 10px;
1419     font-size: 16px;
1420     font-weight: 600;
1421 }
1422 .patientCurrentEncounter {
1423     font-size: 16px;
1424     font-weight: 600;
1425 }
1426 .menuLabel {
1427     color: #000000 !Important;
1428     font-weight: 700 !Important;
1429     font-size: 14px !Important;
1430     /*padding: 5px 10px !Important;*/
1431 }
1432 .patientEncounterList {
1433     border: 1px solid #A7252A;
1434     background: white;
1435 }
1436
1437 /*.patientEncounterList {
1438     background: #ffff9e !Important;
1439     border: 1px solid #A7252A;
1440
1441 }
1442  .patientEncounterList:hover{
1443     background: #FBEEEF  !important;
1444     border-color: #68171A !important;
1445     box-shadow: 0 0 3px #ECACAE;
1446     outline: none;
1447     -webkit-transition: 0.2s linear all;
1448     -moz-transition: 0.2s linear all;
1449     transition: 0.2s linear all;
1450
1451     overflow: visible;
1452     height: auto;
1453     z-index:4;
1454 }*/
1455
1456 .appMenu>span:hover {
1457     background-color: #F5D6D8 !important;
1458 }
1459 .menuSection:hover {
1460     background-color: #F5D6D8 !Important;
1461 }
1462 .menuLabel:hover {
1463     background: #F5D6D8 !Important;
1464 }
1465 .menuSection>.menuEntries {
1466     box-shadow: 0px 2px 2px #ECACAE !Important;
1467     border: none ! Important;
1468     border-radius: 0px ! Important;
1469 }
1470 .menuEntries li .menuLabel {
1471     padding: 5px 10px ! Important;
1472 }
1473 .menuEntres li .menuLabel:hover {
1474     background-color: #F5D6D8 !Important;
1475     color: #333;
1476 }
1477 .appMenu li:hover {
1478     background-color: #F5D6D8 !Important;
1479 }
1480 .menuSection>.menuEntries {
1481     background-color: #F9F3F3 !Important;
1482 }
1483 .body_title,  .body_title_tabs {
1484     background-color: #ECACAE !important;
1485 }
1486 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1487 .tabs_body, #searchCriteria {
1488     background-color: #ECA9AC;
1489 }
1490 .tabs_body_light {
1491     background-color: #F5D6D8;
1492 }
1493 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1494
1495 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1496 #calsearch_params {
1497     background-color: #F5D6D8 !important;
1498     width: 98% !Important;
1499 }
1500 .calsearch_body {
1501     background-color: #F9F3F3 !Important;
1502 }
1503 .chevron_color {
1504     color: #A7252A;
1505 }
1506 div#providerPicker select {
1507     margin: 0px;
1508 }
1509 #calsearch_results_header {
1510     margin-top: 5px;
1511     width: 99% ! Important;
1512 }
1513 #calsearch_results_data {
1514     width: 99% ! Important;
1515 }
1516 #topToolbarRight {
1517     padding: 3px;
1518 }
1519 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
1520
1521 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1522 img[src *="show_calendar.gif"] {
1523     margin-bottom: 3px;
1524 }
1525 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
1526
1527 /* Form styles */
1528
1529 .formtable {
1530     font-size: 13px;
1531     line-height: 24px;
1532 }
1533 .formtable tr td {
1534     line-height: 24px;
1535 }
1536 .report_search_bar {
1537     background-color: #F5D6D8;
1538 }
1539 body.admin-layout input[type="button"] {
1540     display: inline-block;
1541     float: none;
1542 }
1543
1544 /* error message = new validation */
1545 .error-message {
1546     color: red;
1547     display: block;
1548     white-space: nowrap;
1549     font-weight: normal;
1550     font-size: 11px;
1551 }
1552 .error-border {
1553     border: 1px solid red !important;
1554 }
1555 .tinylogocontainer {
1556     display: inline-block;
1557     border: none;
1558 }
1559 .tinylogopng {
1560     display: inline-block;
1561     width: 44px;
1562     height: 22px;
1563 }
1564
1565 /* flow board filters*/
1566 #flow_board_parameters {
1567     width: 1041px;
1568     margin: 25px auto;
1569     background-color: #F5D6D8;
1570 }
1571 #flow_board_parameters td {
1572     padding: 10px;
1573 }
1574 #flow_board_parameters table {
1575     border: solid 1px #68171A;
1576     width: 100%;
1577     border-collapse: collapse;
1578 }
1579 .divider {
1580     border-color: #68171A !Important;
1581 }
1582 /* flow board filters*/
1583
1584 /* ------- Therapy groups styling --------- */
1585 .group-row {
1586     margin-top: 15px;
1587 }
1588 .container-group {
1589     margin-top: auto;
1590 }
1591 .group-error-msg {
1592     color: #ff6643;
1593 }
1594 .group-success-msg {
1595     color: #4c8029;
1596 }
1597 #component-border {
1598     margin-bottom: 20px;
1599     border: 1px solid #2672ec;
1600     width: 100%;
1601     min-height: 150px;
1602     padding: 10px;
1603 }
1604 #main-component ul {}
1605 .float-right {
1606     float: right;
1607 }
1608 .rtl .float-right {
1609     float: left;
1610 }
1611 table.dataTable#therapy_groups_list tbody td {
1612     padding-left: 20px;
1613     padding-right: 20px;
1614     font-size: 15px;
1615 }
1616 .therapy_group #therapy_groups_list_container {
1617     margin-top: initial;
1618     width: initial;
1619 }
1620 .therapy_group #therapy_groups_list_container input[type="text"] {
1621     border-color: #ccc;
1622 }
1623 .therapy_group #therapy_groups_list_container input[type=number] {
1624     -moz-appearance: textfield;
1625 }
1626 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
1627 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1628     -webkit-appearance: none;
1629     margin: 0;
1630 }
1631 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
1632     background-color: #ef3935;
1633     font-size: 15px;
1634     padding: 2px 10px;
1635 }
1636 .therapy_group .delete_btn a {
1637     text-decoration: none;
1638     color: white;
1639 }
1640 .therapy_group #therapy_groups_list_container .failed_message {
1641     font-size: 15px;
1642 }
1643 #updateParticipants {
1644     position: relative;
1645 }
1646 #addParticipant {
1647     position: absolute;
1648     right: 0px;
1649     z-index: 100;
1650 }
1651 #add-participant-form {
1652     transition: max-height 1s ease-out;
1653     max-height: 0;
1654     overflow: hidden;
1655 }
1656 .showAddForm {
1657     max-height: 250px !important;
1658 }
1659 .groups-error-msg {
1660     color: #ff542d;
1661     font-size: 1.3em;
1662     padding: 8px;
1663     text-align: center;
1664 }
1665 .therapy_group .event_details {
1666     font-size: 14px;
1667 }
1668 #add_participant {
1669     margin-bottom: 20px;
1670     margin-left: 10px;
1671 }
1672 #add_participant .patient_wrap, #add_participant .comment_wrap,
1673 #add_participant .button_wrap {
1674     margin-top: 7px;
1675 }
1676 #add_participant .patient_wrap, #add_participant .comment_wrap {
1677     display: inline-block;
1678 }
1679 #add_participant .button_wrap input {
1680     float: none;
1681     display: inline-block;
1682 }
1683 #add_participant_element .input_label {
1684     display: block;
1685 }
1686 #add_participant_element .error_wrap .error {
1687     color: red;
1688 }
1689 #group_attendance_form_table tbody td {
1690     text-align: center;
1691 }
1692 #file_type_whitelist .subject-black-list, #file_type_whitelist .subject-white-list {
1693     display: inline-block;
1694     width: 420px;
1695     float: left;
1696 }
1697 #file_type_whitelist {
1698     height: 400px;
1699     padding: 10px;
1700 }
1701 #white-list, #black-list {
1702     margin: 10px;
1703     padding: 10px;
1704     width: 400px;
1705 }
1706 #file_type_whitelist select {
1707     height: 250px;
1708     padding: 0;
1709 }
1710 #file_type_whitelist option {
1711     padding: 4px 10px 4px 10px;
1712 }
1713 #file_type_whitelist option:hover {
1714     background: #EEEEEE;
1715 }
1716 #file_type_whitelist .subject-info-arrows {
1717     display: inline-block;
1718     width: 58px;
1719     margin: 130px 30px 30px 30px;
1720     float: left;
1721 }
1722 #file_type_whitelist .subject-info-save {
1723     width: 60px;
1724     margin: 170px 30px 30px 30px;
1725     float: left;
1726 }
1727 #file_type_whitelist input[type=button] {
1728     float: none !important;
1729     width: 63px;
1730 }
1731 #file_type_whitelist #add-manually {
1732     display: inline-block
1733 }
1734 #file_type_whitelist #add-manually-input {
1735     width: 190px;
1736 }
1737 #file_type_whitelist .top-list {
1738     margin: 20px 20px 2px 20px;
1739 }
1740 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1741 .dm-ed-in-1 {
1742     background-color: #F5D6D8 !Important;
1743     border-bottom: thin solid #68171A !Important;
1744 }
1745 ul.ext-tab-head li.child-active {
1746     border-bottom: 2px solid #A7252A !Important;
1747 }
1748 .dm-ed-in-9 {
1749     background-color: #E4878A;
1750 }
1751 .dm-ed-in-6 {
1752     padding-left: 5px;
1753 }
1754 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
1755
1756 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1757 .responsetd {
1758     border-color: #68171A !important;
1759     background-color: #F5D6D8;
1760     border-spacing: 5px ! Important;
1761     border-collapse: separate;
1762     margin: 0px 0px 5px 10px;
1763 }
1764 .response {
1765     background-color: #F9F3F3;
1766     border-color: #68171A !important;
1767 }
1768 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1769
1770 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1771 .code_fieldset {
1772     border: 1px solid #68171A !important;
1773     background-color: #F5D6D8 !Important;
1774 }
1775 .code_edit {
1776     background-color: #E4878A !Important;
1777 }
1778 .code_legend {
1779     background-color: #E4878A !Important;
1780     margin-bottom: 0px !Important;
1781 }
1782 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
1783
1784 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1785 .navbar-custom, .navbar-nav, .nav>.active>a, .navbar-nav>.active>a:hover,
1786 .navbar-nav>.active>a:focus {
1787     /* color: white;
1788     background-color: transparent !Important;*/
1789 }
1790 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
1791 .navbar-default .navbar-nav>.active>a:hover {
1792     background-color: #F5D6D8 !Important;
1793 }
1794 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
1795     background-color: #F5D6D8 !Important;
1796 }
1797 .dropdown-menu {
1798     background-color: #F9F3F3 !Important;
1799     border-top: 1px solid #F9F3F3 !Important;
1800     border-radius: 0px !Important;
1801 }
1802 .navbar-nav {
1803     font-size: 15px;
1804 }
1805 .navbar-default {
1806     background-color: #D95459 !Important;
1807     border: none;
1808 }
1809 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
1810     background-color: #F5D6D8 !Important;
1811 }
1812 .navbar-nav>li>.dropdown-menu {
1813     box-shadow: 0px 2px 2px #ECACAE !Important;
1814 }
1815 .navbar-collapse.collapse.in {
1816     background-color: #D95459 !Important;
1817     font-weight: 700;
1818     color: #000000 !Important;
1819 }
1820 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
1821
1822 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1823 input[type=checkbox], input[type=radio] {
1824     margin: 4px !Important;
1825 }
1826 fieldset {
1827     border-color: #68171A !important;
1828     background-color: #F5D6D8 !Important;
1829     margin-bottom: 10px!Important;
1830     padding: 0px 0px 15px 0px !Important;
1831
1832 }
1833 legend {
1834     border-bottom: 2px solid #D95459 !Important;
1835     background: #D95459 !Important;
1836     padding-left: 10px ! Important;
1837     color: #000000 !Important;
1838 }
1839 label {
1840     padding: 0px 5px !Important;
1841 }
1842 textarea.form-control {
1843     height: auto !Important;
1844 }
1845 :focus {
1846     outline: none !important;
1847 }
1848 .table>thead {
1849     background: #E4878A !Important;
1850 }
1851 .table-striped>tbody>tr:nth-of-type(odd) {
1852     background-color: #FFFFFF !Important;
1853 }
1854 .btn-default {
1855     background: #A7252A !Important;
1856     color: #FFFFFF !Important;
1857     /*border-color:#F9F3F3!Important; #ECACAE*/
1858     border-color: #68171A !Important;
1859 }
1860 .btn-link {
1861     background: #F9F3F3 !Important;
1862     color: #8e8e8e !Important;
1863     border-color: #68171A !Important;
1864         border-radius: 2px !Important;
1865 }
1866 .btn-default.active, .btn-default.focus, .btn-default:active,
1867 .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
1868     border-color: #68171A !Important;
1869     background: #68171A !Important;
1870 }
1871 .btn-link:focus, .btn-link:hover {
1872     text-decoration: none !Important;
1873 }
1874 .btn-link {
1875     border: 1px solid #ccc;
1876     border-radius: 3px !Important;
1877 }
1878 .btn-link.active, .btn-link.focus, .btn-link:active, .btn-link:focus,
1879 .btn-link:hover, .open>.dropdown-toggle.btn-link {
1880     color: #666666 !Important;
1881     border-color: #A7252A !Important;
1882     background: #FBEEEF !Important;
1883     box-shadow:0px 0px 2px #A7252A inset;
1884     transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s;
1885 }
1886 .btn-separate-left,  .oe-opt-btn-separate-left{
1887         margin-left: 20px !Important;
1888 }
1889 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
1890         border-top-right-radius: 3px !Important;
1891         border-bottom-right-radius: 3px !Important;
1892 }
1893 .btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle), .oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
1894         border-top-right-radius: 3px !Important;
1895         border-bottom-right-radius: 3px !Important;
1896 }
1897 .btn-sm {
1898     font-size: 10px !Important;
1899 }
1900 .btn-lg {
1901     border-radius: 3px !Important;
1902 }
1903 .control-label {
1904     font-weight: 600 ! Important;
1905 }
1906 .form-group {
1907     margin-bottom: 5px !Important;
1908 }
1909 .form-horizontal .control-label {
1910     padding-top: 2px ! Important;
1911 }
1912 .form-control {
1913     height: 24px ! Important;
1914     padding: 0px 6px !Important;
1915 }
1916 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox],
1917 .radio input[type=radio], .radio-inline input[type=radio] {
1918     margin-left: -20px !Important;
1919 }
1920 .checkbox label, .radio label {
1921     padding-left: 20px !important;
1922 }
1923 .position-override{
1924         text-align:center !Important;
1925     }
1926 .oe-custom-line{
1927    padding-bottom:5px;
1928 }
1929 .oe-large {
1930         display: inline-block;
1931 }
1932 .oe-small {
1933         display: none;
1934 }
1935 .oe-show-hide {
1936         display: none;
1937 }
1938 .oe-legend-radio{
1939     font-size:12px;
1940     padding:5px 5px 0px 0px;
1941 }
1942 .oe-bold-black {
1943     font-weight: 700 !Important;
1944     color: black !Important;
1945 }
1946 .oe-btn-circle {
1947   width: 30px;
1948   height: 30px;
1949   text-align: center;
1950   padding: 6px 0;
1951   font-size: 12px;
1952   line-height: 1.428571429;
1953   border-radius: 15px;
1954   background: #A7252A !Important;
1955   color: #FFFFFF !Important;
1956   border-color: #68171A !Important;
1957 }
1958 .patientInfo   a.btn, .patientDataColumn   a.btn{
1959   width: 20px;
1960   height: 20px;
1961   text-align: center;
1962   padding: 2px 0;
1963   font-size: 12px;
1964   line-height: 1.428571429;
1965   border-radius: 10px !Important;
1966   background: #A7252A !Important;
1967   color: #FFFFFF !Important;
1968   border-color: #68171A !Important;
1969   margin:5px;
1970 }
1971 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1972 #globals_form_search {
1973     margin-top: -3px;
1974     padding: 2px 3px 1px 3px;
1975 }
1976 th.currentvalues, th.historicalvalues {
1977     background: #D95459 !Important;
1978 }
1979 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
1980 .oe-payment-select {
1981     width: 80px !important;
1982     text-align: right;
1983     font-size: 12px;
1984 }
1985 .oe-ckbox-label{
1986     padding-left: 30px;
1987     font-weight: 500;
1988 }
1989 .oe-file-div{
1990     padding:10px 15px;
1991 }
1992 .oe-modal-dialog{
1993     width:65% !Important;
1994 }
1995 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/