.dealer-price-table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.dealer-price-table td, .dealer-price-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.dealer-price-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.dealer-price-table tr:hover {
    background-color: #ddd;
}

.dealer-price-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #ff6900;
    color: white;
}

.b2b-thumbnail {
	max-width: 90px;
	height: auto;
}
/* 1. Make each .col a flex container */
.mobile-card-view .row.row-cols-2 > .col {
  display: flex;
}

/* 2. Stretch each card to fill its column */
.mobile-card-view .card {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* 3. Turn the card-body into a column flex */
.mobile-card-view .card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* 4. Let the product-name block absorb all extra space */
.mobile-card-view .card-text {
  flex: 1 0 auto;
  font-size: .75rem;
  margin-bottom: .5rem;
}

/* 5. Tidy up everything else */
.mobile-card-view .card-title { font-size: .875rem; margin-bottom: .25rem; }
.mobile-card-view ul.list-unstyled { font-size: .75rem; margin-bottom: .5rem; }
.mobile-card-view .form-control-sm { font-size: .75rem; }
.mobile-card-view .btn-sm { font-size: .75rem; }