#dokan-other-vendor-camparison {
    .vendor-camparison-title {
        font-size: 15px;
    }

    .dokan-other-vendor-camparison-table {
        background: #ffffff;
        display: table;

        .table-row {
            display: table-row;

            &.active {
                background: #f4fbff;
                outline: 1px solid #19bfd3;
            }
        }

        .table-row:not(:last-child):not(.active) .table-cell {
            border-bottom: 1px solid #e8e8e8;
        }

        .table-cell {
            display: table-cell;
            padding: 15px;
            vertical-align: middle;
        }

        .table-cell.vendor {
            > div {
                display: flex;
                align-items: center;

                > div {
                    line-height: 24px;
                }
            }

            .icon {
                color: #9a9a9a;
                font-size: 24px;
                margin-right: 10px;
            }
        }

        .table-cell.stock {
            color: $font-color;

            > div {
                display: flex;
                align-items: center;

                > div {
                    line-height: 24px;
                }
            }

            .icon {
                font-size: 22px;
                margin-right: 10px;
            }

            .delivery-title {
                color: #8d9096;
                font-size: 12px;
            }
        }

        .table-cell.action-area {
            text-align: right;

            a {
                background: transparent;
                color: $danger;
                border-width: 2px;
                font-weight: bold;

                &:hover {
                    background: $danger;
                    color: #ffffff;
                }
            }
        }
    }
}

.other-sellers-row {
    border-top: 1px solid #E4E4E4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    cursor: pointer;
    margin-top: 10px;

    .seller-row-info {
        font-weight: bold;
        color: $primary;
    }
}

@media (max-width: 992px) {
    #dokan-other-vendor-camparison {
        .dokan-other-vendor-camparison-table {
            background: transparent;
            display: block;

            .table-row {
                display: block;
                border-radius: 10px;
                background-color: #FFF;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);

                &.active {
                    outline: none;
                }
            }

            .table-row:not(:last-child) {
                margin-bottom: 15px;

                .table-cell {
                    border-bottom: none;
                }
            }

            .table-cell {
                display: block;
            }

            .table-cell.vendor {
                position: relative;

                &:after {
                    position: absolute;
                    content: '\E08C\00FE0E';
                    font-family: IRANKala;
                    font-size: 22px;
                    right: 10px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }

            .table-cell.price {
                float: left;
                border-bottom: none !important;
            }

            .table-cell.stock {
                border-bottom: 1px solid #e8e8e8 !important;
            }
        }
    }
}