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