/*hipercom color: #1374BB*/

.benchmark-at-sku {
}

    .benchmark-at-sku .image-holder {
        width: 200px;
        height: 320px;
        border: thin solid #DDDDDD;
        text-align: center;
        padding: 5px;
        display: inline-block;
        margin-top: 50px;
        vertical-align: top;
        position: relative;
    }

        .benchmark-at-sku .image-holder .selector-icon {
            position: absolute;
            bottom: 0;
            right: 5px;
        }

        .benchmark-at-sku .image-holder img {
            max-width: 150px;
            max-height: 200px;
        }

        .benchmark-at-sku .image-holder .image-description.ean {
            font-weight: bold;
            margin: 2px 0px 2px 0px;
            color: #DDDDDD;
        }

    .benchmark-at-sku .value-table-holder {
        display: inline-block;
        width: 80%;
        max-height: 50vh;
        overflow: auto;
        padding-bottom: 5px;
    }

        .benchmark-at-sku .value-table-holder table {
            margin-left: 2%;
            width: 100%;
            /*table-layout: fixed;*/
        }

            .benchmark-at-sku .value-table-holder table thead tr td {
                text-align: center;
                height: 50px;
            }

                .benchmark-at-sku .value-table-holder table thead tr td img.logotype {
                    max-width: 140px;
                    max-height: 25px;
                }

            .benchmark-at-sku .value-table-holder table tbody tr td:first-child {
                text-align: left;
                font-weight: bold;
                width: 170px;
                min-width: 170px;
                padding: 2px;
            }

            .benchmark-at-sku .value-table-holder table tbody tr td {
                text-align: center;
                border: thin solid #DDDDDD;
                width: 150px;
                min-width: 150px;
                height: 25px;
            }

                .benchmark-at-sku .value-table-holder table tbody tr td.show-details {
                    cursor: pointer;
                }

                .benchmark-at-sku .value-table-holder table tbody tr td.img img {
                    max-height: 50px;
                    max-width: 50px;
                    transition: transform .2s;
                }

                    .benchmark-at-sku .value-table-holder table tbody tr td.img img:hover {
                        transform: scale(3);
                    }

    .benchmark-at-sku .details-table-holder {
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding-bottom: 5px;
    }

        .benchmark-at-sku .details-table-holder table {
            width: 100%;
            /*table-layout: fixed;*/
        }

            .benchmark-at-sku .details-table-holder table thead tr td {
                text-align: center;
                height: 50px;
            }

            .benchmark-at-sku .details-table-holder table tbody tr td:first-child {
                text-align: left;
                font-weight: bold;
                padding: 2px;
            }

            .benchmark-at-sku .details-table-holder table tbody tr td {
                text-align: center;
                border: thin solid #DDDDDD;
                width: 150px;
                min-width: 150px;
                height: 25px;
            }

                .benchmark-at-sku .details-table-holder table tbody tr td.show-details {
                    cursor: pointer;
                }