/* Family table fits in the space released by the three requested reductions. */
.pet-window .top-area > .medical-panel { left: 320px; width: 215px; }
.pet-window .top-area > #petPendingCheckout { left: 545px; width: 265px; }
.pet-window .top-area > #petFamilyPanel {
    left: 820px; top: -3px; width: 190px; height: 221px;
}
.pet-window .top-area > #petMediaViewer { left: 1020px; width: 530px; }
.pet-window .top-area > #petMediaStorageCard { left: 1573px; width: 277px; }

#petFamilyPanel .pet-family-owner {
    padding: 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: bold;
}
#petFamilyPanel .pet-family-table-wrap { height: 201px; }
#petFamilyTable col:nth-child(1), #petFamilyTable col:nth-child(2) { width: 50%; }
#petFamilyTable th { position: sticky; top: 0; z-index: 1; }
#petFamilyTable td { height: 24px; }
#petFamilyTable .empty-cell, #petFamilyTable .error-cell { white-space: normal; line-height: 18px; }
#petFamilyTable .pet-family-row { cursor: pointer; }
#petFamilyTable .pet-family-row.is-current td { background: #fff1be; }
#petFamilyTable .pet-family-row:focus-visible td { outline: 2px solid #d59a22; outline-offset: -2px; }
#petFamilyTable a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#petMedicalTable .family-visit-selected td { background: #fff1be; }
#petMedicalTable .family-visit-row { cursor: pointer; }
#petMedicalTable .family-visit-row:focus-visible td { outline: 2px solid #d59a22; outline-offset: -2px; }

#petPendingCheckout .pet-visit-switch button {
    flex: 1 1 0; padding: 1px 3px; font-size: 11px;
}
#petPendingCheckout .pet-visit-switch button span { font-size: 10px; }