#open-quiz {
   color: #d50505;  
   cursor: pointer;
}

#wizard-quiz {
   position: relative;
   background: #FFF;
   padding: 20px;
   width: auto;
   max-width: 700px;
   margin: auto;
   border-radius: 5px;
}

#wizard-quiz #quiz-header,
#wizard-quiz #quiz-steps {
   padding: 0 15px 15px;
}

#wizard-quiz #reset-quiz {
   cursor: pointer;
}

#wizard-quiz #quiz-progress {
   position: relative;
   width: 100%;
   height: 22px;
   background: #fafafa;
   border: solid 1px #bfbfbf;
   border-radius: 30px;
   margin: 10px 0 20px;
   overflow: hidden;
}

#wizard-quiz .quiz-progress-bar {
   height: 20px;
   background: #3d7b23;
   border-radius: 0;
   width: 20%;
   transition: all .3s ease;
}

#wizard-quiz .step {
   display: none;
}

#wizard-quiz .step.is-current-step {
   display: block;
}

#wizard-quiz .question {
   margin-bottom: 30px;
}

#wizard-quiz .question:last-child {
   margin-bottom: 0;
}

#wizard-quiz .radio-input-container input {
   margin: 0px 5px 0 0;
}

#wizard-quiz .radio-input-container label {
   cursor: pointer;
   font-weight: normal;
   line-height: 1;
   margin: 0;
   flex: 1;
}

#wizard-quiz .radio-input-container {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background: #f9f9f9;
   border-radius: 5px;
   padding: 10px 8px;
   margin-bottom: 10px;
   cursor: pointer;
   transition: all .3s ease;
   border: solid 1px #ccc;
}