/* ==========================================================================
		 Project:     Brick Industry Association - Calculators
		 Date:        04/18/2023 - File created	
		 Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

[class*="calculator"] {scroll-margin-top: 130px}

/* ==========================================================================
	Stepper Component
========================================================================== */

.cms-stepper {counter-reset: steps;border-bottom:none}
.cms-stepper .step {position:relative;width: 33.333%;}
.cms-stepper .step:not(:last-child)::after {height: 1px; background: #ccc; content:""; z-index: 0; top: 50%; left:80px; position: absolute; width: calc(100% - 100px)}
.cms-stepper .step:last-child {margin-right: 0px}
.cms-stepper .step .badge {justify-content: center; width: 25px; height: 25px; border-radius: 25px; background: #808285; color: #fff; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center}
.cms-stepper .step .badge:empty {display:-webkit-box; display:-ms-flexbox; display:flex; }
.cms-stepper .step .badge:empty::before {content:counter(steps);counter-increment: steps;font-size: .85rem;}
.cms-stepper .step .active .badge {background: #B12C1B;color:#fff}
.cms-stepper .step .active .badge::before {color: #fff}

/* ==========================================================================
	Forms
========================================================================== */

.form-control-width-1 {width: 35px}
.form-control-width-2 {width: 50px}
.form-control-width-3 {width: 75px}
.form-control-width-4 {width: 100px}
.form-control-width-5 {width: 125px}
.form-control-width-6 {width: 150px}
.form-control-width-7 {width: 175px}
.form-control-width-8 {width: 200px}
.form-control-width-9 {width: 225px}
.form-control-width-10 {width: 250px}

.error {margin-top: 5px;display:block}