.brezo-stock-col,
.brezo-stock-cell {
	text-align: center;
}

.brezo-stock-col .brezo-info-icon { 
    vertical-align: -2px;
    color: #333; 
}

.brezo-loading { color: #888; }
.brezo-loader {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid rgba(0,0,0,0.15);
	border-top-color: rgba(0,0,0,0.45);
	border-radius: 50%;
	animation: brezo-spin 0.8s linear infinite;
	vertical-align: -4px;
}

@keyframes brezo-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.brezo-na { color: #888; }
.brezo-zero { color: #c00; font-weight: 600; }
.brezo-low { color: #cc8400; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.brezo-high { color: #2a8a2a; font-weight: 600; }

/* Minimal tooltip */
.brezo-tip { position: relative; cursor: help; display: inline-block; }
.brezo-info-icon { vertical-align: -4px; color: #333; }
.brezo-tip:focus::after,
.brezo-tip:hover::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 8px);
    white-space: normal;
    width: 260px;
    max-width: 300px;
    background: rgba(0,0,0,0.9);
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.35;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    z-index: 9999;
    pointer-events: none;
}

.brezo-tip:focus::before,
.brezo-tip:hover::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
    border: 6px solid transparent;
    border-top-color: rgba(0,0,0,0.9);
    z-index: 9999;
}

/* Override for 1/2 width */

.product-sizes-amounts-table tr > td:first-child {
    min-width: 33% !important;
    text-wrap: nowrap;
    width: 33%;
}