* {
	--theme-color: #372b75;
}



#calculator {

	--slider-color: var(--theme-color);
	--row-title-width: 8em;
	--row-value-width: 6em;

	color: #282c30;


	    background-color: #7b4a980f;
	text-align: center;
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	max-width: 64em;

	border-radius: 16px;

	transition: height 1s;
}

#xcalculator button {
	margin-top: 1em;

	font-size: 1.2em;
	font-weight: bolder;
	padding: 1em 2em;
	border-radius: .5em;
	color: var(--theme-color);
}



@media (min-width: 768px) {
	#calculator {
		padding: 2em;
		--row-title-width: 8em;
		--row-value-width: 6em;
	}



.modal-dialog {
    max-width: 610px;
   
}


}

#calc-slider-rows {
	text-align: initial;
}

#calculator .result {
	font-size: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	transition: opacity 1s 1s,
		font-size .2s .3s,
		margin .2s .3s,
		padding .2s .3s;
}

#calculator.show_total>*:not(.result) {
	font-size: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	/* fade out, then shrink */
	transition: opacity .25s,
		font-size .5s .25s,
		margin .5s .25s,
		padding .5s .25s;
}

#calculator.show_total .result {
	opacity: 1;
	font-size: 1em;
	margin: inherit;
	padding: inherit;
	display: inherit;

}




.btn-prices {


	  margin-top: 2rem !important;
    margin-bottom: 1.2rem;
}