/* Shared package-details test image sizing. */
#height .table-image {
    width: 100%;
    table-layout: fixed;
}

#height .table-image thead th:first-child,
#height .table-image tbody td:first-child {
    width: 104px !important;
}

#height .table-image thead th:nth-child(2),
#height .table-image tbody td:nth-child(2) {
    width: 190px;
}

#height .table-image tbody td:first-child {
    padding: 10px 8px;
    vertical-align: middle;
}

#height .table-image .test-img {
    display: block;
    width: 68px !important;
    min-width: 68px;
    max-width: 68px !important;
    height: 68px !important;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 10px;
    background: #f5fafb;
}

#height .table-image .dis {
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

#height .table-image .dis span {
    display: block;
    color: #394e59;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: normal;
}

#height .table-image tbody td:nth-child(2) {
    color: #234d6e;
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

/* Keep every data row full width, including rows following a category heading. */
#height .table-image {
    display: block;
    border-spacing: 0;
}

#height .table-image thead,
#height .table-image tbody,
#height .table-image thead tr,
#height .table-image tbody tr {
    display: block;
    width: 100%;
}

#height .table-image thead tr,
#height .table-image tbody tr {
    display: grid;
    grid-template-columns: 104px 190px minmax(0, 1fr);
}

#height .table-image thead th,
#height .table-image tbody td,
#height .table-image tbody th {
    width: auto !important;
    min-width: 0;
    box-sizing: border-box;
}

#height .table-image tbody td:nth-child(3) {
    width: 100% !important;
    min-width: 0;
}

#height .table-image tbody th[colspan] {
    grid-column: 1 / -1;
    width: 100% !important;
}

@media (max-width: 767px) {
    #height .table-image {
        table-layout: auto;
    }

    #height .table-image thead th:first-child,
    #height .table-image tbody td:first-child {
        width: 76px !important;
    }

    #height .table-image thead th:nth-child(2),
    #height .table-image tbody td:nth-child(2) {
        width: 28% !important;
    }

    #height .table-image thead tr,
    #height .table-image tbody tr {
        grid-template-columns: 76px 28% minmax(0, 1fr);
    }

    #height .table-image .test-img {
        width: 52px !important;
        min-width: 52px;
        max-width: 52px !important;
        height: 52px !important;
    }

    #height .table-image tbody td {
        padding: 9px 6px;
        font-size: 12px;
    }

    #height .table-image .dis span {
        font-size: 12px;
        line-height: 1.35;
    }
}