/* 1. Container */
.crosstable-container {
    width: 100%;
    overflow-x: auto;
}

.crosstable-form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.crosstable-form-container form:nth-child(3) {
    grid-column: 1 / 2;
}

/* 2. Table */
.crosstable {
    table-layout: fixed;
    min-width: 600px;
}

/* 3. Headers */
.crosstable th {
    max-width: 150px;
    white-space: normal;
    overflow-wrap: break-word;
}

/* 4. Cells */
.crosstable td {
    text-align: center;
    vertical-align: middle;
}

/* 5. Images */
.crosstable img {
    max-width: 100%;
    max-height: 100%;
    /*width: auto;
    height: auto;*/
    width: 100px !important;
    height: 140px !important;
    display: block;
    margin: 0 auto;
}