.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; }
.radius12 { border-radius: 12px !important; }
.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; }
.vademecumBox { position: relative; margin-top: 108px; box-sizing: border-box; width: 500px; }
.vademecumBox .clipClose { z-index: 2; top: 18px; right: 26px; border-color: rgb(187, 187, 187); color: rgb(153, 153, 153); }
.vademecumBoxTab { position: relative; margin: 0px 10px; height: 58px; border-radius: 6px 6px 0px 0px; background: linear-gradient(rgb(253, 253, 252) 0%, rgb(244, 244, 241) 100%); box-shadow: rgba(0, 0, 0, 0.08) 0px -1px 2px, rgba(0, 0, 0, 0.05) 0px -4px 6px inset; }
.vademecumBoxSlot { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 130px; height: 16px; border-radius: 9px; background: linear-gradient(rgb(201, 201, 196) 0%, rgb(227, 227, 223) 100%); box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 4px inset, rgba(255, 255, 255, 0.6) 0px -1px 1px inset; }
.vademecumBoxStripe { height: 16px; background: linear-gradient(rgb(36, 70, 110) 0%, rgb(27, 53, 87) 100%); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px; }
.vademecumBoxPage { overflow-y: scroll; scrollbar-width: none; box-sizing: border-box; padding: 12px 18px; height: calc(calc(var(--vh, 1vh) * 100) - 206px); border-radius: 0px 0px 4px 4px; background: linear-gradient(rgb(252, 252, 250) 0%, rgb(246, 246, 243) 100%); box-shadow: rgba(0, 0, 0, 0.02) 0px 6px 12px, rgba(0, 0, 0, 0.12) 0px 3px 6px, rgba(255, 255, 255, 0.6) 0px 2px 2px inset, rgba(0, 0, 0, 0.04) -6px 0px 12px inset, rgba(0, 0, 0, 0.04) 6px 0px 12px inset; }
.vademecumBoxPage::-webkit-scrollbar { display: none; }
*, ::before, ::after { cursor: default !important; }
.jxhtml, .jxbody { overflow: hidden; height: 100%; max-height: 100%; touch-action: manipulation; }
.formTopNo { margin-top: 0px !important; }
.formButton { display: inline-block; vertical-align: top; box-sizing: border-box; margin-top: 12px; width: 100%; height: 44px; line-height: 44px; border-bottom: 2px solid rgb(204, 204, 204); border-radius: 6px; font-size: 13px; font-weight: bold; text-align: center; background-color: var(--button-background-color); color: rgb(255, 255, 255); transition: 0.5s; }
.formButtonGray { background-color: rgb(153, 153, 153) !important; }
.formButtonText { display: inline-block; }
: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; }
#dItemVademecum56562 { position: relative; margin: 0; }
#dItemVademecum56562 .vademecumBoxPage { height: calc(var(--jSheet, 640px) - 74px); overflow: hidden; }