/* Tile Calculator */
.tile-calculator-container {
    padding: var(--space-s);
    background-color: var(--accent-dark-trans-10);
	max-width:var(--width-50);
	border-radius: var(--radius-s);
	border: solid 0.1rem var(--accent-dark-trans-10);
}

.tile-message {
    padding: var(--space-s);
    background-color: var(--accent-trans-30);
    border: solid var(--accent-dark-trans-60);
    margin-top: var(--space-s);
	border-radius: var(--radius-s);
	max-width:var(--width-50);

}

.tile-message .calculator-notice {
    font-size: var(--text-s);
}

.tile-calculator-container .roof-area-field-class {
    margin-top: var(--space-xs);
}

.tile-calculator-container label{
	color:var(--accent-ultra-dark-trans-90);
}

.tile-calculator-container #roof_area{
	border-radius:var(--radius-s);
}

.tile-quantity-value {
    font-weight: bold;
}

.tile-calculator-debug {
    font-size: var(--text-xs);
    background-color: var(--secondary-medium);
    padding: var(--space-xs);
    display: inline-block;
    margin-top: var(--space-s);
}

#clear_roof_area{
	margin-top:var(--space-xs);
}

.tile-calculator-container label .required{
	display:none;
}