interface/forms/eye_mag/css/style.css

   1 /**
   2  * Style sheet for the Eye Form
   3  *
   4  * Copyright (C) 2016 Raymond Magauran <magauran@MedFetch.com>
   5  *
   6  * LICENSE: This program is free software: you can redistribute it and/or modify
   7  *  it under the terms of the GNU Affero General Public License as
   8  *  published by the Free Software Foundation, either version 3 of the
   9  *  License, or (at your option) any later version.
  10  *
  11  *  This program is distributed in the hope that it will be useful,
  12  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14  *  GNU Affero General Public License for more details.
  15  *
  16  *  You should have received a copy of the GNU Affero General Public License
  17  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  18  *
  19  * @package OpenEMR
  20  * @author Ray Magauran <magauran@MedFetch.com>
  21  * @link http://www.open-emr.org
  22  */
  23 .pure-form input[type="text"],
  24 .pure-form input[type="password"],
  25 .pure-form input[type="email"],
  26 .pure-form input[type="url"],
  27 .pure-form input[type="date"],
  28 .pure-form input[type="month"],
  29 .pure-form input[type="time"],
  30 .pure-form input[type="datetime"],
  31 .pure-form input[type="datetime-local"],
  32 .pure-form input[type="week"],
  33 .pure-form input[type="number"],
  34 .pure-form input[type="search"],
  35 .pure-form input[type="tel"],
  36 .pure-form input[type="color"],
  37 .pure-form select, .pure-form textarea {
  38     padding: 0.2em 0.2em;
  39     display: inline-block;
  40     border: 1px solid #CCC;
  41     box-shadow: 0px 1px 3px #DDD inset;
  42     border-radius: 4px;
  43     box-sizing: border-box;
  44 }
  45 .pure-form label {
  46     margin: 0.1em;
  47 }
  48 .pure-form [disabled] {
  49     color: #000000 !important;
  50 }
  51 .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {
  52     padding: 0.2em 0.2em !important;
  53 }
  54 .eye_mag {
  55     z-index:5;
  56 }
  57 #sddm {
  58     z-index:31;
  59 }
  60 a:link {
  61     color: black;
  62 }
  63
  64 /* visited link */
  65 a:visited {
  66     color: #000000;
  67 }
  68
  69 /* mouse over link */
  70 a:hover {
  71     color: black;
  72     text-decoration: underline;
  73 }
  74
  75 /* selected link */
  76 a:active {
  77     color: black;
  78 }
  79 .fa {
  80     cursor: pointer;
  81 }
  82 .more_visions_1:hover {
  83     text-decoration: underline;
  84     cursor:pointer;
  85 }
  86 .more_visions_2:hover {
  87     text-decoration: underline;
  88     cursor:pointer;
  89 }
  90
  91 .text_clinical {
  92     text-decoration: none;
  93     color: #000000;
  94     font-family:Arial,Arial,sans-serif;
  95 }
  96
  97 .text_clinical a b {
  98     text-decoration: none;
  99     color: #000000;
 100     font-family: Arial, Arial,sans-serif;
 101 }
 102
 103 .text_clinical a:hover
 104 {
 105     text-decoration: underline }
 106 }
 107 .text_clinical th {
 108     text-decoration: underline;
 109     font-size: 1.1em;
 110 }
 111 .checkbox {
 112     height:15px;
 113     width:15px;
 114 }
 115 .loading {
 116     margin: 0 auto;width:180px;text-align: center;font-size:1.0em;
 117     height:180px;
 118 }
 119
 120 .ACT {
 121     border: none;
 122     outline: none;
 123     font-size:1.0em;
 124     text-align: center;
 125     border:1pt solid black;justify-content:center; align-items:center;
 126     height:38px;
 127     width:38px;
 128 }
 129 textarea.ACT {
 130     border: none;
 131     outline: none;
 132     font-size:1em;
 133     text-align: center;
 134     height:38px;
 135     width:38px;
 136 }
 137
 138 .input-helper {
 139     position: relative;
 140     display: inline-block;
 141     cursor: pointer;
 142     padding-left: 3px;
 143 }
 144 .input-helper:before {
 145     content: '';
 146     display: block;
 147     position: relative;
 148     padding-left:10px;
 149 }
 150
 151 .input-helper--radio {
 152     padding-left: 18px;
 153 }
 154 .input-helper--radio:before {
 155     top: 3px;
 156     left: 0;
 157     width: 10px;
 158     height: 10px;
 159     border-radius: 50%;
 160     border: 1px solid #222;
 161 }
 162 label {
 163     font-size:1.0em;
 164     padding-left:3px;
 165 }
 166 .bigger {
 167     font-size:1.1em;
 168 }
 169 textarea.HPI_text{
 170     height:40px;
 171     min-width:95%;
 172     max-width: 95%;
 173     max-height:2in;
 174     overflow:auto;
 175
 176 }
 177 .HPI2_text {
 178     vertical-align:text-top;
 179     font-size:0.8em;
 180 }
 181 .QP_class textarea{
 182     height:3.0em;
 183     width:95%;
 184     max-width:95%;
 185     overflow:auto;
 186     margin-bottom:2px;
 187     margin-left:5px;
 188 }
 189 .HPI_text i {
 190     font-size:0.9em;
 191     font-weight:600;
 192 }
 193 textarea.full{
 194     height:20px;
 195 }
 196
 197 .LayerTechnical {
 198     width: 1.5in; height: 1.05in;padding: 0.02in; border: 1.00pt solid #000000;
 199 }
 200 .input-helper--checkbox.boxed:before {
 201     left: 0px;
 202     width: 18px;
 203     height: 18px;
 204     border: 0px solid grey;
 205     padding:0px;
 206     margin:0px;
 207 }
 208
 209 input[type="radio"].hidden {
 210     display: none;
 211 }
 212
 213 input[type="checkbox"].hidden {
 214     display: none;
 215 }
 216 input[type="checkbox"].hidden:checked + label:before {
 217     background: #222;
 218 }
 219
 220 input[type=text] {
 221     width: 42px;
 222     height: 22px;
 223     padding: 0.2em 0.4em;
 224     display: inline-block;
 225     text-align:center;
 226 }
 227
 228
 229 /* REFRACTION PANEL */
 230
 231 #REFRACTION_sections {
 232     position:relative;display:inline-block;margin:5px auto;max-width:90%;margin:0px;
 233 }
 234
 235 .refraction_panel {
 236     display:none;
 237     height:auto;
 238 }
 239
 240 .refraction2 {
 241     float: left;
 242     border: 1.00pt solid #000000;
 243     padding: 0.1in;
 244     background: #ffffff;
 245     box-shadow: 10px 10px 50px #888888;
 246     border-radius: 8px;
 247     margin-right: 4px;
 248     border:1pt solid;
 249     font-size:0.6em;
 250     webkit-box-flex: 0;
 251     -moz-box-flex: 0;
 252     box-flex: 0;
 253     input[type="text"] {
 254         width:20px;
 255         padding: 0.2em 0.4em;
 256         display: inline-block;
 257     }
 258 }
 259 .refraction {
 260     display:inline-block;
 261     min-height:2.2in;
 262     border: 1.00pt solid #000000;
 263     box-sizing: content-box !important;
 264     box-shadow: 10px 10px 5px #888888;
 265     border-radius: 8px;
 266     margin: 8 auto;
 267     width:4.3in;
 268     font-size: 1.2em;
 269     font-family: Arial, Arial,sans-serif;
 270 }
 271 #LayerVision_W {
 272     display:inline-block;
 273     min-height:2.2in;
 274     margin: 8 auto;
 275     font-size: 1.0em;
 276     font-family: Arial, Arial,sans-serif;
 277     max-width:90%;
 278     padding:0in;
 279 }
 280 .refraction_wide {
 281     width:99%;
 282     max-width: 890px;
 283     margin: 0px auto;
 284 }
 285 .refraction td {
 286     text-align:center;
 287     font-size:0.9em;
 288     vertical-align: text-middle;
 289     text-decoration: none;
 290     padding: 2px;
 291     white-space: nowrap;
 292 }
 293 .refraction th {
 294     height:0.17in;
 295     text-align: left;
 296     padding: 5 0 2 0;
 297     color: black;
 298 }
 299 .refraction ul {
 300     list-style-type: none;
 301     margin: 0;
 302     padding: 0;
 303     overflow: hidden;
 304 }
 305
 306 .refraction li {
 307     float: left;
 308 }
 309
 310 .refraction input[type=text]{
 311     padding: 0.2em 0.4em;
 312     display: inline-block;
 313     text-align: center;
 314     width:50px;
 315     margin: 1px;
 316 }
 317 .refraction  b{
 318     text-decoration:bold;
 319 }
 320 .Guidance {
 321     border:1pt solid;
 322     background: #C3A0D0;
 323     background-color: #C3A0D0;
 324 }
 325 .up td{
 326     vertical-align: top;
 327     vertical-align: text-top;
 328 }
 329
 330
 331 .title {
 332     font-size:1.0em;
 333     font-weight:600;
 334     text-align:right;
 335     padding-right:5px;
 336
 337 }
 338
 339
 340 /*Drop downs stuff */
 341
 342 .dropdowns {
 343 position:relative;
 344 background-color: red;
 345
 346 }
 347
 348 .sectionX {
 349     padding: 0in;
 350     margin: 0 auto 10;
 351     display: table-cell;
 352 }
 353
 354 .refraction td.right {
 355     text-align: right;
 356     text-decoration: none;
 357     width:0.7in;
 358     vertical-align: text-top;
 359     white-space: nowrap;
 360 }
 361 .WSPACER {
 362     height: 0.3in;
 363 }
 364 .WProgShow {
 365     display:none;
 366 }
 367
 368 .vitals {
 369     box-shadow: 1px 10px 5px #888888;
 370     border-radius: 8px;
 371     position:relative;
 372     padding: 0.02in;
 373     padding-left:10px;
 374     border: 1.00pt solid #000000;
 375     background: #ffffff;
 376     font-family:  'FontAwesome',Arial,Serif, Arial;
 377     font-size: 1.2em;
 378     height: 1.05in;
 379     float:left;
 380     margin-right: 3px;
 381     min-height: 1.05in;
 382     text-align:left;
 383 }
 384 .vitals_right {
 385     float:right;
 386     margin-right: 3px;
 387 }
 388 .vitals tr td input{
 389     padding: 0.2em 0.4em;
 390     display: inline-block;
 391 }
 392
 393 #divId {
 394   display: block;
 395   -moz-box-sizing: border-box;
 396   box-sizing: border-box;
 397   background: url(images/Amsler_2.jpg) no-repeat;
 398   width: 180px; /* Width of new image */
 399   height: 236px; /* Height of new image */
 400   padding-left: 180px; /* Equal to width of new image */
 401
 402 }
 403 /* All in one selector */
 404 #AmslerOD {
 405     value:1;
 406 }
 407
 408 .HPI {
 409     width:85%;
 410     padding:40px;
 411     text-align:center;
 412 }
 413 .TEXT_class {
 414     margin: auto 5;
 415     min-height: 2.5in;
 416     text-align: left;
 417 }
 418 .borderShadow {
 419     position:relative;
 420     box-shadow: 5px 5px 9px #888888;
 421     border-radius: 8 8 8 8;
 422     margin: 1px 2px 1px 2px;
 423     position:relative;
 424     border: 1.00pt solid #000000;
 425     background: #ffffff;
 426     font-family:  "FontAwesome",Arial,Serif, Arial;
 427     padding:6px;
 428     font-size:1.2em;
 429     border-radius: 6px;
 430 }
 431 .borderShadow2 {
 432     box-shadow: 1px 1px 1px #888888;
 433 }
 434 .GFS_table {
 435     width:100%%;
 436 }
 437 .GFS_title, .hideme {
 438     font-size: 0.8em;
 439     font-weight: 600;
 440     padding: 4px 2px 0px 10px;
 441     border-top:1pt dotted rgba(29, 31, 221, 0.24);
 442     min-width:100px;
 443     width:25%;
 444 }
 445 .GFS_title_1 {
 446     font-size: 0.8em;
 447     font-weight: 600;
 448     padding: 4px 2px 0px 10px;
 449     border-top:1pt dotted rgba(29, 31, 221, 0.24);
 450     min-width:50%;
 451 }
 452 .GFS_td {
 453     font-size: 0.7em;
 454     vertical-align: top;
 455     text-align:center;
 456     min-width:0.75in;
 457     text-align:center;
 458 }
 459 .GFS_td_1 {
 460     padding-left:20px;
 461     font-size: 0.7em;
 462     vertical-align: top;
 463 }
 464 .center {
 465     text-align: center;
 466 }
 467
 468 .dd_title {
 469     font-size:1.2em;
 470     font-weight: 600;
 471 }
 472 .current_W {
 473     background-color:#e8eef6;
 474 }
 475 .current_W input,.current_W textarea{
 476     background-color:white !important;
 477 }
 478 .manifest {
 479     background-color: white;
 480 }
 481 .CTL {
 482     background-color: white;
 483 }
 484 .tab_content table {
 485     font-size:0.8em;
 486     min-height: 2.0in;
 487     text-align:left;
 488 }
 489 th {
 490     font-size: 1.0em;
 491     text-align: center;
 492     color: black;
 493 }
 494 .QP_not {
 495     display:none;
 496 }
 497 /* This CSS is used ONLY by the form defined in this same folder
 498  * customize it as you see fit for your specific form
 499  */
 500 /
 501 body
 502 {
 503     display:inline-block;
 504     margin-left:auto;
 505     margin-right:auto;
 506    /* padding-left:5px; //Or whatever value you would like
 507     padding-right:5px; //Same ^
 508     */
 509     text-align:center;
 510 }
 511 .sections {
 512     text-align:center;
 513     vertical-align:top;
 514     width:100%;
 515     margin:0;
 516     font-size:1.4em;
 517 }
 518 #form_container {
 519     border: 0px solid red;
 520     padding: 20px 20px 5px 20px;
 521     position:relative;
 522 }
 523
 524 /* Refraction Panel Defaults */
 525 #Layer1 {
 526     border: 0px solid red;
 527     padding: 0px;
 528     margin: 20px auto 100px;
 529     position:relative;
 530     width:100%;
 531
 532 }
 533 .nodisplay {
 534     display:none !important;
 535     transition:display 500ms;
 536 }
 537 }
 538 .clear_both {
 539     clear:both;
 540 }
 541 .float_left{
 542     float:left;
 543     padding-left:5px;
 544 }
 545 .SideBarTabClass {
 546     top:0.01in;
 547     left:0in;
 548     height:0..5in;
 549     width:2.2in;
 550     background:white;
 551     box-shadow: 1px 1px 1px #888888;
 552     border-radius: 8px;
 553 }
 554 .exam_section_left {
 555     top:0px;
 556     float:left;
 557     min-height:385px;
 558     width: 500px;
 559     margin: 5 auto ;
 560     padding:10px;
 561 }
 562 .exam_section_left b {
 563
 564 }
 565 .size100 {
 566     display:inline-block;
 567     vertical-align:top;
 568 }
 569 .size50 {
 570     display:inline-block;
 571     vertical-align:top;
 572     min-height:375px;
 573 }
 574 .exam_section_right {
 575     top:0px;
 576     float:left;
 577     min-height:385px;
 578     width: 500px;
 579     margin: 5 auto ;
 580     padding:10px;
 581 }
 582 textarea.EXTTEXT {
 583     /*narrow_textarea*/
 584     width:1in;
 585     max-width: 1in;
 586     max-height: 0.5in;
 587     height: 0.4in;
 588     font-size: 1.0em;
 589 }
 590 textarea.ANTSEGTEXT {
 591     height:24px;
 592     width: 2.0in;
 593     max-height: 10em;
 594     height: 40px;
 595 }
 596 .left {
 597     text-align:left;
 598 }
 599 .right {
 600     text-align: right;
 601 }
 602
 603 .canvas {
 604
 605    /* background:#29c7c4;*/
 606     background-image: url('../../../forms/eye_mag/images/beige013.jpg');
 607     background-size: 10% 10%;
 608     background-repeat: repeat;
 609
 610 }
 611 .AntSegSpan {
 612     /* OU OD OS
 613     If selected the background changes
 614
 615     */
 616     position:relative;
 617     padding-right:0.1in;
 618     box-shadow: 1px 1px 1px #888888;
 619     border-radius: 8px;
 620     margin-right: 4px;
 621     position:relative;
 622     margin-right: 0.1in;
 623     padding: 0.1in;
 624     border: 1.00pt solid #000000;
 625     background: #C0C0C0;
 626     font-color:#000000;
 627     height:0.05in;
 628     font-family:  Arial,Serif, Arial;
 629     font-size: 8pt;
 630
 631 }
 632 .ANTSEGTEXT {
 633     width: 2in;
 634     height: 16px;
 635 }
 636 .button {
 637     background-color: #E3E1B8;
 638     padding: 2px 4px;
 639     font: 13px sans-serif;
 640     text-decoration: none;
 641     color:#050;
 642     font: bold 84% Arial, 'trebuchet ms',helvetica,sans-serif;
 643 }
 644
 645 #tabs_container {
 646  border-bottom: none;
 647 }
 648 #tabs {
 649   list-style: none;
 650   margin: 0 0 0 10px;
 651 }
 652 #tabs li {
 653   display: inline;
 654 }
 655 #tabs li a {
 656   border: 2px solid #ccc;
 657   padding: 4px 6px;
 658   text-decoration: none;
 659   background-color: #CCCC99;
 660   border-bottom: none;
 661   outline: none;
 662   color:black;
 663   box-shadow: 0px 5px 9px #888;
 664   font-size:1.7em;
 665   border-radius: 5px 5px 0 0;
 666   -moz-border-radius: 5px 5px 0 0;
 667   -webkit-border-top-left-radius: 5px;
 668   -webkit-border-top-right-radius: 5px;
 669 }
 670 #tabs li a:hover {
 671   background-color: #dddddd;
 672   color:navy;
 673
 674 }
 675 #tabs li.active a {
 676   background-color: #fff;
 677   padding: 4px 6px 5px 6px;
 678   border-bottom: none;
 679   color:navy;
 680
 681 }
 682 #tabs li.active a:hover {
 683   background-color: #eeeeee;
 684   border-bottom: none;
 685 }
 686 #tabs li.inactive {
 687   background-color: #eeeeee;
 688   border-bottom: 1pt solid black;
 689   width:100%;
 690 }
 691
 692 #tabs li a.icon_accept {
 693   background-image: url(accept.png);
 694   background-position: 5px;
 695   background-repeat: no-repeat;
 696   padding-left: 24px;
 697 }
 698 #tabs li a.icon_accept:hover {
 699   padding-left: 24px;
 700 }
 701
 702 #tabs_content_container {
 703   border-top: 0pt;
 704   padding: 5px;
 705   width: 99%;
 706   z-index:1;
 707   box-shadow: 0px 9px 9px #888;
 708 }
 709
 710 .button-success {
 711             background: rgb(240, 240, 0); /* this is a green */
 712             box-shadow: 2px 2px 2px #888888;
 713             border-radius: 45px;
 714         }
 715 .button_over {
 716     background-color: red;
 717 }
 718
 719 .buttonRefraction_selected {
 720     border: #000000;
 721     background-color: yellow !important;
 722 }
 723
 724 .tools input[type="button"] {
 725     border: 1px solid black;
 726     height: 15px;
 727     width:10px;
 728     line-height: 15px;
 729     padding: 0 5px;
 730     vertical-align: middle;
 731     text-align: center;
 732     text-decoration: none;
 733     display: inline-block;
 734     color: black;
 735     font-weight: bold;
 736 }
 737 .tools  {
 738 border: 0pt solid black;
 739 height: 50px;
 740 width: 50px;
 741 line-height: 30px;
 742 padding: 10px;
 743 vertical-align: middle;
 744 text-align: center;
 745 text-decoration: none;
 746 color: black;
 747 font-weight: bold;
 748 margin-bottom: -3px;
 749 }
 750
 751 .transparent {
 752   z-index: 10;
 753 }
 754
 755 /*
 756
 757 h1 {
 758
 759     font-size: 120%;
 760     font-weight: bold;
 761 }
 762
 763 #form_container {
 764     border: 1px solid black;
 765     background-color: #ffffcc;
 766     width: 750px;
 767     padding: 10px;
 768     margin: 10px 0px 10px 0px;
 769 }
 770
 771 #general {
 772     padding: 10px;
 773 }
 774
 775 #history {
 776     padding: 10px;
 777     border-top: 1px solid black;
 778 }
 779
 780 #bottom {
 781     padding: 10px;
 782     border-top: 1px solid black;
 783 }
 784
 785 .formtext {
 786     font-family: courier;
 787     font-size: 90%;
 788 }
 789
 790 .link {
 791     font-size: 80%;
 792 }
 793
 794 .link_submit {
 795     font-size: 120%;
 796 }
 797
 798 .title {
 799     font-size: 150%;
 800     font-weight: bold;
 801 }
 802
 803 .bold {
 804     font-size: 110%;
 805     font-weight: bold;
 806 }
 807
 808 #print_form_container {
 809     border: 1px solid black;
 810     background-color: #ffffcc;
 811     padding: 10px;
 812     margin: 10px 0px 10px 0px;
 813 }
 814
 815 #print_general {
 816     padding: 10px;
 817 }
 818
 819 #print_history {
 820     padding: 10px;
 821     border-top: 1px solid black;
 822 }
 823
 824 #print_bottom {
 825     padding: 10px;
 826     border-top: 1px solid black;
 827 }
 828 */
 829 .bold {
 830     font-weight: bold;
 831 }
 832 .underline {
 833     text-decoration: underline;
 834 }
 835 .top {
 836     vertical-align: top;
 837 }
 838 #tabs {
 839     float:middle;
 840     width:95%;
 841     font-size:0.55em;
 842     line-height:normal;
 843     }
 844
 845 #tabs ul {
 846     margin:0;
 847     padding:4px 2px 0 5px;
 848     list-style:none;
 849     float:right;
 850     }
 851
 852 /* End IE5-Mac hack */
 853 #tabs li:hover {
 854     color:#000;
 855     text-decoration:underline;
 856     }
 857
 858
 859
 860 /* CSS for QP_buttons */
 861 .eye_button {
 862     -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
 863     -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
 864     box-shadow:inset 1px 1px 1px 0px black;
 865     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #F6F9ED), color-stop(0.6, #F6F9ED) );
 866     background:-moz-linear-gradient( center top, #F6F9ED 80%, #F6F9ED 100% );
 867     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eedf0', endColorstr='#1e62d0');
 868     background-color:#3d94f6;
 869     -webkit-border-top-left-radius:3px;
 870     -moz-border-radius-topleft:3px;
 871     border-top-left-radius:3px;
 872     -webkit-border-top-right-radius:3px;
 873     -moz-border-radius-topright:3px;
 874     border-top-right-radius:3px;
 875     -webkit-border-bottom-right-radius:3px;
 876     -moz-border-radius-bottomright:3px;
 877     border-bottom-right-radius:3px;
 878     -webkit-border-bottom-left-radius:5px;
 879     -moz-border-radius-bottomleft:5px;
 880     border-bottom-left-radius:5px;
 881     text-indent:0;
 882     border:1px solid #337fed;
 883     display:inline-block;
 884     color:#FFDF00;
 885     font-family:Arial,Serif;
 886     font-size:11px;
 887     font-weight:600;
 888     line-height:12px;
 889     text-decoration:none;
 890     text-align:center;
 891     padding:0.03in 0.03in 0.04in;
 892     min-width:35px;
 893 max-height: 18px;
 894 margin: 2 auto 2 auto;
 895 border: black;
 896 color: black;
 897 border-radius: 2px 2px 2px 2px;
 898 height: 18px;
 899 }
 900 .eye_button_blank {
 901     display:inline-block;
 902     height:12px;
 903     line-height:18px;
 904     padding:0.1in;
 905     min-width:25px;
 906     border: white;
 907     color: black;
 908     font-weight:700;
 909     text-decoration: none;
 910     border-radius: 7px 7px 7px 7px;
 911 }
 912 .eye_button:hover {
 913     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
 914     background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
 915     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
 916     background-color:#1e62d0;
 917     color:white;
 918 }
 919 .eye_button:active {
 920     position:relative;
 921     top:1px;
 922     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
 923     background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
 924     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
 925     background-color:#1e62d0;
 926     color:white;
 927 }
 928 .eye_button_selected {
 929    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
 930     -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
 931     box-shadow:inset 0px 1px 0px 0px #97c4fe;
 932     -webkit-border-top-left-radius:3px;
 933     -moz-border-radius-topleft:3px;
 934     border-top-left-radius:3px;
 935     -webkit-border-top-right-radius:3px;
 936     -moz-border-radius-topright:3px;
 937     border-top-right-radius:3px;
 938     -webkit-border-bottom-right-radius:3px;
 939     -moz-border-radius-bottomright:3px;
 940     border-bottom-right-radius:3px;
 941     -webkit-border-bottom-left-radius:5px;
 942     -moz-border-radius-bottomleft:5px;
 943     border-bottom-left-radius:5px;
 944     text-indent:0;
 945     border:1px solid #337fed;
 946     display:inline-block;
 947     color:#FFDF0F;
 948     font-family:Arial,Serif;
 949     font-size:11px;
 950     font-weight:400;
 951     line-height:12px;
 952     text-decoration:none;
 953     text-align:center;
 954     padding:0.03in;
 955     min-width:35px;
 956     max-height: 18px;
 957     margin: 2 auto 2 auto;
 958     border: white;
 959     border-radius: 2px 2px 2px 2px;
 960     color: white;
 961     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, navy), color-stop(1, #3d94f6) );
 962     background:-moz-linear-gradient( center top, navy 5%, #3d94f6 100% );
 963     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='navy', endColorstr='#3d94f6');
 964
 965 }
 966 .button_selected {
 967
 968 }
 969 /* This button was generated using CSSButtonGenerator.com */
 970
 971
 972  .divTable
 973     {
 974         position:relative;
 975         float:left;
 976         border-spacing:0px;
 977         cursor:pointer;
 978
 979         background: url("../images/eom.bmp") no-repeat center center;
 980         background-size: 90% 75%;
 981         height:0.80in;
 982         width:0.71in;
 983         padding:1px;
 984         margin:6px 10px 1px 2px;
 985
 986
 987
 988         /*cellspacing:poor IE support for  this*/
 989        /* border-collapse:separate;*/
 990     }
 991
 992     .divRow
 993     {
 994        display:table-row;
 995        display: table;
 996        border-collapse:collapse;
 997        width:0.8in;
 998        height:0.75%;
 999     }
1000     .divMiddleRow
1001     {
1002        display:table-row;
1003        font-weight: 900;
1004        border-collapse:collapse;
1005
1006     }
1007     .divMidCell {
1008         float:left;/*fix for  buggy browsers*/
1009         /* display:table-column; */
1010         text-align:center;
1011         border-top:3px solid;
1012         border-collapse:collapse;
1013
1014     }
1015
1016     .divCell
1017     {
1018         float:left;/*fix for  buggy browsers*/
1019         display:table-column;
1020         width:5.1px;
1021         height:5.1px;
1022         text-align:center;
1023         font-weight: 900;
1024         padding:0px;
1025         border-collapse:collapse;
1026         color:#000000;
1027     }
1028     .top_right {
1029         vertical-align:top;
1030         position:absolute;
1031         text-align:right;
1032         top:0.05in;
1033         font-size:1.4em;
1034         right:0.1in;
1035     }
1036     .red {
1037         text-decoration: underline;
1038     }
1039     .ident {
1040         text-align:center;
1041         font-size:0.8em;
1042         padding:0px;
1043     }
1044     .kb_left {
1045         position:relative;float:left;
1046         vertical-align: bottom;
1047         font-size:0.7em;
1048         color:red;
1049         text-align:left;
1050         left:0.0in;
1051         bottom:0.0in;
1052         padding:0px;
1053     }
1054     .kb_right {
1055         position:relative;float:right;
1056         vertical-align: bottom;
1057         font-size:0.7em;
1058         color:red;
1059         text-align:right;
1060         right:0.0in;
1061         bottom:0.0in;
1062     }
1063     .kb_center {
1064         position:relative;
1065         vertical-align: top;
1066         font-size:0.7em;
1067         color:red;
1068
1069     }
1070     .yellow {
1071         background-color: yellow;
1072     }
1073     textarea.EXTTEXT {
1074         width:1.0in;
1075         max-width: 1.0in;
1076         max-height: 0.42in;
1077         height: 0.42in;
1078     }
1079     .wide_textarea {
1080         position:absolute;
1081         width:96%;
1082         top:0.4in;
1083         left:0.1in;
1084         text-align:center;
1085         margin:0px auto;
1086         padding: 10px;
1087     }
1088     .wide_textarea textarea{
1089         width:1.9in;
1090         max-width: 1.9in;
1091         max-height: 0.44in;
1092         height: 0.64in;
1093         font-size:0.8em;
1094         box-shadow: 1px 1px 2px #c0c0c0;
1095         margin: 0.16em;
1096     }
1097     .wide_textarea th {
1098         text-align:center;
1099         min-width: 80px;
1100     }
1101
1102     .Clinical_header {
1103         width:100%;
1104
1105     }
1106     .narrow_textarea th {
1107         font-size:0.9em;
1108         text-align:center;
1109         min-width: 63px;
1110     }
1111     .narrow_textarea {
1112         position:absolute;
1113         top:0.4in;
1114         left:0.1in;
1115         width:3in;
1116         padding: 15px 10px 15px 5px;
1117     }
1118     .narrow_textarea textarea {
1119         width:1.1in;
1120         max-width: 1.1in;
1121         max-height: 0.44in;
1122         height: 0.44in;
1123         font-size:0.7em;
1124      }
1125     .closeButton2 {
1126         display:inline-block;
1127         position:absolute;
1128         top:8px;
1129         right:24px;
1130     }
1131     .closeButton3 {
1132         display:inline-block;
1133         position:absolute;
1134         top:8px;
1135         right:44px;
1136     }
1137     .closeButton4 {
1138         display:inline-block;
1139         position:absolute;
1140         top:8px;
1141         right:64px;
1142     }
1143     .closeButton {
1144         display:inline-block;
1145         float:right;
1146         position:absolute;
1147         top:8px;
1148         right:8px;
1149         padding-left: 10px;
1150      }
1151     .closeButton:hover {
1152         color:grey;
1153         cursor:pointer;
1154         border:0px solid grey;
1155         text-decoration: none;
1156     }
1157     .closeButton:hover a {
1158     text-decoration: none;
1159     color: #000000;
1160 }
1161     .closeButton a:link {
1162     outline:none;
1163     color:black;
1164 }
1165
1166     .closeButton_2 {
1167         display:inline-block;
1168         float:right;
1169         position:absolute;
1170         top:8px;
1171         right:30px;
1172         padding-left: 10px;
1173         font-size:12px;
1174       }
1175     .closeButton_2:hover {
1176         color:grey;
1177         cursor:pointer;
1178         border:0px solid grey;
1179         text-decoration: none;
1180     }
1181     .closeButton_3 {
1182         display:inline-block;
1183         float:right;
1184         position:absolute;
1185         top:8px;
1186         right:52px;
1187         padding-left: 10px;
1188         font-size:12px;
1189       }
1190     .closeButton_3:hover {
1191         color:grey;
1192         cursor:pointer;
1193         border:0px solid grey;
1194         text-decoration: none;
1195     }
1196     .closeButton_4 {
1197         display:inline-block;
1198         float:right;
1199         position:absolute;
1200         top:8px;
1201         right:74px;
1202         padding-left: 10px;
1203         font-size:12px;
1204       }
1205     .closeButton_4:hover {
1206         color:grey;
1207         cursor:pointer;
1208         border:0px solid grey;
1209         text-decoration: none;
1210     }
1211 /* testing out the tabs header stuff for ACT */
1212     #header ul {
1213         list-style: none;
1214         padding: 0;
1215         margin: 0;
1216     }
1217
1218     #header li {
1219         float: left;
1220         background: url(../../../forms/eye_mag/images/tabright.gif) top right no-repeat;
1221         margin: 0;
1222     }
1223
1224     #header a {
1225         display: block;
1226         background: url(../../../forms/eye_mag/images/tableft.gif) top left no-repeat;
1227         color: #ffc;
1228         text-decoration: none;
1229         padding: 0.6em 1em 0.25em;
1230     }
1231
1232     #header a:hover {
1233         color: white;
1234     }
1235
1236     #header #selected {
1237         font-weight: bold;
1238         background-image: url(images/tabrightactive.gif);
1239     }
1240
1241     #header #selected a {
1242         background-image: url(images/tableftactive.gif);
1243         color: white;
1244     }
1245
1246     #content {
1247         clear: both;
1248         background: #c60;
1249         padding: 1em;
1250     }
1251
1252     p {
1253         margin: 0 0 1em 0;
1254     }
1255
1256     h1 {
1257         color: #c60;
1258         font: small-caps italic bold 1.9em Arial, arial, helvetica, sans-seif;
1259         letter-spacing: 0.1em;
1260         padding: 6px 0px 4px;
1261         margin: 0px 0px 2px;
1262         border-bottom: 2px solid;
1263         text-align:right;
1264         background: none repeat scroll 0% 0% transparent;
1265         color: #1775D5;
1266         border-color: #89A9C7;
1267     }
1268
1269
1270 /* done testing ACT header tabs */
1271 /* ACT_TEXT test */
1272 .ACT_TEXT {
1273     display: table-cell; vertical-align:middle;
1274
1275 }
1276
1277 .ACT_selected {
1278     -webkit-border-top-left-radius:7px;
1279     -moz-border-radius-topleft:7px;
1280     border-top-left-radius:7px;
1281     -webkit-border-top-right-radius:7px;
1282     -moz-border-radius-topright:7px;
1283     border-top-right-radius:7px;
1284     -webkit-border-bottom-right-radius:0px;
1285     -moz-border-radius-bottomright:0px;
1286     border-bottom-right-radius:0px;
1287     -webkit-border-bottom-left-radius:0px;
1288     -moz-border-radius-bottomleft:0px;
1289     border-bottom-left-radius:0px;
1290     background-color: white;
1291     font-size:1.1em;
1292     color: black;
1293     margin: 5 0 0 0;
1294     border-top:1pt solid black;
1295     border-left:1pt solid black;
1296     border-right:1pt solid black;
1297     border-bottom: none;
1298     height:25px;
1299    box-shadow: 1px -1px 1px 0px #888888;
1300
1301 }
1302 .ACT_deselected {
1303     -webkit-border-top-left-radius:7px;
1304     -moz-border-radius-topleft:7px;
1305     border-top-left-radius:7px;
1306     -webkit-border-top-right-radius:7px;
1307     -moz-border-radius-topright:7px;
1308     border-top-right-radius:7px;
1309     -webkit-border-bottom-right-radius:0px;
1310     -moz-border-radius-bottomright:0px;
1311     border-bottom-right-radius:0px;
1312     -webkit-border-bottom-left-radius:0px;
1313     -moz-border-radius-bottomleft:0px;
1314     border-bottom-left-radius:0px;
1315     background-color: #2d6775;
1316     color: white;
1317     font-size:1.0em;
1318     margin: 5;
1319     border-bottom: 1pt solid black;
1320     height:25px;
1321
1322 }
1323 .ACT_boxed {
1324      width:45%;text-align:center;border:1pt solid black;padding:4 10 4 10;margin:4;font-weight:600;
1325 }
1326 .ACT_box {
1327     position:relative;
1328     border-bottom:1pt solid black;
1329     border-left:1pt solid black;
1330     border-right:1pt solid black;
1331     border-top: none;
1332     box-shadow: 1px 5px 5px 0px #888888;
1333     padding:10px;
1334     z-index:10;
1335 }
1336 b.ACT_box{
1337     font-size: 0.7em;
1338 }
1339
1340 /* do some full screen playing around */
1341 .fullscreen {
1342   position: absolute;
1343   top:0;
1344   right:0;
1345   bottom:0;
1346   left:0;
1347   margin:0;
1348   box-sizing:border-box;
1349   width:100%;
1350   height:100%;
1351   background-color: white;
1352   object-fit:contain;
1353   font-size: 2.0em;
1354   z-index:100;
1355 }
1356 input[type=text].fullscreen {
1357     font-size: 0.8em;
1358     width: 150px;
1359     height:150px;
1360     vertical-align: top;
1361     line-spacing: 0px;
1362     text-indent: 0px;
1363 }
1364
1365 .top_left {
1366     position:absolute;
1367     left:0.05in;
1368     top:0.05in;
1369     border:none;
1370     background-color: white;
1371     color: black;
1372     height: 1.2em;
1373     padding-bottom: 2px;
1374     padding-left: 0px;
1375     padding-right: 0px;
1376     padding-top: 0px;
1377     text-align:left;
1378     vertical-align:bottom;
1379     z-index:2;
1380 }
1381
1382 .QP_block_outer {
1383     float:left;
1384     background-color:white;
1385   /*  height:2.5in; */
1386     width:2.2in;
1387     padding:2px 8px;
1388     text-align:left;
1389     font-size: 1.0em;
1390     margin:3 auto;
1391     z-index:1;border:1pt solid black;
1392 }
1393
1394 .QP_block {
1395     float:left;
1396     background-color:white;
1397  /*   height:2.4in; */
1398     width:2.2in;
1399     padding:2px 8px;
1400     text-align:left;
1401     font-size: 1.0em;
1402     margin:3 auto;
1403 }
1404 .QP {
1405     cursor:pointer;
1406     font-size:1.0em;
1407 }
1408
1409 .rotate-left {
1410 /* Safari */
1411 -webkit-transform: rotate(-90deg);
1412 /* Firefox */
1413 -moz-transform: rotate(-90deg);
1414 /* IE */
1415 -ms-transform: rotate(-90deg);
1416 /* Opera */
1417 -o-transform: rotate(-90deg);
1418 /* Internet Explorer */
1419 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
1420 }
1421
1422 .rotate-right {
1423 /* Safari */
1424 -webkit-transform: rotate(+90deg);
1425 /* Firefox */
1426 -moz-transform: rotate(+90deg);
1427 /* IE */
1428 -ms-transform: rotate(+90deg);
1429 /* Opera */
1430 -o-transform: rotate(+90deg);
1431 /* Internet Explorer */
1432 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
1433 }
1434 .mirror-image {
1435   -webkit-transform:rotate(180deg);
1436   -moz-transform: rotate(180deg);
1437   -ms-transform: rotate(180deg);
1438   -o-transform: rotate(180deg);
1439   transform: rotate(180deg);
1440 }
1441 .little_image {
1442     width:20px;
1443 }
1444
1445 .PRIORS_color {
1446     background-color: #CCF;
1447
1448 }
1449
1450 .PRIORS textarea, input {
1451     background-color: #CCCCFF;
1452     color: black;
1453 }
1454 .PRIORS a {
1455     text-decoration: none;
1456 }
1457 .Draw_class {
1458     padding:2px;
1459 }
1460 .navbar-custom {
1461     background-color:#1D62F0;
1462     color:black;
1463 }
1464 .navbar-custom, .navbar-nav > li > li:focus {
1465     color: #FFF;
1466     background-color: #3E76C2;
1467     border-radius:0;
1468     top:0.0in;
1469 }
1470
1471 .navbar-custom {
1472     color:black; /* just changes the base font color */
1473     padding:6 10 4;
1474     margin:0;
1475 }
1476 .navbar-nav > li > a {
1477     color:black; /* just changes the base font color */
1478     padding-top:6px;
1479     padding-left:10px;
1480     padding-right: 20px;
1481     padding-bottom: 4px;
1482 }
1483 .nav.navbar-right:last-child > li{
1484     margin-right:20px;
1485     margin-left:20px;
1486 }
1487 .nav > li > a:focus, .nav > li:focus {
1488     text-decoration: none;
1489     background-color: #1C5ECF; /* this is the "hover" blue */
1490     color:#fff; /*#33aa33; <--- this is kelly green */
1491 }
1492 .navbar-custom, .navbar-nav,.nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
1493     color: white;
1494     background-color:#C9DBF2; /* Mac Menu title bar background color */
1495 }
1496 .dropdown {
1497     list-style:none;
1498 }
1499 .dropdown-menu {
1500     background-color:#dee9f7; /* Mac Menu dropdown bar background color */
1501 }
1502 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
1503     color: #fff; /*#262626;*/
1504     text-decoration: none;
1505     background-color: #1C5ECF; /*#3E76C2;*/
1506     text-shadow: none;
1507 }
1508 .navbar-brand {
1509     color:red;
1510     height:24px;
1511     padding:10 5 0 10;
1512     margin: 10px 0px 2px 0px;
1513
1514 }
1515 .navbar-nav > li > .dropdown-menu {
1516     margin-top: 1px;
1517 }
1518 .dropdown-menu .divider {
1519     height: 1px;
1520     margin: 9px 0px;
1521     overflow: hidden;
1522     background-color: #C0C0C0; /*gba(131, 135, 146, 0.61);*/
1523 }
1524 .navbar-toggle {
1525     /* this is the responsive view shown when the screen is very narrow
1526     background-color:yellow;
1527     height:24px;
1528     */
1529 }
1530 a:hover, a:focus {
1531     text-decoration:none;
1532 }
1533 .icon-bar {
1534     background-color:#C0C0C0; /* this turns the small screen menu "button" 's lines this color */
1535
1536 }
1537 .anchor {
1538     /* This creates anchors for the menu system that are offset for the fixed header.
1539      * The fields/anchors are added as blank elements (sorry) in view.php
1540      */
1541   display: none;
1542   height: 1px;
1543   margin-top: -20px; /*same height as header*/
1544   visibility: hidden;
1545 }
1546 .sketch_tools {
1547     width: 20px;
1548     height:65px;
1549 }
1550 .sketch_tools:active {
1551     color: red;
1552     height:100px;
1553 }
1554 #sddm div{
1555     z-index:100;
1556 }
1557 .panel_side {
1558     display: none;
1559     width: 140px;
1560     padding: 10px;
1561     background-color: beige;
1562     color: black;
1563     box-shadow: inset 0 0 0px 1px grey;
1564     overflow:auto;
1565     font-size:1.0em;
1566     overflow:auto;
1567 }
1568 .panel_title {
1569     font-weight:600;
1570     text-decoration: underline;
1571     font-size: 1.1em;
1572 }
1573 .bottom_PMSFH_tab {
1574
1575     bottom:0px;
1576     right:10px;
1577     position:absolute;
1578     color:black;
1579     text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
1580     filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
1581
1582 }
1583 .bottom_PMSFH_tab img{
1584     border-radius: 8px 0 0 8px;
1585     height:60px;
1586     width:20px;
1587
1588 }
1589
1590 .left_PMSFH_tab {
1591
1592     right:0px;
1593     top:100px;
1594     position:absolute;
1595     border-radius: 0 0 0 8;
1596
1597
1598 }
1599 .left_PMSFH_tab img{
1600     border-radius: 8px 0 0 8px;
1601     height:60px;
1602     width:20px;
1603
1604 }
1605 .left_menu_tab {
1606     position:absolute;
1607     display:block;
1608     float:left;
1609     -webkit-transform: rotate(90deg);
1610     -moz-transform: rotate(90deg);
1611     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
1612     background:navy;
1613     box-shadow: inset 0 1 0px 0px white;
1614     z-index: 99;
1615 font-size:1.2em;
1616
1617 padding:3px;
1618 border: 1px solid #CCC;
1619     box-shadow: 0px 1px 3px #DDD inset;
1620     border-radius: 4px;
1621
1622
1623 }
1624 .left_menu_tab    a {
1625     color:white !important;
1626     font-size:1.0em;
1627 }
1628
1629 .QP_shorten
1630 {
1631 position: absolute;bottom:0.1in;clear:both;text-align:left;padding-left:25px;
1632 }
1633 .QP_lengthen
1634 {
1635 position: absolute;bottom:0.1in;clear:both;text-align:left;padding-left:25px;
1636 }
1637 .QP_shorten textarea{
1638     width:2.0in;
1639     height:3.0em;
1640 }
1641
1642 .QP_lengthen textarea{
1643     width:4.0in;
1644     height:3.0em;
1645 }
1646 .top-right {
1647     position:absolute;
1648     right:4px;
1649 }
1650 .z100 {
1651     z-index:100;
1652 }
1653 .qp10 {
1654     z-index:10;
1655     position:relative;top:0.0in;left:0.00in;margin:auto;
1656 }
1657
1658  #EXAM_KB {
1659     text-align:center;
1660     z-index:14100;
1661     position: 'fixed';
1662     top: '35px';
1663     left:0px;
1664     display:block;
1665 }
1666 #stickyalias {
1667     display: none;
1668     height: 10px;
1669 }
1670 #unstickyheader {
1671     margin-bottom: 150px;
1672 }
1673 .menu_icon {
1674         position:absolute;
1675         right:5px;
1676 }
1677 .ui-draggable-dragging {
1678    box-shadow: 5px 5px 9px #red;
1679  }
1680
1681 .ui-draggable-handle{
1682
1683 }
1684 .build_PLAN li:hover {
1685     background:yellow;
1686 }
1687 .building_blocks {
1688     font-size: 1.0em;
1689
1690 }
1691 .building_blocks dt, dd {
1692     font-size:0.9em;
1693     &:last-of-type {
1694         border: 1px solid black;
1695     }
1696     span {
1697         display: block;
1698         color: white;
1699     }
1700 }
1701 .building_blocks dt {
1702     background: #C9DBF2 none repeat scroll 0% 0%;
1703     color: black;
1704     font-size: 1.1em;
1705     font-family: "FontAwesome",Arial,Serif, Arial;
1706     font-weight:400;
1707     padding:5px; border:1pt solid #c0c0c0;
1708 }
1709 .building_blocks dd {
1710     font-weight:400;
1711     font-size:0.9em;
1712     background-color: white;
1713     box-shadow: 1px 1px 3px #888888;
1714     border-radius: 8 8 8 8;
1715     position:relative;
1716     margin: 4px;
1717     padding-bottom:4px;
1718     border: 1.00pt solid #000000;
1719     &:last-of-type {
1720        border-top: 1px solid black;
1721        position: relative;
1722        top: 10px;
1723
1724      }
1725   }
1726 .IMPPLAN_class { margin:1em;}
1727 .ICD_CODE{
1728     min-width: 0.8in;
1729     text-align: left;
1730     padding:5px;
1731     padding-left:10px;
1732     height:21px;
1733 }
1734   .custom-combobox {
1735     position: relative;
1736     display: inline-block;
1737   }
1738   .custom-combobox-toggle {
1739     position: absolute;
1740     top: 0;
1741     bottom: 0;
1742     margin-left: -1px;
1743     padding: 0;
1744   }
1745   .custom-combobox-input {
1746     margin: 0;
1747     padding: 5px 10px;
1748   }
1749
1750 .build_PLAN ol { width: 300px;  margin: 0; padding: 0; }
1751 .build_PLAN li { background: #eee; position:relative;margin: 1em; padding: 0.5em; border: 0px solid gray; padding-left: 42px; }
1752 li .handle { display: inline-block; padding: 0.4em; }
1753 .ui-selecting { background: yellow; }
1754 .build_PLAN .ui-selecting .handle { background: red; }
1755 .ui-selected { background: #def; margin: 5px; font-size: 0.9em;}
1756 .fake-textarea-disabled-4 {
1757     width: 4in;
1758     min-height:3em;
1759     box-sizing: border-box;
1760     background-color: #eaeded;
1761     color: #cad2d3;
1762     cursor: not-allowed;
1763     color: #000000 !important;
1764     padding: 0.2em !important;
1765     border: 1px solid #ccc;
1766     border-radius: 4px;
1767     box-shadow: 0 1px 3px #ddd inset;
1768     box-sizing: border-box;
1769     display: inline-block;
1770     padding: 0.2em;
1771     margin-left: 0;
1772     font-family: inherit;
1773     font-size: inherit;
1774     line-height: inherit;
1775     vertical-align: top;
1776 }
1777 .tabHide {
1778     display: none;
1779 }
1780 .issues {
1781     margin-top:2px;
1782     font-weight:bold;
1783     width:100%;
1784 }
1785 .issues span {
1786
1787     margin-right:5px;
1788 }
1789 .ROS_class {
1790     width:100%;
1791 }
1792 .ROS_class td {
1793     padding: 2px;
1794     vertical-align: baseline;
1795 }
1796
1797 .data table {
1798     width:100%;
1799 }
1800 /*
1801 View.php
1802 */
1803 .dil_meds {
1804     font-size:0.8em;
1805     padding:4px;
1806 }
1807 #page-wrapper { margin: 0px 0px 0px 0px;text-align:center;}
1808 #id { text-align:center;padding:0px 30px;}
1809 #warning { padding-top:10px;margin: 0 auto;width:50%;}
1810 #first { display:inline-block;width:90%;}
1811 #HPIPMH_sections { display:inline-block;margin: 10 auto;text-align:center; }
1812 #HPI_left_text { height: 315px;text-align:left;}
1813 #tabs_container { z-index:3;margin-top:5px;}
1814 #tabs_content_container{ z-index:1;height:303px;margin: -1px 0px 0px 0px;}
1815 #tab1_CC_text > table { min-height: 2.0in;text-align:left;}
1816 .pad10 { padding:10px;}
1817 #CC1 { height:53px;}
1818 #HPI_HELP { height:1in;font-weight:600;vertical-align:text-top;}
1819 #HPI1 { min-height:1.4in;max-height:2.0in;width:2.1in;}
1820 #CHRONIC_HELP { height:1in;font-weight:600;vertical-align:text-top;font-weight:600;}
1821 #CHRONIC1,#CHRONIC2,#CHRONIC3 { max-height:2.0in;width:1.8in;margin-bottom:9px;}
1822 #CODE_HIGH_HELP { font-size:0.8em;margin-top:10px;text-align:center;width:85%;font-weight:400;color:#876F6F;}
1823 .CC_table { min-height: 2.0in;text-align:left;}
1824 .CC_Box {height:60px;}
1825 .HPI_TITLE { height:1in;font-weight:600;vertical-align:text-top;}
1826 #HPI2,#HPI3 { min-height:1.5in;max-height:2.0in;width:4.1in;font-weight:600;}
1827 #tabs_container { margin-top:5px; }
1828 .count_HPI { width:250px; }
1829 .tab_content { min-height: 2.0in;text-align:left;font-size: 0.9em;}
1830 #CODE_HELP_1,#CODE_HELP_2,#CODE_HELP_3 { font-size:0.7em;margin-top:4px;text-align:center;width:85%;font-weight:400;color:#000; }
1831 #PMH_left_text { height: 2.5in;text-align:left; }
1832 .PMH_class { text-align:left;vertical-align:middle; min-height: 2.3in;font-size:0.7em; }
1833 #LayerTechnical_sections_1 { display: inline-block;margin:10px auto;}
1834 #LayerTension { width: 1.9in; height: 1.05in;padding: 0.02in; border: 1.00pt solid #000000;float:left;}
1835
1836
1837 #DA_EXAM_sections { text-align: center;display:inline-table;max-width: 95%;}
1838 #DA_EXAM_sections input[type="text"] { margin:1px; }
1839 #LayerVision { width: 2.2in; min-height: 1.05in;padding: 0.02in; border: 1.00pt solid #000000;float:left;}
1840 #tabs { font-size:0.5em;}
1841 #Lyr31 { position: absolute; top: 0.18in; left: 0.09in;width: 0.4in;height: 0.3in; border: none; padding: 0in;}
1842 #Lyr31 > font:nth-of-type(1) { font-face:'San Serif'; font-size:3.8em;}
1843 #Lyr31 > font:nth-of-type(2) { font-face:arial; font-size:0.9em;}
1844 #more_visions_1,#more_visions_2 { position: absolute;top:0.47in;left:-0.25in;font-size: 0.9em;padding-right:4px;}
1845 #Visions_A > span:nth-of-type(2),#Visions_B > span:nth-of-type(2) { position:relative;left:0.31in;font-size: 0.8em;background-color: red:;}
1846 #Visions_A > span:nth-of-type(3),#Visions_B  > span:nth-of-type(3) { position:relative;left:0.59in;font-size: 0.8em;}
1847 #Visions_A > span:nth-of-type(4),#Visions_B > span:nth-of-type(4) { position:relative;left:.85in;font-size: 0.8em;}
1848 #Visions_A > input,#Visions_B > input { margin:2px;width: 0.35in; height: 0.19in; }
1849 #Visions_A,#Visions_B {
1850     position: absolute;
1851     top: 0.30in;
1852     text-align: left;
1853     left: 0.55in;
1854     padding: 0in;
1855     font-size: 0.9em;
1856 }
1857
1858 #Lyr40 {
1859     position:absolute; left:0.05in; width: 1.4in; top:0.0in; padding: 0in;
1860 }
1861 #Lyr40  input {
1862     top:0.7in;font-size:0.8em;left:0.02in;height: 16px;
1863 }
1864 #Lyr40  div {
1865     position:absolute;top:0.7in;font-size:0.9em;left:0.02in;"
1866 }
1867 #Lyr41 {
1868     position: absolute; top: 0.18in; left: 0.09in; width: 0.37in;height: 0.45in; border: none; padding: 0in;
1869 }
1870 #Lyr41 > font:nth-of-type(1) {
1871     font-face:arial; font-size:3.8em;
1872 }
1873 #Lyr41 > font:nth-of-type(2) {
1874     font-face:arial; font-size: 0.9em;
1875 }
1876 #Lyr42 {
1877      position: absolute;top: 0.30in;text-align: left;left: 0.55in;padding: 0in;font-size: 0.9em;
1878 }
1879 #Lyr42 input {
1880     left: 0.5in; width: 0.25in; height: 0.18in;
1881 }
1882 #Lyr42 > span:nth-of-type(1) {
1883     position: absolute;top:0.5in;left:0.29in;font-size: 0.8em;
1884 }
1885 #Lyr42 > span:nth-of-type(2) {
1886     position: absolute;top:0.5in;left:0.64in;font-size: 0.8em;
1887 }
1888 #Lyr42 > span:nth-of-type(3) {
1889     position: absolute;top:0.5in;left:0.99in;font-size: 0.8em;
1890 }
1891 #Lyr50 { width: 1.4in; top:0in; padding: 0in; }
1892 #Lyr501,#Lyr60,#Lyr701 { position:relative;text-align:right; font-size:0.8em;right:0.1in; }
1893 #Lyr51 { position: absolute; top: 0.2in; left: 0.12in; display:inline-block;border: none; padding: 0.0in;}
1894 #Lyr51 > table { padding:0px;margin:auto;width:90%;align:auto;font-size:0.8em;text-align:center;}
1895 #AmslerOD,#AmslerOS { margin:0.05in;height:0.45in;width:0.5in;}
1896 .AmslerValue {  font-size:0.8em;text-decoration:italics;}
1897 #Lyr511 { position: relative; top: 0.04in; left: 0.0in; border: none; background: white; font-size: 0.8em; margin: 2px 10px 2px 0px;}
1898 #Lyr511  label { padding:2px; vertical-align: bottom;}
1899 .VF_1 { width:0.2in;border-right:1pt solid black;border-bottom:1pt solid black;}
1900 .VF_2 { width:0.2in;border-left:1pt solid black;border-bottom:1pt solid black;}
1901 .VF_3 { width:0.2in;border-right:1pt solid black;}
1902 .VF_4 { width:0.2in;border-left:1pt solid black;}
1903 #Lyr70,#Lyr71 { padding: 5px 10px 5px 0px; font-size: 0.8em; }
1904 #Lyr70 > th { width:0.2in;padding: 0.1;}
1905 #Lyr70 > th:nth-of-type(2) { width:0.7in; }
1906 .pupil_1 { border-right:1pt solid black;border-bottom:1pt solid black;white-space: nowrap;}
1907 .pupil_2 { border-left:1pt solid black;border-right:1pt solid black;border-bottom:1pt solid black;}
1908 .pupil_3 { border-bottom:1pt solid black;}
1909 .pupil_4 { border-right:1pt solid black;border-top:1pt solid black;}
1910 .pupil_5 { border-left:1pt solid black;border-right:1pt solid black;border-top:1pt solid black;}
1911 .pupil_6 { border-top:1pt solid black;}
1912 .pupil_input,#ODPUPILSIZE1,#OSPUPILSIZE1,#ODPUPILSIZE2,#OSPUPILSIZE2,#DIMODPUPILSIZE1,#DIMODPUPILSIZE2,#DIMOSPUPILSIZE1,#DIMOSPUPILSIZE2 { width:0.25in;height:0.2in; white-space: nowrap; }
1913 .pupil_input_2,#ODPUPILREACTIVITY,#OSPUPILREACTIVITY { margin: 0 2 0 2;width:0.3in;height:0.2in; }
1914 #dim_pupils_panel { z-index:99;width:2.06in;float: right; }
1915 .border-bottom { border-bottom:1pt solid black;white-space: nowrap;}
1916 .border-top { border-top:1pt solid black;white-space: nowrap;}
1917 .pupil_dim_comments { position:absolute;  top: 0.2in; left: 1.1in; border: none;padding: auto;}
1918 #PUPIL_COMMENTS { height:0.50in;width:0.8in;font-size:0.8em; }
1919 #LayerVision_IOP { display:inline-block;text-align:left;width:85%;}
1920 #LayerVision2 { display:inline-block;text-align:center;width:100%;}
1921 #Add_Glasses { font-size:0.7em;margin-left:30px;background:#C9DBF2;}
1922 #wearing_1,#wearing_2,#wearing_3,#wearing_4 { width:100%;}
1923 td[name=W_wide2] { text-align:left;vertical-align:top;padding-left:20px;}
1924 textarea[name=COMMENTS_W] { width:100%;height:3.0em;}
1925 #LayerVision_MR > table { margin-bottom: 5px; }
1926 #CRCOMMENTS { width:98%;height:6em;}
1927 #CTL {width:98%;}
1928 #CTL_box { box-shadow: 1px 1px 2px #888888;margin:2px 25px; border-radius: 8px; border: 1.00pt solid #000000;}
1929 #CTL_COMMENTS { width:95%;height:30px; }
1930 #mid_menu { font-size:1.0em;white-space:nowrap;margin:10px;}
1931 #EXAM_KB {margin: 0 auto;text-align: center;font-size:1.4em; }
1932 #IOP_dil { font-size:0.7em;}
1933 #ALL_keyboard_left {  color:#0C0C0C;size:0.6em;height: 6em;width:85%;margin:15px;z-index:100;}
1934 div[name=QP_11] { float:left;width:40px;text-align:left;}
1935 div[name=prior_selector] { position:absolute;top:0.083in;right:0.241in;}
1936 #NEURO_11 { font-size:0.8em;position:relative;float:right;text-align:center;width:238px;height:250px;z-index:1;margin:2px 0px 2px 2px;}
1937 #NEURO_P_1,#IP_P_1 { position:absolute;top:0.05in;right:0.241in;}
1938 #NEURO_P_2 { float: right;padding-top: 4em;margin: 0em 1.5em;text-align: center; }
1939 #NEURO_P_3 { top:0in;padding-left:2.5em;margin: 0.5em auto; }
1940 .NEURO_P_21 { text-align:center;border:1pt solid black;
1941     padding:4px 10px 4px 10px;margin:20px 4px 4px 4px;
1942     font-weight:600;
1943 }
1944 #IMPPLAN_zone {  margin:10px;min-height:2.5in;text-align: left; }
1945 #PRIORS_IMPPLAN_left_text { min-height: 2.5in;text-align:left;font-size: 0.9em;}
1946 #iPlan_build3 { position:absolute;top:0.05in;right:0.241in;}
1947 #IMP_start2 { position:absolute;top:3px;right:4px;}
1948 #build_DX_list { padding-right:20px;padding-left:20px;}
1949
1950
1951 #DIL_RISKS {margin-left:100px;}
1952 #EXT_left_text {
1953     height: 2.5in;text-align:left;
1954 }
1955 #EXT_left_1,#ANTSEG_left_1,#RETINA_left_1,#NEURO_left_1,
1956 #PRIORS_EXT_left_1,#PRIORS_ANTSEG_left_1,#PRIORS_RETINA_left_1,#PRIORS_NEURO_left_1 {
1957     position:relative;float:right;top:0.2in;text-align:right;
1958 }
1959 #EXT_left_1 table:nth-of-type(1),
1960 #ANTSEG_left_1 table:nth-of-type(1),
1961 #RETINA_left_1 table:nth-of-type(1),
1962 #PRIORS_EXT_left_1 table:nth-of-type(1),
1963 #PRIORS_ANTSEG_left_1 table:nth-of-type(1),
1964 #PRIORS_RETINA_left_1 table:nth-of-type(1), {
1965     position:relative;float:right;text-align:right;font-size:0.7em;
1966 }
1967 #NEURO_color { border:1pt solid black;float:left;width:195px;padding: 5px 5px 5px 15px;text-align:center;margin:2 2;font-size:0.8em;font-weight:bold;}
1968 #NEURO_MOTILITY { float:left;font-size:0.9em;margin:2 2;padding:0px 15px;font-weight:bold;width:195px;}
1969 #NEURO_MOTILITY table { width:100%;}
1970 #EXT_left_1 table:nth-of-type(2),
1971 #PRIORS_EXT_left_1 table:nth-of-type(2),
1972 #ANTSEG_left_1 table:nth-of-type(2),
1973 #PRIORS_ANTSEG_left_1 table:nth-of-type(2),
1974 #RETINA_left_1 table:nth-of-type(2),
1975 #PRIORS_RETINA_left_1 table:nth-of-type(2) {
1976     text-align:center;font-size:1.0em;
1977     width:175px;padding-left:2px;
1978 }
1979 .diagnosis {  padding-top:7px;padding-right:4px;}
1980 #EXT_keyboard_left {
1981      color:#0C0C0C;size:0.8em;height: 3em;
1982 }
1983 .PRIORS_class{
1984     height: 2.5in;text-align:left;
1985 }
1986 .QP_class {
1987      text-align:left;max-height: 2.5in;
1988      float:left;
1989 }
1990 .QP_class2 {
1991     max-height:100%;padding-right:20px;padding-left:20px;text-align:left;
1992 }
1993 #dil_box,#PRIORS_dil_box {
1994     text-align:left;bottom:0px;width:75px;
1995 }
1996 #dil_listbox,#PRIORS_dil_box {
1997     font-size:0.8em;padding:4px 4px 4px 0px;
1998 }
1999 #dil_listbox_title,#PRIORS_dil_listbox_title {
2000     text-decoration:underline;font-size: 1.1em;
2001 }
2002 .dil_drug {
2003     margin:0px;
2004 }
2005 .dil_drug_label {
2006     padding-right: 4px;
2007 }
2008 .PMSFH_table {
2009     border-collapse: separate;
2010     margin: 0px 10px 10px;
2011     font-size:0.8em;overflow:auto;
2012     background-color: rgb(255, 248, 220);
2013     box-shadow:2px 2px 3px #C0C0C0;
2014     border:1pt solid black;
2015     border-radius:3px;
2016     width:160px;
2017 }
2018 .oldies_prefix {
2019     position:relative;
2020     font-size:0.72em;
2021     padding:1px 0px 0px 10px;
2022     margin:0px 0px 5px 0px;
2023     z-index:10;
2024     white-space: nowrap;
2025 }
2026 .PMSFH_table td {
2027         min-height:24px;min-width:1.6in;padding:5px;
2028 }
2029 .PMSFH_header {  width:1.9in;}
2030 #ACTTRIGGER {  text-decoration: underline;padding-left: 2px;text-align:left;font-weight: 600;}
2031 #ACTMAIN {  position:relative;z-index:1;margin: 0px auto;}
2032 #ACTNORMAL_CHECK { margin:0em 2em;width:125px;}
2033 #ACTTABLE { position:relative;text-align:center;font-size:1.0em;margin: 7 5 10 5;border-collapse: separate;}
2034 #IMPPLAN_1 { text-align: left;}