<style>/* Import modern clinic-friendly font */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');/* Simplified font definitions - using Roboto as primary font */@font-face {    font-family: 'script';    src: url('Ananda Black Personal Use.ttf') format('truetype');}/* Base styles */body {    font-size: 14px;    font-family: 'Roboto', sans-serif;    background-color: #f5f7fa;    margin: 0;    padding: 0;}img.100 {    width: 100%;    height: auto;}/* Typography classes */.catamaran3 {    font-family: 'Roboto', sans-serif;    color: #2c3e50;    font-size: 14px;    font-weight: 400;    line-height: 1.5;}.catamaran {    font-family: 'Roboto', sans-serif;    color: #2c3e50;    font-size: 20px;    font-weight: 500;    line-height: 1.4;}/* Buttons */.btn {    border: none;    background-color: #e9ecef;    padding: 10px 20px;    font-size: 14px;    cursor: pointer;    display: inline-block;    border-radius: 4px;    transition: all 0.3s ease;}.success { color: #28a745; }.success:hover { background-color: #28a745; color: white; }.info { color: #007bff; }.info:hover { background: #007bff; color: white; }.warning { color: #fd7e14; }.warning:hover { background: #fd7e14; color: white; }.danger { color: #dc3545; }.danger:hover { background: #dc3545; color: white; }.default { color: #495057; }.default:hover { background: #ced4da; }/* Headings */h2 {    font-family: 'Roboto', sans-serif;    color: #fff;    text-transform: uppercase;    border-bottom: 2px solid #00a651;    padding-bottom: 5px;    font-weight: 500;}/* Footer */p.footer {    color: #6c757d;    font-size: 12px;    text-align: center;    padding: 10px;    background-color: #ffffff;    border-top: 1px solid #e9ecef;    position: fixed;    bottom: 0;    width: 100%;}/* Print styles */@page {    size: 8.5in 11in;}@media screen {    div.divFooter {        margin-top: 500px;        text-align: center;        display: none;    }}@media print {    div.divFooter {        text-align: center;        position: fixed;        bottom: 0;    }}/* Popup window */.window {    max-width: 780px;    z-index: 9999;    padding: 20px;    border-radius: 8px;    text-align: center;    margin: auto;    background-color: #ffffff;    font-family: 'Roboto', sans-serif;    font-size: 16px;    box-shadow: 0 4px 6px rgba(0,0,0,0.1);}.window img {    width: 100%;    height: auto;}#mask {    position: fixed;    left: 0;    top: 0;    bottom: 0;    right: 0;    margin: auto;    visibility: hidden;    z-index: -2;    background: rgba(0,0,0,0.7);    overflow: hidden;    opacity: 0;    transition: all 0.3s ease-in-out;}#mask.showing {    opacity: 1;    z-index: 9000;    visibility: visible;    overflow: auto;}#boxes {    display: table;    width: 100%;    height: 100%;}.inner {    display: table-cell;    vertical-align: middle;}#popupfoot {    font-size: 14px;    color: #6c757d;}/* Custom classes */.wong {    font-family: 'script', 'Roboto', sans-serif;    font-size: 20px;    color: #2c3e50;}.heading {    font-family: 'Roboto', sans-serif;    font-size: 24px;    color: #003fb4;    font-weight: 500;    text-transform: capitalize;    text-decoration: none;    padding-left: 10px;}.foot {    font-family: 'Roboto', sans-serif;    font-weight: 500;    font-size: 12px;    color: #ffffff;    background-color: #003fb4;    padding: 10px;}.data {    font-family: 'Roboto', sans-serif;    font-size: 16px;    color: #2c3e50;    font-weight: 500;    vertical-align: middle;}.odd {    color: #ffffff;    background: #00a651;    font-family: 'Roboto', sans-serif;    font-size: 14px;    vertical-align: middle;    padding-left: 8px;}.even {    color: #ffffff;    background: #003fb4;    font-family: 'Roboto', sans-serif;    font-size: 14px;    vertical-align: middle;    padding-left: 8px;}.buttons {    font-family: 'Roboto', sans-serif;    font-size: 14px;    color: #ffffff;    background-color: #00a651;    border: none;    font-weight: 500;    padding: 8px 16px;    cursor: pointer;    border-radius: 4px;    transition: all 0.3s ease;}.buttons:hover {    background-color: #008c42;}.forms_boxes {    font-family: 'Roboto', sans-serif;    font-size: 14px;    padding: 8px;    color: #2c3e50;    background-color: #ffffff;    border: 1px solid #ced4da;    border-radius: 4px;}.buttons_links {    font-family: 'Roboto', sans-serif;    font-size: 14px;    background: #003fb4;    color: #ffffff;    font-weight: 500;    text-decoration: none;    border: none;    padding: 8px 12px;    margin: 5px;    border-radius: 4px;    text-transform: uppercase;    display: inline-block;    transition: all 0.3s ease;}.buttons_links:hover {    background: #002d82;}.error {    font-family: 'Roboto', sans-serif;    font-size: 16px;    font-weight: 500;    text-align: center;    color: #dc3545;}.borders {    border: 1px dashed #ced4da;}.instructions {    font-family: 'Roboto', sans-serif;    font-size: 14px;    font-style: italic;    color: #6c757d;    font-weight: 400;}a {    color: #007bff;    font-weight: 400;    text-decoration: none;}a:hover {    text-decoration: underline;}/* Prescription styles */.rx_title {    font-family: 'Roboto', sans-serif;    font-size: 13px;    font-weight: 500;    color: #ffffff;    background-color: #00a651;    padding: 4px 8px;}.rx_titlenew {    font-family: 'Roboto', sans-serif;    font-size: 13px;    font-weight: 500;    color: #ffffff;    background-color: #6c757d;    padding: 4px 8px;}.rx_even {    font-family: 'Roboto', sans-serif;    font-size: 13px;    color: #2c3e50;    background: #e9ecef;    padding: 4px 8px;}.rx_odd {    font-family: 'Roboto', sans-serif;    font-size: 13px;    color: #2c3e50;    background: #dee2e6;    padding: 4px 8px;}.rx_print_title {    font-family: 'Roboto', sans-serif;    font-size: 17px;    font-weight: 500;}.rx_print_title2 {    font-family: 'Roboto', sans-serif;    font-size: 16px;    font-weight: 400;}.rx_print_title_med {    font-family: 'Roboto', sans-serif;    font-size: 16px;    font-weight: 500;}.rx_print_title3 {    font-family: 'Roboto', sans-serif;    font-size: 13px;}.rx_print_data {    font-family: 'Roboto', sans-serif;    font-size: 14px;    font-weight: 400;}.rx_print_data2 {    font-family: 'Roboto', sans-serif;    font-size: 13px;    font-weight: 400;    font-style: italic;}.rx_print_data3 {    font-family: 'Roboto', sans-serif;    font-size: 12px;    font-weight: 400;}.rx_print_data_med {    font-family: 'Roboto', sans-serif;    font-size: 14px;    font-weight: 400;    line-height: 1.5;}.paging {    padding: 8px 0;    background: #ffffff;    color: #dc3545;}.paging a {    padding: 4px 8px;    color: #007bff;    text-decoration: none;}.paging a:hover {    background: #e9ecef;    border-radius: 4px;}</style>