.jxhtml { --body-background-color: #F8F9FC; --body-background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.2) 1px, transparent 0); --body-background-size: 24px 24px; --bar-max-width: 100%; --bar-background: linear-gradient(to top, rgba(255, 244, 241, 0), rgba(251, 226, 210, 1)); --bar-background-color: #EAF5F6; --bar-box-shadow: none; --barContent-width: 100%; --button-background-color: #1B3557; --menu-box-shadow: 0 6px 6px 0 rgba(234, 229, 223, 1); --menuTitle-background-color: #000000; --menuButton-background-color: #F9F5F0; --menuButton-border-bottom: 2px solid #999999; --menuButton-border-bottom-color: #EFC9B1; --menuButton-box-shadow: rgb(255 244 241 / 100%) 0px -12px 12px 0px; --menuButton-color: #000000; --front-max-width: auto; --front-background: transparent; --front-box-shadow: none; --frontItem-text-align: center; --alert-background: rgba(234, 229, 223, 0.8); }
* { cursor: default; user-select: none; outline: none; }
.jxhtml { width: 100%; max-width: 100%; height: 100%; overflow-y: scroll; }
.jxbody { top: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; width: 100%; max-width: 100%; height: 100%; min-height: 100%; background-color: var(--body-background-color); background-image: var(--body-background-image); background-attachment: fixed; background-size: var(--body-background-size); background-position: 0px 0px; color: var(--body-color); font-family: sans-serif; font-weight: 200; font-size: 18px; }
.jxbody::-webkit-scrollbar { display: none; }
img { pointer-events: none; }
.clipClose { position: absolute; right: 18px; top: 12px; width: 24px; height: 24px; line-height: 24px; border: 2px solid rgb(134, 133, 133); border-radius: 50%; font-size: 0px; font-weight: bold; text-align: center; color: rgb(134, 133, 133); box-sizing: content-box; }
.clipClose::after { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; background-color: currentcolor; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.75 2V4.25977C6.75 4.55802 6.85676 4.84673 7.05078 5.07324L12 10.8467L16.9492 5.07324C17.1432 4.84673 17.25 4.55802 17.25 4.25977V2H18.75V4.25977C18.75 4.91622 18.5151 5.55139 18.0879 6.0498L12.9873 12L18.0879 17.9502C18.5151 18.4486 18.75 19.0838 18.75 19.7402V22H17.25V19.7402C17.25 19.442 17.1432 19.1533 16.9492 18.9268L12 13.1523L7.05078 18.9268C6.85676 19.1533 6.75 19.442 6.75 19.7402V22H5.25V19.7402C5.25 19.0838 5.48489 18.4486 5.91211 17.9502L11.0117 12L5.91211 6.0498C5.48489 5.55139 5.25 4.91622 5.25 4.25977V2H6.75Z'/></svg>") center center / contain no-repeat; pointer-events: none; }
.rxSheet { position: relative; margin-top: 108px; box-sizing: border-box; width: 500px; height: calc(calc(var(--vh, 1vh) * 100) - 132px); border-radius: 3px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 24px, rgba(0, 0, 0, 0.12) 0px 3px 6px; display: flex; flex-direction: column; overflow: hidden; }
.rxSheet .clipClose { z-index: 2; top: 10px; right: 12px; border-color: rgb(201, 212, 228); color: rgb(169, 186, 211); }
.rxPage { box-sizing: border-box; flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; border-radius: 3px; }
.rxDoc { box-sizing: border-box; flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; padding: 22px 26px 0px; font-family: Helvetica, Arial, sans-serif; color: rgb(34, 34, 34); }
.rxDocHead { flex-shrink: 0; }
.rxBody { position: relative; flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; padding: 14px 0px 0px; }
.rxGlyph { flex-shrink: 0; font-family: Georgia, serif; font-size: 44px; color: rgb(27, 53, 87); line-height: 1; }
.rxGlyphRow { flex-shrink: 0; display: flex; align-items: baseline; gap: 10px; }
.rxDrugs { position: relative; flex: 1 1 0%; min-height: 0px; margin-top: 14px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(201, 212, 228) transparent; }
.rxDrugs::-webkit-scrollbar { width: 6px; }
.rxDrugs::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(201, 212, 228); }
.rxDrugQuantity { flex: 0 0 auto; display: flex; align-items: center; align-self: center; margin: 0px 8px; border: 1px solid rgb(201, 212, 228); border-radius: 12px; overflow: hidden; font-size: 12px; color: rgb(27, 53, 87); user-select: none; }
.rxDrugQuantityValue { min-width: 24px; padding: 0px 4px; height: 22px; line-height: 22px; text-align: center; font-weight: bold; }
.rxDocFoot { flex-shrink: 0; }
*, ::before, ::after { cursor: default !important; }
.jxhtml, .jxbody { overflow: hidden; height: 100%; max-height: 100%; touch-action: manipulation; }
:host { display: block; }
.jxhtml, .jxbody { width: auto; max-width: none; height: auto; min-height: 0; overflow: visible; background: none; }
.jxhtml { ; }
.jxbody { font-family: 'IBM Plex Sans', sans-serif; }
#dItemRx1 { position: relative; margin: 0; height: var(--jSheet, 640px); }