body {background-color: #daf2df;}
nav {background-color: #fff; height: 45px!important; line-height: 55px!important;}
nav img{width: 120px;}
#regForm {
  background-color: #daf2df;
  margin: 15px auto;
  font-family: Raleway;
  min-width: 300px;
  max-width: 500px;
}
#regForm img{border-radius: 8px;}


label {font-size: 1rem;  color: #444;}
.domanda{font-size: 1.4rem;  font-weight: bold;}
.risposta{border-bottom: 1px solid #548e3666; padding-bottom: 10px;  margin: 10px 0;}
/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
input[type="radio"]:checked+span { font-weight: bold; }


/* mostro solo il tab attivo con animazione */
.tab {   display: none; }	



button {
  background-color: #32750b;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
}
button:focus{
background-color: #32750b;
}

button:hover {
  opacity: 1;
}

#prevBtn {
  background-color: #bbbbbb;
}


/* Mark the steps that are finished and valid: */
.step.finish, .step.active {
  background-color: #836d9b;
}
#risultatoPunteggio{font-size: 1.3rem; font-weight: bold; text-align: center; background: #ffffff; padding: 5px;}
#risultatoTitolo{font-size: 1.3rem; font-weight: bold; }
	
#risultatoCorpo{font-size: 1.2rem;}
#fraseCall{font-size: 1.2rem; font-weight: bold;}
.bottonBtnConteriner{height: 50px;  position: relative;}
.bottonBtn{    width: 100%;    display: inline;  position: absolute;    -ms-transform: translate(-50%, -50%);    left: 50%;    top: 50%;    text-align: center;    transform: translate(-50%,-50%);}
.risposta span{width: 100%;}