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