#print-area {
    border: 2px solid grey;
    overflow: auto;
    width: 900px;
    float: left;
}
#print-wrapper { 
    width: 900px; 
    height: 631.53px;
    background-color: transparent !important; 
    position: absolute;
    top: 238px;
    overflow: hidden;
}
.print-settings {
    overflow: hidden;
}
.settings-item {
    margin-left: 10px;
    margin-bottom: 10px
}
.print-settings input, .print-settings select {
    width: 100%
}
#print-bg { width: 100% }
#print-wrapper > p:hover:not(.dragable) {
    cursor: pointer;
}

.element { 
    border: 1px solid transparent; 
    transform-origin: center center;
    overflow: hidden;
    color: black; 
    position: absolute;
    line-height: 1em;
    padding-top: .21em;
    margin: 0;
    white-space: pre-line;
}

.element:hover { border: 1px solid blue; }
.dragable { border: 1px solid red !important; z-index: 99}

/* style per-field */
.field {
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    width: 85px;
    position: absolute;
}
.field p {
    /* height: 70px; */
    position: relative !important;
    line-height: 1em;
    overflow: hidden;
    padding-top: .21em;
}

/* height antar row */
.field p {height: 47px} /* default */
.field[data-hal="11-12"] p {height: 70px} /* catatan kesehatan */
.field[data-hal="17-28"] > div {
    /* border: 1px solid #000; */
    height: 143px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.field[data-hal="17-28"] p {
    /* border: 1px solid #000; */
    margin: 0 !important;
    transform-origin: center center;
    width: 143px !important;
    padding-left: 8px;
} /* penyijilan */

.field[data-hal="15-16"] p div {max-height: 27px}
.field p div { overflow: hidden; padding-bottom: 1px; margin-bottom: 7px }
/* end style per-field */

img#photo.element {
    padding: 0 !important;
    object-fit: cover;
    object-position: 50% 0;
}