#tjq-quiz-1, #tjq-quiz-2 {
padding: 20px;
background: #f7f7f7;
border: 1px solid #ccc;
}
#tjq-quiz-1 .description, #tjq-quiz-2 .description {
font-size: 0.9em;
font-style: italic;
}
#tjq-quiz-1 h4 {
color: #333333;
font-size: 1.2em;
line-height: 1.2em;
font-weight: 600;
}
#tjq-quiz-form-1 input {
margin: 0 1em;
}
#tjq-quiz-form-1 p {
margin: 0 1em;
}
#tjq-msg-1, #tjq-msg-2 {
margin-top: 20px;
font-weight: bold;
}
#tjq-loader {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.75);
z-index: 9999;
}
#tjq-loader .spinner {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border: 6px solid #ccc;
border-top-color: #0073aa;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: translate(-50%, -50%) rotate(360deg); }
}