:root { --sq-primary: #1a1a1a; --sq-text: #919191; --sq-border: #f0f0f0; --sq-bg: #ffffff; --sq-bg-hover: #f0f0f0; --sq-transition: 0.3s ease; }
.simplequiz.quiz_item { padding: 20px; background: var(--sq-bg); border: 1px solid var(--sq-border); }
.qwiz1-grid { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); gap: 20px; }
@media (max-width: 1250px) { .qwiz1-grid { grid-template-columns: 100%; } }
.ndd22 { margin-bottom: 0; font-size: 1.15rem; }
.mqwiz1 { margin: -20px 0; }
.simplequiz1 { display: inline-block; color: var(--sq-text); font-size: 14px; font-weight: 500; margin-top: 20px; }
.colorsdes1 { color: var(--sq-text); transition: color var(--sq-transition); }
.quiz_item:hover .colorsdes1 { color: var(--sq-primary); }
.com_simplequiz .simplequiz_question, .com_simplequiz .simplequiz_question_result { background: var(--sq-bg); padding: 20px; margin-bottom: 20px; border: 1px solid #e9e9e9; transition: background 0.2s ease; }
.com_simplequiz .simplequiz_question:hover {}
.simplequiz_question h3 { font-size: 17px; margin-bottom: 10px; color: var(--sq-text) !important; transition: color var(--sq-transition); }
.simplequiz_question p { margin: 0 0 10px; color: var(--sq-text); transition: color var(--sq-transition); }
.com_simplequiz .simplequiz_question:hover p, .com_simplequiz .simplequiz_question:hover h3 { color: var(--sq-primary) !important; }
.com_simplequiz .simplequiz_question_text, .com_simplequiz h3.simplequiz_question_text, .com_simplequiz .question_text { font-size: 18px; font-weight: 600; color: var(--sq-primary); margin-bottom: 15px; }
.com_simplequiz input[type="text"], .com_simplequiz input[type="email"], .com_simplequiz input[type="number"], .com_simplequiz textarea, .com_simplequiz select { width: 100%; height: 53px; padding: 15px; border: 2px solid var(--sq-border); font-size: 16px; font-weight: 500; background: var(--sq-bg); color: var(--sq-text); border-radius: 0; box-sizing: border-box; outline: none; margin-bottom: 10px; transition: border-color 0.2s ease, color 0.2s ease; }
.com_simplequiz input[type="text"]:hover, .com_simplequiz input[type="email"]:hover, .com_simplequiz input[type="number"]:hover, .com_simplequiz textarea:hover, .com_simplequiz select:hover { border-color: var(--sq-primary); color: var(--sq-primary); }
.com_simplequiz input[type="text"]:focus, .com_simplequiz input[type="email"]:focus, .com_simplequiz input[type="number"]:focus, .com_simplequiz textarea:focus, .com_simplequiz select:focus { border-color: var(--sq-primary); color: var(--sq-primary); background: var(--sq-bg); }
.com_simplequiz textarea { min-height: 110px; height: auto; resize: vertical; }
.com_simplequiz .answer_option, .com_simplequiz label, .com_simplequiz .simplequiz_answer { display: flex; align-items: center; cursor: pointer; width: 100%; padding: 15px 20px; border: 2px solid var(--sq-border); font-size: 16px; font-weight: 400; background: var(--sq-bg); color: var(--sq-text); box-sizing: border-box; margin-bottom: 10px; transition: all var(--sq-transition); }
.com_simplequiz .answer_option:hover, .com_simplequiz label:hover, .com_simplequiz .simplequiz_answer:hover { color: var(--sq-primary); border-color: var(--sq-primary); }
.com_simplequiz input[type="checkbox"], .com_simplequiz input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.com_simplequiz label.sq-has-checkbox::before, .com_simplequiz label.sq-has-radio::before, .com_simplequiz .answer_option::before, .com_simplequiz .simplequiz_answer::before { content: ''; width: 22px; height: 22px; margin-right: 14px;flex-shrink: 0;padding: 0px 10px;background: #f0f0f0;}
.com_simplequiz label.sq-has-radio::before, .com_simplequiz input[type="radio"] ~ label::before, .com_simplequiz .answer_option.radio::before { border-radius: 50%; }
.com_simplequiz .answer_option.checked::before, .com_simplequiz label.checked::before, .com_simplequiz .simplequiz_answer.checked::before { background: var(--sq-primary);}
.com_simplequiz label.sq-has-radio.checked::before, .com_simplequiz .answer_option.radio.checked::before { border-color: var(--sq-primary); border-width: 6px; background: var(--sq-primary); content: ''; }
.com_simplequiz input[type="range"] { -webkit-appearance: none; width: 100%; height: 8px; background: #eef2f7; border-radius: 4px; outline: none; margin: 20px 0; }
.com_simplequiz input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; background: var(--sq-bg); border: 3px solid #5a67d8; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 8px rgba(90, 103, 216, 0.3); transition: transform 0.2s ease; }
.com_simplequiz input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.2); }
.com_simplequiz input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; background: var(--sq-bg); border: 3px solid #5a67d8; border-radius: 50%; cursor: pointer; }
.com_simplequiz .sq-button-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.com_simplequiz .sq-button-bar .sq-button-left, .com_simplequiz .sq-button-bar .sq-button-right { display: flex; gap: 10px; }
.com_simplequiz .sq-button-bar .sq-button-right { width: 100%; }
.com_simplequiz .sq-button-bar .prev_link, .com_simplequiz .sq-button-bar .next_link, .com_simplequiz .sq-button-bar .sq-review-answers-button, .com_simplequiz .sq-button-bar .sq_complete_button { color: var(--sq-primary); font-weight: 500; text-transform: uppercase; font-size: 15px; padding: 15px; background: var(--sq-bg); border: 1px solid var(--sq-border); border-radius: 0; text-align: center; transition: all var(--sq-transition); cursor: pointer; }
.com_simplequiz .sq-button-bar .prev_link, .com_simplequiz .sq-button-bar .sq-review-answers-button { width: 300px; }
.com_simplequiz .sq-button-bar .next_link, .com_simplequiz .sq-button-bar .sq_complete_button { width: 100%; display: none;}
.com_simplequiz .sq-button-bar .prev_link { margin-right: 10px; }
.com_simplequiz .sq-button-bar .sq-review-answers-button { padding: 17px; display: block; }
.com_simplequiz .sq-button-bar .sq_complete_button.show-submit { display: inline-block; }
.com_simplequiz .sq-button-bar .prev_link:hover, .com_simplequiz .sq-button-bar .next_link:hover, .com_simplequiz .sq-button-bar .sq-review-answers-button:hover, .com_simplequiz .sq-button-bar .sq_complete_button:hover { background: var(--sq-bg-hover); }
.com_simplequiz .sq_pagination, .com_simplequiz .complete_quiz_buttons, .com_simplequiz form.sq_quiz > .sq_complete_button, .com_simplequiz .complete_quiz .sq_complete_button, .com_simplequiz .complete_quiz_buttons .sq_complete_button { display: none; }
.simplequiz.quiz_item h3.title { border-bottom: 1px solid #eee; padding-bottom: 5px; margin: 20px 0 15px; }
.quiz_image, .simplequiz.anti_spam_captcha { margin-bottom: 10px; }
.simplequiz_question, .sq_error { margin-bottom: 20px; }
.btn-take-quiz > span:before { font-size: smaller; margin-right: 5px; }
label.sq_label {padding: 15px 20px; display: inline-block; }
label.sq_label.full_tag { display: block; }
label.sq_label input.sq_field { vertical-align: text-bottom; margin-right: 5px; }
label.sq_label input.sq_field[type=checkbox] { vertical-align: bottom; }
label.sq_label input.radio_button_inputbox { vertical-align: baseline; margin-bottom: 0; margin-left: 5px; }
.simplequiz_user_table { border-collapse: separate; border-spacing: 3px; background: transparent; }
.simplequiz_user_table td, .simplequiz_user_table tr { border: none; padding: 0; background: transparent; }
.simplequiz.anti_spam_question, .simplequiz_user_fieldset, .sq-popup .simplequiz_user_fieldset { max-width: 100%; }
.simplequiz.checkbox, .simplequiz_field.checkbox { vertical-align: baseline; }
#sq-black-bg { background: #000; opacity: .8; position: fixed; inset: 0; z-index: 10000; }
.sq_timer { float: right; font-size: large; }
.sq-complete-test { margin: 20px 0; }
.sq-hidden, .sq-popup .sq-review-answers-button { display: none; }
.sq_error { padding: 15px; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; }
.next_link, .page_link, .prev_link { cursor: pointer; }
.page_link { font-size: 14px; transition: .5s; }
.active_page { font-weight: 700; padding: 0 7px; font-size: 20px; }
.simplequiz_question_result { margin-bottom: 15px; }
.sq_correct_answer_text { background: #1ed22e; padding: 2px 4px; margin: 0 2px; }
.sq_wrong_answer_text { background: #ff291a; padding: 2px 4px; margin: 0 2px; }
#sq_snackbar, .sq_snackbar_button { color: #fff; background-color: #333; }
.mod_simplequiz .inputbox { max-width: 80%; }
.mod_simplequiz legend { width: auto; }
#mod_simplequiz .simplequiz_user_table td, #mod_simplequiz .simplequiz_user_table tr { float: left; }
.mod_simplequiz .simplequiz_user_table .inputbox { max-width: 60%; display: block; }
#sq_snackbar { visibility: hidden; width: 340px; margin-left: -170px; text-align: center; padding: 15px; position: fixed; z-index: 10001; left: 50%; bottom: 0; }
#sq_snackbar.show { visibility: visible; animation: .5s sq_fadein, .5s 2.5s sq_fadeout; }
@keyframes sq_fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } }
@keyframes sq_fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } }
#sq_snackbar_text { padding: 5px 0; display: inline-block; margin-right: 10px; }
.sq_snackbar_button { display: none; }
.mz12 { margin: -10px 0 -20px; }
.mz13 { padding-bottom: 10px; }
h3 { font-size: 17px; margin-bottom: 10px; }
.micosqw { margin-right: 10px; text-align: center; }
@media (max-width: 1200px) { .com_simplequiz .sq-button-bar .prev_link { width: 140px; } }
@media (max-width: 990px) { .com_simplequiz .sq-button-bar .sq-review-answers-button { width: 140px; } }
@media (max-width: 550px) { .com_simplequiz .sq-button-bar .sq-review-answers-button { display: none; } }
.mod-search label, .search label { all: revert; display: none; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; transform: none; color: inherit; font-size: inherit; font-weight: normal; }
.mod-search label::before, .search label::before { content: none; display: none; }
.com_simplequiz input[type="text"], .com_simplequiz input[type="email"], .com_simplequiz input[type="number"], .com_simplequiz textarea, .com_simplequiz select { width: 100%; height: 53px; padding: 15px; border: 2px solid var(--sq-border); font-size: 16px; font-weight: 400; background: var(--sq-bg); color: var(--sq-text); border-radius: 0; box-sizing: border-box; outline: none; margin-bottom: 10px; transition: border-color 0.2s ease, color 0.2s ease; }
.com_simplequiz input[type="text"]:hover, .com_simplequiz input[type="email"]:hover, .com_simplequiz input[type="number"]:hover, .com_simplequiz textarea:hover, .com_simplequiz select:hover { border-color: var(--sq-primary); color: var(--sq-primary); }
.com_simplequiz input[type="text"]:focus, .com_simplequiz input[type="email"]:focus, .com_simplequiz input[type="number"]:focus, .com_simplequiz textarea:focus, .com_simplequiz select:focus { border-color: var(--sq-border); color: var(--sq-text); background: var(--sq-bg); }
.com_simplequiz .simplequiz_question:hover input[type="text"], .com_simplequiz .simplequiz_question:hover input[type="email"], .com_simplequiz .simplequiz_question:hover input[type="number"], .com_simplequiz .simplequiz_question:hover textarea, .com_simplequiz .simplequiz_question:hover select { border-color: var(--sq-primary); color: var(--sq-primary); }
.com_simplequiz .simplequiz_question:hover input[type="text"]:focus, .com_simplequiz .simplequiz_question:hover input[type="email"]:focus, .com_simplequiz .simplequiz_question:hover input[type="number"]:focus, .com_simplequiz .simplequiz_question:hover textarea:focus, .com_simplequiz .simplequiz_question:hover select:focus { border-color: var(--sq-primary); color: var(--sq-primary); }
.com_simplequiz .simplequiz_question:hover .sq_label.sq-has-checkbox,
.com_simplequiz .simplequiz_question:hover .sq_label.sq-has-radio {color: var(--sq-primary);}
.com_simplequiz .simplequiz_question label.sq_label.sq-has-checkbox.checked::before,
.com_simplequiz .simplequiz_question label.sq_label.sq-has-radio.checked::before {background: #c1c1c1;transition: background var(--sq-transition);}
.com_simplequiz .simplequiz_question:hover label.sq_label.sq-has-checkbox.checked::before,.com_simplequiz .simplequiz_question:hover label.sq_label.sq-has-radio.checked::before {background: var(--sq-primary);}
.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: none !important;
}