.mainBlockValutometro .input-group {
display: inline-flex;
width: auto;
max-width: 10rem;
}
.mainBlockValutometro input[type=date].form-control,
.mainBlockValutometro input[type=number].form-control,
.mainBlockValutometro input[type=email].form-control,
.mainBlockValutometro input[type=tel].form-control,
.mainBlockValutometro input[type=text].form-control,
.mainBlockValutometro input[type=file].form-control,
.mainBlockValutometro div.form-control,
.mainBlockValutometro select.form-control,
.mainBlockValutometro textarea.form-control {
border: 1px solid var(--neutral300);
background-color: transparent;
border-radius: 0.2rem;
}
.mainBlockValutometro .input-group-text{
background-color: transparent;
border: 1px solid var(--neutral300);
border-radius: 0.2rem;
}
.mainBlockValutometro .simpleButton{
background-color: transparent;
border: 1px solid var(--neutral300);
padding: 0.6rem 1rem;
display: inline-block;
border-radius: 0.2rem;
cursor: pointer;
}
.mainBlockValutometro .simpleButton.active,
.mainBlockValutometro .simpleButton:hover,
.mainBlockValutometro .simpleButton.forcedHover,
.mainBlockValutometro .simpleButton.forcedActive{
background-color: var(--primary100);
}
.mainBlockValutometro .selectButtonContainer{
display: block;
margin-bottom: 1rem;
}
.mainBlockValutometro .selectButtonContainer:last-child{
margin-bottom: 0;
}
.mainBlockValutometro .selectButton{
border: 1px solid var(--neutral300);
padding: 1rem 1rem;
display: flex;
align-items: center;
border-radius: 0.5rem;  
cursor: pointer;
justify-content: space-between;
}
.mainBlockValutometro .selectButton .content{
display: flex;
align-items: center;
color: var(--neutral400);
}
.mainBlockValutometro .selectButton .content img{
margin-right: 0.5rem;
height: 3rem;
}
.mainBlockValutometro form[name="frm_step3"] .selectButton,
.mainBlockValutometro form[name="frm_step6"] .selectButton{
background-color: #F7F5F0;
}
.mainBlockValutometro .selectButton .fill{
display: inline-block;
width: 2rem;
height: 2rem;
border: 2px solid var(--neutral300);
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
.mainBlockValutometro input[type="radio"] ~ .selectButton .fill{
border-radius: 100%;
background-color: #FFFFFF;
}
.mainBlockValutometro input[type="checkbox"]:checked ~ .selectButton,
.mainBlockValutometro input[type="radio"]:checked ~ .selectButton{
background-color: var(--primary100);
}
.mainBlockValutometro input[type="checkbox"]:checked ~ .selectButton .fill,
.mainBlockValutometro input[type="radio"]:checked ~ .selectButton .fill{
background-color: var(--primary400);
border: 2px solid var(--primary400);
}
.mainBlockValutometro input[type="checkbox"]:checked ~ .selectButton .content,
.mainBlockValutometro input[type="radio"]:checked ~ .selectButton .content{
color: var(--neutral600);
}
.mainBlockValutometro input[type="checkbox"]:checked ~ .selectButton .fill{
background-image: url(//www.beehome.it/wp-content/themes/beehome/assets/images/valutometro/check.png);
}
.mainBlockValutometro input[type="radio"]:checked ~ .selectButton .fill{
background-image: url(//www.beehome.it/wp-content/themes/beehome/assets/images/valutometro/point.png);
}
.mainBlockValutometro input[type="checkbox"],
.mainBlockValutometro input[type="radio"]{
display: none;
}
.icon-info{
background-image: url(//www.beehome.it/wp-content/themes/beehome/assets/images/valutometro/info.svg);
display: inline-block;
width: 1.2rem;
height: 1.3rem;
margin-right: 0.3rem;
}
.blockValutometro{
min-height: calc(100vh - var(--menu-height) - var(--wpadminbar-height));
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: var(--valutometrobuttons-height);
}
.mainBlockValutometro input[type="radio"]:checked ~ .simpleButton{
background-color: var(--primary100);
} .blockValutometro .stepsBlockValutometro{
flex-grow: 0;
}
.blockValutometro .stepsBlockValutometro .buttons{
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
.blockValutometro .stepsBlockValutometro .stepsMarker{
display: flex;  
justify-content: space-between;
}
.blockValutometro .stepsBlockValutometro .stepsMarker .stepMark{
display: inline-block;
width: 14%;
height: 0.3rem;
background-color: var(--neutral200);
font-size: 0;
}
.blockValutometro .stepsBlockValutometro .stepsMarker .stepMark.active{
background-color: var(--primary400);
}
.mainBlockValutometro .swiper-wrapper{
align-items: center;
}
#navbarSupportedContent,
.menuMainCta-lg,
.page-header{
display: none !important;
}
body #mainMenu{
padding-top: 1rem;
padding-bottom: 1rem;
}
#map {
height: 25rem;
width: 100%;
margin-top: 20px;
border-radius: 1rem;
border: 1px solid var(--neutral300);
display: flex;
align-items: center;
justify-content: center;
}
#step1{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#addressInput{
background-color: var(--neutral100);
border: 1px solid var(--neutral400);
text-align: center;
display: block;
max-width: 100%;
margin-bottom: 1rem;
color: var(--neutral400);
}
#addressInput:disabled{
background-color: transparent;
border: 1px solid transparent;
text-overflow: ellipsis;
}
.page-id-1081 footer.footer,
.page-id-1081 .navbar-toggler{
display: none;
}
@media (max-width: 767px){
.blockValutometro .stepsBlockValutometro{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
background-color: var(--cream100);
}
.blockValutometro .stepsBlockValutometro .customBtn{
padding: 0.2rem 1.5rem 0.2rem 1.5rem;
min-height: 3rem;
}
#map{
margin-top: 0;
height: 15rem;
}
.blockValutometro{
justify-content: center;
}
body #mainMenu{
padding-top: 0;
padding-bottom: 0;
}
}