.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; }
.scrollNo { scrollbar-width: none; }
.scrollNo::-webkit-scrollbar { display: none; }
svg { display: block; margin: auto; }
.boardClose::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; }
.historiaClinicaItem { order: 3; box-sizing: border-box; display: flex; align-items: flex-start; gap: 14px; width: calc(100% - 24px); min-height: 84px; height: auto; margin: 12px; padding: 12px 18px 12px 8px; position: relative; border-radius: 34px; background-color: rgb(253, 250, 245); color: rgb(0, 0, 0); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px, rgba(0, 0, 0, 0.04) 0px 0px 80px inset; }
.historiaClinicaDate { position: relative; z-index: 3; flex: 0 0 68px; width: 68px; height: 68px; border-radius: 50%; background-color: rgb(61, 90, 133); color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.15; font-weight: bold; font-size: 13px; }
.historiaClinicaDateIcon { flex-direction: row; }
.historiaClinicaDateIcon > div { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; }
.historiaClinicaText { flex: 1 1 0%; min-width: 0px; padding-bottom: 12px; }
.historiaClinicaTitle { font-weight: bold; letter-spacing: 0.02em; margin-top: 22px; text-transform: uppercase; white-space: normal; overflow: visible; word-break: break-word; }
.cronogramaList { position: relative; isolation: isolate; }
.cronogramaGroup { position: relative; margin: 36px 0px 72px; }
.cronogramaGroup--visit { margin-top: 8px; }
.cronogramaGroup--visit .cronogramaLine { top: 46px; }
.cronogramaGroup--visit .cronogramaLine::before { display: none; }
.cronogramaLine { position: absolute; z-index: 2; left: 44px; top: 38px; bottom: 46px; width: 3px; margin-left: -3px; border-radius: 3px; background-color: rgb(27, 53, 87); pointer-events: none; }
.cronogramaLine::before { content: ""; position: absolute; top: -7px; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background-color: rgb(27, 53, 87); }
.cronogramaItem[data-hc-category="protocol"] .historiaClinicaDate { background-color: rgb(27, 53, 87); }
.cronogramaMarkDot { box-sizing: border-box; width: 28px; height: 28px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: transparent; }
.cronogramaItem { align-items: center; min-height: 68px; margin: 12px 0px; width: 100%; }
.cronogramaItemTitle { white-space: normal; margin-top: 0px; }
.cronogramaItemRead { cursor: default; }
.userPatientEstudiosSelectWrap { margin: 12px; }
.userPatientEstudiosSelectWrap .userPatientEstudiosSelect { margin-top: 0px; }
.clipTitle { margin-top: 24px; font-weight: bold; }
.studyDrugBody { position: relative; z-index: 0; }
.studyDrugMarks { position: absolute; z-index: 5; top: 0px; right: -24px; display: flex; flex-direction: row; align-items: flex-start; gap: 6px; }
.studyDrugLabels { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.studyDrugBody .pageModule { position: static; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.studyDrugInventory { position: absolute; z-index: 5; top: 0px; left: 0px; margin: 0px; }
.studyDrugInventory .formButton { width: auto; height: 44px; margin-top: 0px; padding: 0px 18px; line-height: 44px; text-align: center; white-space: nowrap; }
.studyDrugHead { box-sizing: border-box; }
.pageModule { z-index: 5; position: absolute; padding: 6px 12px; border-top-right-radius: 4px; background-color: rgb(27, 53, 87); color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; cursor: pointer; }
.board { position: relative; margin-top: 108px; padding: 12px; box-sizing: border-box; width: 500px; border-radius: 12px; background-color: rgb(51, 51, 51); }
.boardClose { 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); }
.boardContent { display: none; }
.boardContent:first-of-type { display: block; }
.boardPage { overflow-y: scroll; scrollbar-width: none; padding: 24px 24px 48px; height: calc(calc(var(--vh, 1vh) * 100) - 280px); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-color: rgb(236, 236, 236); }
.boardPage::-webkit-scrollbar { display: none; }
.boardTabs { z-index: 1; position: absolute; left: 12px; right: 56px; top: 15px; display: flex; align-items: flex-end; gap: 3px; }
.boardTab { box-sizing: border-box; flex: 1 1 0%; padding: 8px 6px 7px; border-top-left-radius: 9px; border-top-right-radius: 9px; background-color: rgb(236, 236, 236); color: rgb(154, 154, 154); font-size: 11px; font-style: italic; font-weight: bold; letter-spacing: 0.06em; text-align: center; white-space: nowrap; cursor: pointer; user-select: none; box-shadow: rgba(0, 0, 0, 0.28) 0px -10px 10px -8px inset; }
.boardTabActive { padding-top: 12px; color: rgb(27, 53, 87); box-shadow: none; }
.recordInput { padding: 6px 0px; }
*, ::before, ::after { cursor: default !important; }
.jxhtml, .jxbody { overflow: hidden; height: 100%; max-height: 100%; touch-action: manipulation; }
.formSimple { border-radius: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(153, 153, 153) !important; border-image: initial !important; background-color: transparent !important; }
.formTextHide { display: none; }
.formTextIcon { display: inline-block; vertical-align: top; width: 40px; font-size: 22px; text-align: center; }
.formTextIcon svg path { fill: currentcolor; }
.formTextText { display: inline-block; vertical-align: top; width: calc(100% - 40px); min-height: 1.2em; text-align: left; color: rgb(0, 0, 0); caret-color: rgb(0, 0, 0); }
.formSelect { position: relative; margin-top: 12px; height: 42px; max-height: 300px; line-height: 40px; border: 1px solid rgb(153, 153, 153); border-radius: 12px; background-color: rgb(255, 255, 255); box-sizing: border-box; overflow: hidden; transition: height 500ms, background-color 500ms linear, border-color 500ms linear, color 500ms linear; }
.formSelectDetector { position: absolute; width: 100%; height: 40px; }
.formSelectDetectorArrow { float: right; margin: 18px 14px; border-top: 6px solid rgb(140, 140, 140); border-right: 6px solid transparent; border-left: 6px solid transparent; }
.formSelectOption { padding-left: 40px; width: calc(100% - 40px); border-top: 1px dotted rgb(153, 153, 153); text-align: left; }
.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; }
#dItemStudyStudy1 { position: relative; margin: 0; width: 500px; }
#dItemStudyStudy1 .boardPage { box-sizing: border-box; height: calc(var(--jSheet, 640px) - 60px); overflow: hidden; }