#calculator {
	color: white;
    font-family: "Metropolis", Sans-serif;
    font-weight: 400;
    border: 0;

}

#calculator_step_wrapper {
	border: 0;
}

#calculator .calculator-step {
	display: flex;
	align-items: center; /* Centers vertically */
	justify-content: center; /* Centers horizontally */
	flex-direction: column;
}


#calculator h3 {
	font-size: 20px;
}


#calculator button {
	border-radius: 0;
	padding: 12px 24px;
}

#calculator button {
	border-radius: 0;
	padding: 12px 24px;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	border-color: white;
}

#calculator button.selected,
#calculator button:hover,
#calculator button:focus,
#calculator button:active {
	color: #333C44 !important;
	background-color: white;
	
}

#calculator input {
	border-radius: 0;
	padding: 12px 24px;
	font-size: 18px;
	border: 0;
}

#calculator input.calculator-datepicker {
	width: 150px;
	color: #333C44;
	
}

#calculator div.calculator-times-sliders,
#calculator div.calculator-slider {
	width: 70%;
	margin: 0 15%;
}

.calculator-slider-caption-under{
	margin-top: 20px;
}

#calculator .calculator-step .form_wrapper{
	max-width: 500px;
}

#calculator #calculator_message{
	text-align: center;
}


td.ui-datepicker-unselectable span {
  position: relative;
  display: inline-block;
}

td.ui-datepicker-unselectable span::before{
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust thickness of the lines */
  background-color: #000; /* Adjust line color */
  transform-origin: center;
  transform: rotate(-45deg); /* First diagonal line */
}

#calculator button.calculator-submit{
	font-size: 1.3em;
	background-color: white;
	color: #333C44;
	font-size: 1.3em;
	background-color: white;
	color: #333C44;
    margin: 0 auto;
}

#calculator button.calculator-backsubmit,
#calculator button.calculator-backsubmit:hover,
#calculator button.calculator-backsubmit:focus{
	background-color: transparent;
	color: white !important;
	border: 0;
	text-transform: none;
	width: 100%;
	padding: 10px;
}

@media (max-width: 767px) {
	
	#calculator_navbar{
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    height: auto;
	    /* z-index: 10000000000000; */
	    left: 0;
	    background-color: #333C44;
	    padding: 0;
	    z-index: 9999;
	}

	#calculator_navbar button.calculator-next,
	#calculator_navbar button.calculator-back{
		margin: 20px 5px;
	}
	
	#calculator_navbar button.calculator-submit{
		margin: 20px 0 0 0;
	}
	
	#calculator_navbar button.calculator-backsubmit{
		margin: 0 0 20px 0;
	}
	
	
	#calculator .calculator-step{
		padding: 30px 0;
		justify-content: start; 
	}
}