/* Stock page */

.stock-cos-panel {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* Center an inline-table inside the responsive wrapper */
.stock-cos-table-wrap {
	text-align: center;
}

/* Make the table size to its content instead of stretching full width */
.stock-cos-table {
	display: inline-table;
	width: auto !important; /* override Bootstrap .table { width: 100%; } */
	text-align: left;
}

/* Make brand rows feel clickable */
.stock-cos-table tbody tr.stock-brand-row {
	cursor: pointer;
}

/* Reduce horizontal padding to remove “unused” spacing */
.stock-cos-table th,
.stock-cos-table td {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

/* Keep numbers tight */
.stock-cos-table .make-col,
.stock-cos-table .units-col,
.stock-cos-table .cost-col {
    white-space: nowrap;
}

/* Explicit widths for numeric columns (affects <col class="..."> too) */
.stock-cos-table col.make-col,
.stock-cos-table th.make-col,
.stock-cos-table td.make-col {
	width: 180px;
}

.stock-cos-table col.units-col,
.stock-cos-table th.units-col,
.stock-cos-table td.units-col {
	width: 140px;
}

.stock-cos-table col.cost-col,
.stock-cos-table th.cost-col,
.stock-cos-table td.cost-col {
	width: 230px;
}

.stock-profit-panel {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.stock-profit-table-wrap {
	text-align: center;
}

.stock-profit-table {
	display: inline-table;
	width: auto !important;
	text-align: left;
}

.stock-profit-table th,
.stock-profit-table td {
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

.stock-profit-table .stockno-col,
.stock-profit-table .money-col,
.stock-profit-table .pct-col {
	white-space: nowrap;
}

.stock-profit-table col.stockno-col,
.stock-profit-table th.stockno-col,
.stock-profit-table td.stockno-col {
	width: 180px;
}

.stock-profit-table col.money-col,
.stock-profit-table th.money-col,
.stock-profit-table td.money-col {
	width: 200px;
}

.stock-profit-table col.pct-col,
.stock-profit-table th.pct-col,
.stock-profit-table td.pct-col {
	width: 140px;
}