Taco Time Quiz Challenge: Test Your National Taco Day Knowledge!

<> /* Flex layout (default) */ .image_view.flex-layout { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; } /* Float layout */ .image_view.float-layout { display: block !important; overflow: hidden; } .image_view.float-layout .quiz_img_holder { float: left; margin: 0 15px 10px 0; } /* Apply width changes ONLY on desktop */ @media (min-width: 768px) { #ques-box-container.float-layout .question_text { width: 100%; } #ques-box-container.float-layout .quiz_img_holder img { width: 322px !important; margin: 0 15px 0 0; } } .quiz-meta-row{display:none;} @media print{body {display:none;}} *{box-sizing: border-box;margin:0;padding:0;} a{text-decoration: none;color: #3b5998;} a:hover{color: #4d4d4d;} ul liol li {list-: none;} img{max-width: 100%;} .clear{clear: both;} .hide{display: none !important;} .no-cursor{cursor: not-allowed !important; display: block !important; opacity: .5;} .flex-box{display: flex;display: -webkit-flex;flex-wrap:wrap;gap:8px;} .ques-answer-form > .feedback_xpln{display: none;color: transparent;background: url(/quiz-school/images/Placeholder-Lines-1.png);background-size: contain;position: relative;} .ques-answer-form > .feedback_xpln:before { content: "Question's feedback will appear here"; color: #4d4d4d; font-size: 18px; position: absolute; display: flex; display: -webkit-flex; justify-content: center; left: 0; right: 0; align-items: center; height: 100%; background: #f9fafb; border-radius: 6px; } .ask-ai-container { width: 100%; /* max-width: 500px; */ padding: 20px 0; border: 0px solid rgba(15302210.93); font-family: Arialsans-serif; /* background: #EFF6FF; */ border-radius: 6px; margin-bottom: 10px; } .ask-ai-heading { font-size: 18px; margin-bottom: 15px; font-weight: 500; font-family: 'Roboto'; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .suggestions-wrapper { display: flex; flex-wrap: wrap; gap: 3%; /* justify-content: space-between; */ /* max-height: 450px; overflow: auto; */ min-height: 200px; } .suggestion-ai { border: 1px solid #0A53A8; padding: 10px; margin-bottom: 10px; border-radius: 11px; cursor: pointer; /* width: 46%; */ box-sizing: border-box; transition: background-color 0.2s ease; background-color: #fff; font-size: 14px; font-weight: 500; font-family: 'Roboto'; height: 48px; box-shadow: 0 1px 3px rgba(0000.05); } .suggestion-new-ai { border: 1px solid #0A53A8; padding: 4px 9px 4px 6px !important; margin-bottom: 10px; border-radius: 25px; cursor: pointer; /* width: 46%; */ box-sizing: border-box; transition: background-color 0.2s ease; background-color: #fff; font-size: 14px; font-weight: 500; font-family: 'Roboto'; height: 35px !important; box-shadow: 0 1px 3px rgba(0000.05); } .suggestion-new-ai:hover{ background: linear-gradient(142degrgba(15302210.05) 7.65%rgba(106902050.05) 34.7%rgba(01982550.05) 89.19%); border: 1.2px solid rgba(15302210.93); } .ai-main-div{ display: flex; align-items: center; gap: 8px; } .ai-maindiv{ display: flex; align-items: center; gap: 8px; } .ai-question{ margin-bottom: 20px; } .answer_boxes_real_new{ display:flex; flex-wrap:wrap; gap:10px; } .answer_text_container_new{font-size: 16px;font-family: 'Roboto'; font-weight: 500;} .ques-print-new{font-size: 18px;font-weight: 500;margin-bottom: 10px;font-family: 'Roboto';} @media (max-width: 767px) { inputtextareaselect { font-size: 16px !Important; /* Required to prevent iPhone Safari from zooming inputs do not remove*/ } .answer_boxes_real_new{ display:block !important; } .answer_option_new{ width: 100% !important; padding-bottom: 8px !important; } .ai-main-div{ display: block !important; } .suggestions-wrapper { display: flex; flex-wrap: wrap; gap: 3%; /* max-height: 350px; overflow: auto; */ min-height: 200px; -webkit-overflow-scrolling: touch; /* iOS smooth scroll */ /* overscroll-behavior: contain; */ /* prevent parent/page scroll */ } .questionInputAI { margin-top: 6px; width: 74% !important; padding: 16px !important; box-sizing: border-box; border-radius: 9px; border: 0px solid #93C5FD; margin-bottom: 6px; } .ask-ai-container { width: 100%; /* max-width: 500px; */ padding: 10px 0 !important; border: 0px solid rgba(15302210.93); font-family: Arialsans-serif; /* background: #EFF6FF; */ border-radius: 6px; margin-bottom: 10px; } } .ask-own:hover { border-radius: 50px; border: 1px solid var(--ProProfs-AI-Grgba(15302210.93)); background: linear-gradient(142degrgba(15302210.09) 7.65%rgba(106902050.10) 34.7%rgba(01982550.10) 89.19%); } .suggestion-ai:hover { /* background: linear-gradient(142degrgba(15302210.05) 7.65%rgba(106902050.05) 34.7%rgba(01982550.05) 89.19%); border: 1.2px solid rgba(15302210.93); */ background: #0A53A8 !important; color: #fff !important; /* border: 1px #0A53A8 !important; */ } .ask-own { margin-top: 10px; color: #1870D5; cursor: pointer; /* font-weight: bold; */ font-size: 16px; padding: 7px 23px 8px 18px; border-radius: 47px; /* border: 1px solid #93C5FD; background: #fff; */ width: 227px; border: 1px solid var(--ProProfs-AI-Grgba(15302210.93)); cursor: pointer; } .learn-more-div:hover svg path { fill: #ffffff !important; } .quiz-me-more-div:hover svg path { fill: #ffffff !important; } @media (min-width: 768px) { /**Tooltip on option answer text */ .tooltip_text { position: relative; cursor: pointer; display: inline-block; } .tooltip_text .tooltiptext { visibility: hidden; width: 350px; /* adjust width */ max-height: 250px; /* set max height */ overflow-y: auto; /* add scroll if content is too long */ background-color: #333; color: #fff; text-align: left; border-radius: 6px; padding: 10px; position: fixed; /* fixed to viewport */ top: 50%; /* center vertically */ right: 128px; /* stick to right side */ transform: translateY(-50%); z-index: 1000; opacity: 0; transition: opacity 0.3s; white-space: normal; /* allow line wrapping */ min-height: 200px; font-size: 16px; font-weight: 400; color: #fff; } .tooltip_text:hover .tooltiptext { visibility: visible; opacity: 1; } .tooltiptext_new{ position: absolute !important; transform: translateY(-51%) !important; left: 305px !important; right:0px !important; } /* .tooltiptext_new::before { content: ""; position: absolute; top: 20px; left: -8px; border-width: 8px; border-: solid; border-color: transparent #333 transparent transparent; } .tooltip_text:hover .tooltiptext_new { visibility: visible; } */ } .questionInputAI { margin-top: 6px; /* display: none; */ width: 88%; padding: 12px !important; box-sizing: border-box; border-radius: 9px; font-size: 16px !important; border: 0px solid #93C5FD; margin-bottom: 6px; } .questionInputAI::placeholder{ font-size: 14px; font-weight: 400; color: #4d4d4d; } .questionInputAI:focus { outline: none; /* removes default blue outline */ box-shadow: none; /* removes glow in some browsers */ } .input-wrapper { display: block; gap: 8px; margin-top: 8px; /* border: 1px solid transparent; */ border-radius: 8px; /* background: linear-gradient(#fff#fff) padding-box/* inside (white background) *linear-gradient(142degrgba(15302210.93) 7.65%rgba(106902050.97) 34.7%#00C6FF 89.19%) border-box; */ border: 1px solid #ddd; } .questionInputAI { flex: 1; padding: 6px 10px; } .ask-button { padding: 10px 16px; border-radius: 29px; font-size: 14px; cursor: pointer; border: 1px solid transparent; border: 1px solid #0A53A8; background: none; /* White background with gradient border */ /* background: linear-gradient(#fff#fff) padding-box linear-gradient( 142deg, rgba(15302210.93) 7.65%, rgba(106902050.97) 34.7%, #00C6FF 89.19% ) border-box; */ /* transition: all 0.3s ease; */ } /* Hover state */ .ask-button:hover { color: #fff; /* make text solid white */ -webkit-text-fill-color: #fff; /* override gradient text */ background: #0A53A8 !important; /* background: linear-gradient( 142deg, rgba(15302210.93) 7.65%, rgba(106902050.97) 34.7%, #00C6FF 89.19% ) padding-box linear-gradient( 142deg, rgba(15302210.93) 7.65%, rgba(106902050.97) 34.7%, #00C6FF 89.19% ) border-box; */ border: 1px solid transparent; /* keep smooth edges */ } /* Gradient text */ .ask-button span { /* background: linear-gradient( 142deg, rgba(15302210.93) 7.65%, rgba(106902050.97) 34.7%, #00C6FF 89.19% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ color: #0A53A8; } .ask-button:hover span { background: none; -webkit-text-fill-color: #fff; } /* Chat container */ /* #ai-response-container { max-height: 400px; overflow-y: auto; padding: 10px; background-color: #f5f5f5; font-family: Arialsans-serif; } */ /* Common chat message s */ .chat-message { display: flex; margin-bottom: 8px; max-width: 100%; } /* Message bubble content */ .message-content { padding: 8px 3px; border-radius: 12px; font-family: Roboto; font-weight: normal; font-size: 18px; line-height: 1.4; word-wrap: break-word; } .message-content p { margin: 0; } .message-content br { line-height: 1em; } .message-content li { list-: disc; margin-left: 17px; } .message-content strong { font-weight: 500; } /* User message (rightblue) */ .user-message { margin-left: auto; justify-content: flex-end; margin-bottom: 20px; margin-top: 40px; } .user-message .message-content { background-color: #f5f5f5; color: #4d4d4d; border-radius: 21px; padding: 8px 25px; } /* AI message (leftlight gray) */ .ai-message { margin-right: auto; justify-content: flex-start; display: block; } .ai-message .message-content { /* background-color: #e5e5ea; */ color: black; border-bottom-left-radius: 4px; /* border: 1.2px solid var(--ProProfs-AI-Grgba(15302210.93)); */ /* background:linear-gradient(142degrgba(15302210.05) 7.65%rgba(106902050.05) 34.7%rgba(01982550.05) 89.19%); */ } /* Loader image alignment */ .ai-message .message-content img { vertical-align: middle; } #top-ad-area{height: 110px;padding: 10px 0;background: #F1F3F4;} ._container{width: 1060px;margin: 0 auto;} #header {background: #fff;} #header-logo-menu{padding: 8px 0;} .breadcrumb_top{margin-bottom: 10px;font-size: 12px;} #quiz-container {justify-content: space-between;margin-top: 0px;margin-bottom: 50px; float:left; margin-left:15px;} #quiz-question-area{width: 96%;position: relative;} #quiz-sidebar{height: 100px;width: 300px;} .opac_fifty{opacity:0.5} .jump_progress_container {align-items: center;width:100%;justify-content: space-between;} .ques-jump-progress-bar { align-items: center; padding-bottom: 10px; border: 1px solid #ccc; justify-content: space-between; padding-top: 10px; /* background: #f1f1f1; */ padding-left: 10px; padding-right: 10px; border-radius: 4px; display: none; } .next-prev-jump-move:hover{ background: #0A53A8; } .next-prev-jump-move:hover svg path { fill: white; } .ques-jump-progress-bar.fixed{position: fixed;top: 0;background: #fff;width: 750px;z-index: 99;} .ques-jump {align-items: center;justify-content: space-between;width: 100%;width: 222px;font-size: 16px;font-weight: 400;color: #4d4d4d;} .next-prev-jump-move { display: inline-flex; /* width: 50px; height: 25px; */ justify-content: center; align-items: center; background: #f1f1f1; /* border: 1px solid #B1D0E9; */ border-radius:50%; padding: 5px; } .ques-jump-progress-bar-new{ display: flex; align-items: center; gap: 13px; } .next-prev-jump-move:not(.opac_fifty){cursor: pointer;} .next-prev-jump-move > img {width: 7px;} .next-prev-jump-move.side_bar_view > img {width: 13px;} .progressBarMain{ /* margin-left: 10px; */ } #progressBar{width: 120px;height: 10px;background-image: url(/quiz-school/images/Grey-strip.png?v=1);border-radius: 5px;} #progressBar > div{height: 100%;background-image: url(/quiz-school/images/1px-strip.png?v=2);border-radius: 5px;} .progrspan {line-height: 7px;color: #2C7E20;padding-left: 5px;font-size: 11px;margin-top: 2px;} .ques-area-box:first-child{ /* margin-top: 20px; */ } .ques-area-box {margin-bottom: 20px;} .ques-answer-box {background: #FFFFFF; border: 1px solid #CCC; /* box-shadow: -1px 1px 4px 0 rgb(180 180 180 / 50%); */ border-radius: 4px; padding: 15px 10px; } .ques-print {font-size: 24px;font-weight: 500;color: #4d4d4d; line-height:1.2em;} .ques-print img{ display: block; margin-bottom: 10px; margin-top: 5px; height: auto; width: auto; border-radius: 23px; margin: 1% 0; } .responsive-container.image_area img { border-radius: 10px; } .ques_img_url {margin-top: 10px;} .labelHover {border: 1px solid #ddd;padding: 15px 2%;border-radius: 6px;display: flex;display: -webkit-flex;line-height: 24px;font-size: 18px;font-weight: 500;color: #4d4d4d;word-wrap: break-word;align-items: center;gap:4px;} .answer_option{width: 100%;margin-bottom: 10px;} /* .answer_option{width: 48%;margin-bottom: 10px;} */ .answer_option:last-child{margin-bottom: 0px;} .answer_option_new{width: 100%;} .ans_rdcbbox{width: 30px;} .ans_rdcbbox > div{position: relative;} .answer_text_container{width: calc(100% - 30px); /* z-index:1; */ } .radiochk {opacity: 0;position: absolute;top: -20%;left: -20%;display: block;width: 140%;height: 140%;margin: 0px;padding: 0px;background: rgb(255255255);border: 0px;} .icheckbox_square-blue { display: block; margin: 0; padding: 0; width: 22px; height: 22px; background: url(/quiz-school/skins/square/blue2.png) no-repeat; border: none; cursor: pointer; position: relative; } .iradio_square-blue { display: block; margin: 0; padding: 0; width: 20px; height: 20px; /* background: url(/quiz-school/skins/square/blue2.png) no-repeat; */ border: none; cursor: pointer; position: relative; } .iradio_square-blue.checked:after { content: ''; position: absolute; width: 10px; height: 10px; background: #1870D5; border-radius: 50%; top: 48%; left: 47%; transform: translate(-45%-45%); } .iradio_square-blue {background-position: -120px 0;} .answer_boxes_real .labelHover:hover{background: #EFF6FF;cursor: pointer;border: 1px solid #93C5FD;} .labelHover:hover .iradio_square-blue{background-position: -144px 0;} .labelHover .iradio_square-blue.checked {background-position: -168px 0;} .labelHover:hover .icheckbox_square-blue{background-position: -24px 0;} .labelHover .icheckbox_square-blue.checked {background-position: -48px 0;} .input_quiz_text {padding: 4px 2px;background-color: #fff;border-radius: 4px;width: 213px;height: 37px;font-size: 16px;border: 1px solid #aaa;} .m_txtbxara {margin-top: 10px;} .m_txtbxara textarea{width: 450px;height: 130px;border-radius: 4px;padding:10px;font-size: 16px;font-family: 'Roboto';} .type_here_ans {display: inline-block;margin-top: 10px;} .match_optionBox{width: 450px;margin-top: 10px;} .match_ansopt {display: flex;display: -webkit-flex;width: 100%;margin-bottom: 25px;font-size: 18px;} .match_ansopt:last-child{margin-bottom: 0;} .match_ansopt > div {width: 50%;} .sel_combo {border: 1px solid #aaa;padding: 5px;width: 175px;border-radius: 4px;font-size: 16px;color: #4d4d4d;} .match_left label {padding-top: 5px;display: inline-block;} .mob_img_container {margin-top: 10px;} .new_bottom_next_btn {width: 100%;height: 56px;font-size: 24px;margin-top: 15px;color: #fff;background-color: #1870D5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 38px;cursor: pointer;display: inline-block;text-align: center;-webkit-user-select: none;padding: 10px 24px;line-height: 35px;} .new_bottom_next_btn:hover {background: #0A53A8 !important;box-shadow: 0 4px 5px 0 rgb(118 125 144 / 33%);} .new_bottom_next_btn span {vertical-align: middle;-moz-animation: ani_bounce 1s infinite;-webkit-animation: ani_bounce 1s infinite;animation: ani_bounce 1s infinite;display: inline-block;position: relative;top: 1px;} .new_bottom_next_btn.in_qbox {width: 120px;height: 32px;font-size: 16px;line-height: 12px;margin-top: 10px;background: #1870d5 !important;border-radius: 18px;} .new_bottom_next_btn.in_qbox:hover {background: #0A53A8 !important;} .new_bottom_next_btn_rating {width: 100%;height: 56px;font-size: 24px;margin-top: 15px;color: #fff;background-color: #1870D5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 38px;cursor: pointer;display: inline-block;text-align: center;-webkit-user-select: none;padding: 10px 24px;line-height: 35px;} .new_bottom_next_btn_rating:hover {background: #0A53A8 !important;box-shadow: 0 4px 5px 0 rgb(118 125 144 / 33%);} .jump_next_ques_btn{ width: 100%; height: 48px; font-size: 24px; margin-bottom1: 30px; color: #fff; background-color: #1870D5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 35px; cursor: pointer; display: inline-block; text-align: center; -webkit-user-select: none; padding: 6px 24px; line-height: 35px; margin-bottom: 12px; } .jump_next_ques_btn:hover{background:#0A53A8;box-shadow: 0 4px 5px 0 rgb(118 125 144 / 33%);} .jump_next_ques_btn span{vertical-align: middle;-moz-animation: ani_bounce1 1s infinite;-webkit-animation: ani_bounce1 1s infinite;animation: ani_bounce1 1s infinite;display: inline-block;position: relative;top: 1px;top: -20px;left: 10px;} #ques-box-container .header-desk-top-ad.body-desk-top-ad.marg-tb{margin: 30px 0;} .answer_boxes{position: relative;column-gap:29px;} .load_overlay {position: absolute;width: 100%;background: rgb(255 255 255 / 70%);height: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;z-index: 9;} .showRightBox.showRightBoxPQ { background-color: #eefdf3 !important; color: #008238 !important; border: 1px solid #00c84f !important; } .showWrongBox { background-color: #fcf3f3; color: #c10007; border: 1px solid #fb2c36; } .answer_boxes_resp.Right .showRightBox{background: none;} /* .answer_boxes_resp.Right .showRightBox:before{content: "";background: #6ece53;position: absolute;left: -1px;width: calc(100% + 1px);height: calc(100% + 1px);top: -1px;transition: 0.3s all;z-index: 0;border-radius: 4px;animation: bg_fill 1s;-webkit-animation: bg_fill 1s;-moz-animation:bg_fill 1s;} */ @-moz-keyframes bg_fill {0% {width:0} 100% {width: calc(100% + 1px);}} @-webkit-keyframes bg_fill {0% {width:0} 100% {width: calc(100% + 1px);}} @keyframes bg_fill {0% {width:0} 100% {width: calc(100% + 1px);}} .answer_boxes_resp.Wrong .showWrongBox.answer_boxes_resp.Wrong .showRightBox{animation: blink_4 0.4s;-webkit-animation: blink_4 0.4s;-moz-animation:blink_4 0.4s; animation-iteration-count:4;} @-moz-keyframes blink_4 {0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes blink_4 {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes blink_4 {0% {opacity: 0;} 100% {opacity: 1;}} .res_result_show{position: relative;} .practice_next_btn{ font-size: 14px; border: 1px solid #0A53A8; border-radius: 18px; color: #3b5998; font-weight: 400; /* width: 110px; */ text-align: center; /* height: 30px; */ line-height: 28px; cursor: pointer; z-index: 1; top: 0px; padding: 3px 20px 3px 23px; font-weight: 500; display: none; } /* .practice_next_btn:before{content: "";background: #0A53A8;position: absolute;left: -1px;width: 0;height: calc(100% + 1px);top: -1px;transition: 0.3s all;z-index: 0;border-radius: 18px;z-index: -1;} */ .practice_next_btn:hover:before{width: calc(100% + 1px);} .practice_next_btn:hover{color:#fff; background:#0A53A8;} .practice_next_btn:hover svg path{fill:#fff;} .diffi_animate:before{content: "";position: absolute;width: 0;background: rgb(11020683);transition: all 0.5s ease 0s;height: 23px;} .res_result_show {font-size: 25px;font-weight: 500;align-items: center;margin-bottom: 5px !important;} .resp_result_sml {margin-right: 10px;} .resp_result{width:calc(100% - 50px)} .res_result_show.Right.fillin_type_ur.Right span.match_corr.match_corr select{color:#6ece53;} .res_result_show.Wrong.fillin_type_ur.Wrong span.res_result_show.Unanswered.match_incorr.match_incorr select{color:#f35f5d;} .res_result_show.Wrong{color: #F44336; background: #F9E8E7; border-radius: 5px; border-left: 5px solid #F44336; padding: 10px 5px; margin-bottom: 10px !important; } .res_result_show.Right { color: #008238 !important; background: #E8F3E9; border-radius: 5px; border-left: 5px solid #4CAF50; padding: 10px 5px; margin-bottom: 10px !important; } .match_corr_incorr{font-size: 12px;margin-top: 5px;padding-left: 20px;} .match_incorr .match_corr_incorr{background: url(/quiz-school/img/icon/Quiz-Icons_10.png) left center no-repeat;} .match_corr .match_corr_incorr{background: url(/quiz-school/img/icon/Quiz-Icons_08.png) left center no-repeat;} .match_correct_answer {color: #6ece53;font-size: 12px;margin-top: 10px;} .essay_answered{margin-top: 10px;} .feedback_xpln { margin-top: 10px; border: 1px solid #93C5FD; border-radius: 6px; margin-bottom: 15px; background: #EFF6FF; color: #4d4d4d; } .explain_xpln{display:none;} .feedback_xpln > p { font-size: 18px; font-weight:500; color: #4d4d4d; } .xpln_text {margin-top: 10px; padding:6px;} .xpln_text > p { font-size: 18px; /* padding: 6px; */ line-height: 18px; /* color: #4d4d4d; */ line-height: 1.4em; } .fillin_type_cr_ans {margin-top: 20px; margin-bottom: 10px; font-size: 18px;} .fillin_type_cr_ans > div {align-items: center;margin-top: 5px;color:#6ece53;font-size: 18px;} .fillin_type_cr_ans > div > span{margin-right: 10px;} .fillin_type_ur {align-items: center;font-size: 18px;} span.fillin_wr{width: 25px;height: 25px;display: inline-block;margin-right: 10px;} .fillin_type_ur.Wrong .fillin_wr{ background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23F44336'/%3E%3Cg transform='translate(6,6) scale(1)'%3E%3Cpath d='M11 1L1 11' stroke='%23F44336' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L11 11' stroke='%23F44336' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; } .fillin_type_ur.Right .fillin_wr{ background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%234CAF50'/%3E%3Cpath d='M17 8.875L8.75 17.125L5 13.375' stroke='%234CAF50' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; } .rate_this_your_score {width: 100%;justify-content: space-between;margin-top: 25px;} .your_score {font-weight: 600;font-size: 18px;margin-right: 140px;display: none;} .your_score_only {color: #2C7E20;} .thump_sel{ /* margin-left: 10px; */ } .thumpsup_cls { height: 24px; display: inline-flex; background-repeat: no-repeat; background-position: 5px 3px; vertical-align: middle; cursor: pointer; background-color: #eee; color: #4d4d4d; align-items: center; justify-content: flex-end; margin: 5px; width: auto; min-width: 54px; border-radius: 4px; } .thumpsup_cls { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.027 14.7749L6.1 14.6659C5.575 14.6659 4.287 14.5659 4.036 14.5659H1.913C1.6711 14.5651 1.43934 14.4686 1.26829 14.2976C1.09724 14.1265 1.00079 13.8948 1 13.6529V7.19486C1.00079 6.95296 1.09724 6.72119 1.26829 6.55014C1.43934 6.37909 1.6711 6.28265 1.913 6.28186H4.036C4.25493 6.28418 4.46574 6.3651 4.63 6.50986C4.653 6.48686 4.698 6.48686 4.721 6.46386C4.812 6.44086 6.936 5.80186 6.936 3.99786V1.57786C6.93767 1.47539 6.97162 1.37606 7.03303 1.294C7.09443 1.21195 7.18016 1.15136 7.278 1.12086C7.63803 1.00825 8.01808 0.974428 8.39233 1.02171C8.76659 1.06898 9.12629 1.19625 9.447 1.39486C9.74645 1.64621 9.97996 1.9669 10.1272 2.32906C10.2745 2.69121 10.3311 3.08386 10.292 3.47286V5.50486H13.192C13.7426 5.50671 14.27 5.72623 14.6593 6.11553C15.0486 6.50483 15.2682 7.03231 15.27 7.58286V7.65086L14.47 12.7649C14.4445 13.0584 14.3608 13.3439 14.2236 13.6046C14.0863 13.8654 13.8985 14.0961 13.6709 14.2833C13.4434 14.4705 13.1808 14.6104 12.8985 14.6948C12.6162 14.7792 12.3199 14.8064 12.027 14.7749Z' stroke='%234E4E4E' stroke-width='0.5'/%3E%3Cpath d='M4.5 14.7744V6.27539' stroke='%234E4E4E' stroke-width='0.5'/%3E%3C/svg%3E"); } #like:hover path { fill: #0BAD51 !important; } .thump_sel:not(.done) .thumpsup_cls:hover.thump_sel:not(.done) .thumpsup_cls:focus.thumpsup_con { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.027 14.7749H6.046C5.55057 14.7808 5.07057 14.6026 4.699 14.2749C4.61558 14.3681 4.51362 14.443 4.39963 14.4947C4.28564 14.5463 4.16214 14.5736 4.037 14.5749H1.913C1.6711 14.5741 1.43934 14.4776 1.26829 14.3066C1.09724 14.1355 1.00079 13.9038 1 13.6619V7.19486C1.00079 6.95296 1.09724 6.72119 1.26829 6.55014C1.43934 6.37909 1.6711 6.28265 1.913 6.28186H4.036C4.25493 6.28418 4.46574 6.3651 4.63 6.50986C4.653 6.48686 4.698 6.48686 4.721 6.46386C4.812 6.44086 6.936 5.80186 6.936 3.99786V1.57786C6.93767 1.47539 6.97162 1.37606 7.03303 1.294C7.09443 1.21195 7.18016 1.15136 7.278 1.12086C7.63803 1.00825 8.01808 0.974428 8.39233 1.02171C8.76659 1.06898 9.12629 1.19625 9.447 1.39486C9.74645 1.64621 9.97995 1.9669 10.1272 2.32906C10.2745 2.69121 10.3311 3.08386 10.292 3.47286V5.50486H13.192C13.7426 5.50671 14.27 5.72623 14.6593 6.11553C15.0486 6.50483 15.2682 7.03231 15.27 7.58286V7.65086L14.47 12.7649C14.4445 13.0584 14.3608 13.3439 14.2236 13.6046C14.0863 13.8654 13.8985 14.0961 13.6709 14.2833C13.4434 14.4705 13.1808 14.6104 12.8985 14.6948C12.6162 14.7792 12.3199 14.8064 12.027 14.7749Z' fill='%2361A42D'/%3E%3Cpath d='M4.5 14.7744V6.27539' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E"); } #Dislike:hover path { fill: #0BAD51 !important; } .thumpsdwn_cls { height: 24px; display: inline-flex; background-repeat: no-repeat; background-position: 5px 3px; vertical-align: middle; cursor: pointer; background-color: #eee; color: #4d4d4d; align-items: center; justify-content: flex-end; margin: 5px; width: auto; min-width: 54px; border-radius: 4px; } .thumpsdwn_cls { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.028 0.999959L6.1 1.10996C5.575 1.10996 4.287 1.20996 4.036 1.20996H1.913C1.6711 1.21075 1.43934 1.30719 1.26829 1.47824C1.09724 1.64929 1.00079 1.88106 1 2.12296V8.58496C1.00079 8.82686 1.09724 9.05862 1.26829 9.22967C1.43934 9.40072 1.6711 9.49717 1.913 9.49796H4.036C4.25493 9.49564 4.46574 9.41472 4.63 9.26996C4.653 9.29296 4.698 9.29296 4.721 9.31596C4.812 9.33896 6.936 9.97796 6.936 11.782V14.202C6.93767 14.3044 6.97162 14.4038 7.03303 14.4858C7.09443 14.5679 7.18016 14.6285 7.278 14.659C7.63803 14.7716 8.01808 14.8054 8.39233 14.7581C8.76659 14.7108 9.12629 14.5836 9.447 14.385C9.74645 14.1336 9.97996 13.8129 10.1272 13.4508C10.2745 13.0886 10.3311 12.696 10.292 12.307V10.27H13.192C13.7426 10.2681 14.27 10.0486 14.6593 9.65929C15.0486 9.26999 15.2682 8.74251 15.27 8.19196V8.12396L14.47 3.00896C14.4444 2.7156 14.3606 2.4303 14.2234 2.16975C14.0862 1.90919 13.8984 1.67863 13.671 1.49154C13.4436 1.30446 13.1811 1.16462 12.899 1.08021C12.6169 0.995805 12.3208 0.968521 12.028 0.999959Z' stroke='%234E4E4E' stroke-width='0.5'/%3E%3Cpath d='M4.5 1V9.5' stroke='%234E4E4E' stroke-width='0.5'/%3E%3C/svg%3E"); } .thump_sel:not(.done) .thumpsdwn_cls:hover.thump_sel:not(.done) .thumpsdwn_cls:focus.thumpsdwn_con { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.028 0.998982H6.046C5.55057 0.993046 5.07057 1.17122 4.699 1.49898C4.61558 1.4057 4.51362 1.33084 4.39963 1.27919C4.28564 1.22753 4.16214 1.20021 4.037 1.19898H1.913C1.6711 1.19977 1.43934 1.29622 1.26829 1.46727C1.09724 1.63832 1.00079 1.87008 1 2.11198V8.57398C1.00079 8.81588 1.09724 9.04765 1.26829 9.2187C1.43934 9.38974 1.6711 9.48619 1.913 9.48698H4.036C4.25493 9.48466 4.46574 9.40375 4.63 9.25898C4.653 9.28198 4.698 9.28198 4.721 9.30498C4.812 9.32798 6.936 9.96698 6.936 11.771V14.191C6.93767 14.2935 6.97162 14.3928 7.03303 14.4748C7.09443 14.5569 7.18016 14.6175 7.278 14.648C7.63803 14.7606 8.01808 14.7944 8.39233 14.7471C8.76659 14.6999 9.12629 14.5726 9.447 14.374C9.74645 14.1226 9.97995 13.8019 10.1272 13.4398C10.2745 13.0776 10.3311 12.685 10.292 12.296V10.269H13.192C13.7426 10.2671 14.27 10.0476 14.6593 9.65831C15.0486 9.26901 15.2682 8.74153 15.27 8.19098V8.12298L14.47 3.00798C14.4444 2.71463 14.3606 2.42932 14.2234 2.16877C14.0862 1.90822 13.8984 1.67765 13.671 1.49057C13.4436 1.30349 13.1811 1.16365 12.899 1.07924C12.6169 0.994828 12.3208 0.967544 12.028 0.998982Z' fill='%23F46464'/%3E%3Cpath d='M4.5 1V9.5' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E"); } .thump_sel input {display: none;} .rate_this_ques {align-items: center;justify-content: space-between;} label.thumps_area {margin-right: 8px;} #preload_images{display: none !important;} .final_submit {margin-top: 0;margin-bottom: 30px;} .vote_up_val.vote_down_val {padding-right: 5px;font-size: 12px;font-weight:400;} .tick_image_area_thanks {text-align: center;} .thumpsup_text {color: #4d4d4d;font-size: 20px;margin: 15px;} .title_cls {color: #4d4d4d;font-size: 16px;padding: 10px;} .text_cls {width: 300px;height: 30px;font-size: 16px;border-radius: 0em;padding-left: 2px;margin-left: 8px;} .rate_text_area.selectiontext {color: #4d4d4d;font-size: 16px;margin-top: 15px;margin-left: 10px;} .boxwrapper {margin: 10px 0px 10px 10px;} .row1.row2 {float: left;width: 100%;margin: 10px 0px 10px 0px;} .selectionbox1.selectionbox2.selectionbox3.selectionbox4 {float: left;width: 33%;background-color: #f1f1f1;padding: 20px 10px 20px 10px;font-size: 16px;} .selectionbox2.selectionbox4 {margin: 0px 0px 0px 30px;} .radiocover {float: left;margin: 3px 9px 0px 0px;} .boxwrapper label {margin-bottom: 0px;color: #3b5998;} .boxwrapper label:hover.boxwrapper label:focus {margin-bottom: 0px;color: #3b5998;color: #4d4d4d;cursor: pointer;} .tick_image_area {margin-left: 12px;} .pp_btn{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;cursor: pointer;display: inline-block;font-weight: 600;text-align: center;text-decoration: none;-moz-user-select: none;-webkit-user-select: none;padding: 10px 24px;color: #fff;background-color: #3c8ac9;border: none;background-image: none;font-size: 15px;} .pp_btn:hover{background-color: #337ab4;} #submit_poor{margin-top: 10px;} .rate_text_blck {height: 60px;width: 393px;font-size: 16px;font-family: roboto;color: #4d4d4d;padding: 5px;margin: 10px 0px 10px 12px;border-radius: 0px;} .improve_it {color: #4d4d4d;font-size: 16px;font-weight: 600;} #overlay2 {display: none;height: 100%;left: 0;position: fixed;top: 0;transition: all .2s linear 0s;width: 100%;z-index: 99999;background-color: rgba(0000.4);} .jump_slide_blk{width: 600px;position: fixed;top: 0px;right: -100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;bottom: 0;padding: 20px 5px 20px 2px;background: #fff;-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.3);-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,0.3);box-shadow: 0 0 9px 0 rgba(0,0,0,0.3);font-family: Roboto,sans-serif;cursor: pointer;text-align: initial;z-index: 999999;} .jump_slide_blk.vi_hidden{visibility: hidden;} .jump_cross_free{width: 18px !important;margin-right: 15px;float: right;} .tab-container ul {list-: none;transition: .6s ease-in-out;border-bottom: 1px solid #E5E3E3;padding-left: 35px;} .tabs {display: inline-flex;cursor: pointer;padding: 16px;color: #3b5998;} .wid_size {font-size: 16px;} .tabs.active {border-bottom: 2px solid #3B5998;color: #4d4d4d;} .all_area {margin-top: 2px;} .all_cls {width: 14px !important;margin-left: 10px;margin-right: 10px;} .unans_area.answer_area {margin-top: 0px;} .unans_cls.answered_cls {width: 18px !important;margin-left: 10px;margin-right: 10px;} .tabmenu{margin-bottom:0;} .tab-contents {padding: 5px;overflow-x: auto;} .position_set {border: 1px solid #ddd;background-color: #f0f0f0;margin: -1px;} .tab-content {padding: 6px;width: 100% !important;float: left;font-size: 14px;} .tab-content .jump_btn{border: none;margin: 5px !important;width: 35px;height: 35px;cursor: pointer;border-radius: 50%;border: 0.5px solid #e0e0e0;background-color: #ffffff;} .qtip.qtip-dark.qtip-active {z-index: 9999999999999 !important;} .jump_slide_blk input.jump_btn.jump_answered_cls.jump_slide_blk input.jump_btn:hover {background: #398ac9 !important; color: #fff;} .jump_slide_blk input.jump_btn.jump_answered_cls_Wrong{background: #f35f5d !important;color: #fff;} .jump_slide_blk input.jump_btn.jump_answered_cls_Right{background: #6ece53 !important;color: #fff;} .jump_slide_blk input.jump_btn {background: #f5f5f5 !important;} .jump_slide_blk input[rel="white"]{background: #fff !important;} .jump_slide_blk .tab-content{position: relative;} span.bg_img_show_side {width: 42px;height: 42px;display: inline-block;background-size: cover !important;background-position: center;position: absolute;top: 0;bottom: 0;margin: auto;margin-left: 6px;} #jump_loader{float: left;margin-top: 3px;margin-left: 10px;display: none;} .question_text_area{ color: #4d4d4d; font-size: 18px; line-height: 26px; } #ques-box-container .quiz_img_holder img{ /* width: 194px !important; */ max-width: 322px !important; border-radius: 18px !important; height: auto !important; border: 1px solid #d6d6d6; } #ques-box-container .quiz_img_holder{ margin: 11px 0px; /* border: 1px solid #ddd; */ border-radius: 10px; } #ques-box-container .question_text{ width: 73%; } .question_text_area:hover{color: #4d4d4d;} .tabmenu{ white-space: nowrap; overflow-x: auto; width: 100%; } .tabmenu::-webkit-scrollbar-track{ -webkit-box-shadow:none; background-color:transparent; } .tabmenu::-webkit-scrollbar{ height: 1px; background-color: #ddd;} .tabmenu::-webkit-scrollbar-thumb{ background-color: #ccc; } .qtip-contentWrapper {font-size: 14px;} .m_logo {float: left;} .nav.navbar-right > li {float: left;padding-bottom: 7px;margin: 0 10px;} .nav>li.nav>li>a {display: block;position: relative;} .navbar_control.new-ver > ul > li > a {padding: 7px;border-radius: 4px;} .dropdown-menu {position: absolute;top: 98%;left: 0;z-index: 1000;display: none;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-: none;background-color: #fff;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);right: 0;left: auto;} .product-drop-new .dropdown-menu1 {display: none;background-clip: padding-box;border-radius: 0;box-shadow: 0 6px 12px rgb(77 77 77 / 18%);float: left;font-size: 14px;right: -12px;list-: none;margin: 0px;min-width: 180px;padding: 5px 0;position: absolute;text-align: left;z-index: 1000;background-color: #fff;top: 34px;right: -10px;} .product-drop-new {position: relative;margin-top: 12px;float: left;width: 30px;margin-left: 35px;height: 34px;} .new-search-top {float: left;margin-top: 1px;margin-left: 35px;} .new-search-top .search_text {position: relative;} .new-search-top #searchquizz {padding-left: 10px;height: 35px;border-radius: 4px;width: 175px;border-color: #ccc;padding-right: 35px;border: 1px solid #ccc;font-size: 14px;} .new-search-top .search-btn-new {background: url(/quiz-school/img/search.png) 2px center no-repeat;width: 35px;height: 35px;position: absolute;right: 0;top: 0;} .navbar_control.new-ver {font-size: 14px;} .all-dots {display: block;padding: 10px;border-radius: 50%;text-align: center;position: absolute;width: 38px;height: 37px;top: -10px;} .nav.navbar-right {float: left !important;} .nav.navbar-right > li:last-child{margin-right:0;} .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;} li.dropdwn-row.soln-drp {width: 33%;display: block;float: left;} .dropdwn-row.soln-drp ul {padding: 3px 15px;} li.dropdown .dropdown-menu .dropdwn-row ul li a {clear: both;display: block;font-size: 14px;font-weight: 400;line-height: 1.42857;padding: 6px 20px;white-space: nowrap;color: #3b5998;} li.dropdown .dropdown-menu .dropdwn-row ul li a:hover{color: #4d4d4d;} .dropdown-toggle:hover+ul.dropdown-menu:hover {display: block;} .product-drop-new:hover .dropdown-menu1.product-drop-new > span:hover .dropdown-menu1{display: block; } .product-drop-new > .all-dots:hover.all-dots.showBG{background: #f8f8f8;} input[type=text].col-search-new::-webkit-input-placeholder { color: #a7a7a7; } .navbar-right .dropdown-menu.show-menu.dropdown-menu1.show-menu.open>.dropdown-menu {display: block !important;} .navbar_control.new-ver > ul > li > a:hover.navbar_control.new-ver > ul > li.dropdown.open > a.dropdown-toggle {background-color: #388bd1;color: #fff!important;} ul.products#product-menu li aul.products#product-menu li a:hover {background: none;padding: 5px 5px 5px 10px !important;margin-top: 0 !important;} ul.products li.quizpp.active .icon-prds {background-position: 0 3px!important;} ul.products li .icon-prds {background: url(/api/includes/global/images/product_icons3.png?v=11) no-repeat;border: none;display: inline-block;float: left;height: 30px;vertical-align: middle;width: 35px;} .product-drop-new .dropdown-menu1 li a {padding: 5px 5px 5px 10px !important;width: 100%;display: table;line-height: 30px;font-size: 14px;font-family: roboto,sans-serif;font-weight: normal;margin-top: 0 !important;} ul.products li.quizpp .icon-prds{background-position: 0 -36px!important;} ul.products li.quizpp:hover .icon-prds {background-position: 0 3px!important;} ul.products li.trainingpp:hover .icon-prds {background-position: 0 -74px!important;} ul.products li.knowledgepp .icon-prds {background-position: 0 -663px!important;} ul.products li.surveypp .icon-prds {background-position: 0 -742px!important;} ul.products li.chatpp .icon-prds {background-position: 0 -187px!important;} ul.products li.projectpp .icon-prds {background-position: 0 -270px!important;} ul.products li.helpdesk .icon-prds {background-position: 0 -977px!important;} li.collaborate .icon-prds {background-position: 0 -1131px!important;} ul.products li.cardspp .icon-prds {background-position: 0 -350px!important;} ul.products li.discusspp .icon-prds {background-position: 0 -428px!important;} ul.products li.gamespp .icon-prds {background-position: 0 -501px!important;} ul.products li.showcasepp .icon-prds {background-position: 0 -579px!important;} ul.products li:last-child .icon-prds {background-position: 0 -824px;} ul.products li.trainingpp .icon-prds {background-position: 0 -111px!important;} ul.products li.knowledgepp:hover .icon-prds {background-position: 0 -621px!important;} ul.products li.surveypp:hover .icon-prds {background-position: 0 -702px!important;} ul.products li.surveypp:hover .icon-prds {background-position: 0 -702px!important;} ul.products li.chatpp:hover .icon-prds {background-position: 0 -148px!important;} ul.products li.projectpp:hover .icon-prds {background-position: 0 -229px!important;} ul.products li.helpdesk:hover .icon-prds {background-position: 0 -940px!important;} li.collaborate:hover .icon-prds {background-position: 0 -1091px!important;} ul.products li.cardspp:hover .icon-prds {background-position: 0 -311px!important;} ul.products li.cardspp:hover .icon-prds {background-position: 0 -311px!important;} ul.products li.gamespp:hover .icon-prds {background-position: 0 -466px!important;} ul.products li.showcasepp:hover .icon-prds {background-position: 0 -539px!important;} ul.products li:last-child:hover .icon-prds {background-position: 0 -784px;} ul.products li.discusspp:hover .icon-prds {background-position: 0 -388px!important;} i.icon-cross {background: url(/api/includes/global/images/close-btn.png);height: 30px;width: 30px;display: block;background-repeat: no-repeat;cursor: pointer;} li.dropdown .dropdown-menu .dropdwn-row ul li a:focus {background: #eee;border: 0;border-radius: 5px;color: #000;} @-moz-keyframes ani_bounce {0%100% {-moz-transform: translateX(12px);transform: translateX(12px);} 62% {-moz-transform: translateX(24px);transform: translateX(24px);}} @-webkit-keyframes ani_bounce { 0%100% {-webkit-transform: translateX(12px);transform: translateX(12px);} 62% {-webkit-transform: translateX(24px);transform: translateX(24px);}} @keyframes ani_bounce { 0%100% {-moz-transform: translateX(12px);-ms-transform: translateX(12px);-webkit-transform: translateX(12px);transform: translateX(12px);} 62% {-moz-transform: translateX(24px);-ms-transform: translateX(24px);-webkit-transform: translateX(24px);transform: translateX(24px);}} @-moz-keyframes ani_bounce1 {0%100% {-moz-transform: translateY(12px);transform: translateY(12px);} 62% {-moz-transform: translateY(24px);transform: translateY(24px);}} @-webkit-keyframes ani_bounce1 { 0%100% {-webkit-transform: translateY(12px);transform: translateY(12px);} 62% {-webkit-transform: translateY(24px);transform: translateY(24px);}} @keyframes ani_bounce1 { 0%100% {-moz-transform: translateY(12px);-ms-transform: translateY(12px);-webkit-transform: translateY(12px);transform: translateY(12px);} 62% {-moz-transform: translateY(24px);-ms-transform: translateY(24px);-webkit-transform: translateY(24px);transform: translateY(24px);}} .realted_featured_box.first_box{margin-top: 20px;} .new_design_rel_topic ul{padding-left: 0 !important;} .new_design_rel_topic ul li{display: inline-block;box-shadow: 0px 0px 5px 1px #d1d1d1;border-radius: 4px;text-align: center;padding: 10px 14px !important;margin-right: 15px;line-height: 15px;margin: 10px 15px 7px 0;background: #fff;} .new_design_rel_topic li a{font-size: 13px !important;font-family: roboto,sans-serif;padding-top: 6px;padding-bottom: 6px;font-weight: normal !important;} .new_design_rel_topic li a:hover{text-decoration: none;color: #4d4d4d !important;} .realted_featured_box .m_relatedtopics.new_design_rel_topic .m_relatedtopics{margin-bottom: 15px;color: #4d4d4d !important;} .quiz-div-row{display: flex;display: -webkit-flex;flex-wrap: wrap;margin: 0 -5px;} .quiz-div-col {width: 31.84%;box-shadow: 0px 0px 5px 1px #d1d1d1;border-radius: 4px;overflow: hidden;background: #fff;margin: 0 5px;} .quiz-img-top {height: 118px;background: url(/quiz-school/topic/images/Miscellaneous/thumb/Miscellaneous2.jpg); background-size: contain !important;background-repeat: no-repeat !important;background-position: top center !important;border-top-left-radius: 4px;border-top-right-radius: 4px;} .quiz-div-col a{padding: 10px;text-align: center;display: block;color: #3b5998;font-size: 14px;text-transform: capitalize;} .quiz-div-col:hover a.quiz-div-col a:hover{text-decoration: none;color: #4d4d4d;} .quiz-img-top{-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;} .quiz-div-col:hover .quiz-img-top{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .realted_featured_box.topic_content.new_design_rel_topic{margin-top: 50px;} .realted_featured_box .m_relatedtopics{padding: 0;} .new_design_rel_topic .m_relatedtopics{padding: 0;margin: 25px 0 0 0 !important;} .m_relatedtopics {font-size: 16px;padding: 5px 4px 4px;font-weight: 700;margin-top: 5px;} .ad_fix_right{position:fixed !important;top:0px;} .mobile_sticky_last{position: fixed;bottom: 0;z-index: 9999999999;left: 0;right: 0;background: rgba(247,247,247,.9);} .mobile_sticky_last .new_ad_wrapper_all{margin: auto;} .in_mob{display: none;} div#side-share-btn {width: 34px;height: 50px;position: absolute;left: -60px;top: 90px;} div#side-share-btn li {width: 34px;height: 34px;margin-bottom: 5px;cursor: pointer;} #shr-facebook:hover #Oval_Copy_2{fill: #3B5598;} #shr-twitter:hover #Oval_Copy_3{fill: #08A0E9;} #shr-embed:hover #Oval_Copy_4{fill: #42A5F5;} #shr-thumblr:hover #Oval_Copy_2{fill: #35465C;} #shr-reddit:hover #Oval_Copy_4{fill: #FF4301;} #shr-pin:hover #Oval_Copy_2{fill: #E60023;} #shr-link:hover #Oval_Copy_3{fill: #42A5F5;} #shr-less-more:hover #Oval_Copy_4{fill: #888888;} #shr-facebook:hover #Group#shr-twitter:hover #Group#shr-embed:hover #Icon_awesome-code#shr-thumblr:hover #Icon_simple-tumblr#shr-reddit:hover #Icon_awesome-reddit-alien#shr-pin:hover #Icon_awesome-pinterest-p{fill: #fff;} #shr-link:hover path{stroke:#fff;} .form-login-wrapper{width: 100% !important;} #main_content{padding-left: 20px !important;} .shr_link .fancybox-close{top: -18px !important;right: -18px !important;} .shr_link .fancybox-outer {width: auto !important;height: auto !important;margin-left: 0px !important;} .fancybox-inner .switch-toggle{width: 200px !important;} .share-embed-code{width:540px;height:135px;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #f6f6f6;border-color:#a4a4a4 #b9b9b9 #b9b9b9;border-image:none;border-radius:3px 3px 3px 3px;border-right:1px solid #b9b9b9;border-:solid;border-width:1px;box-shadow:0 1px 0 #fff,0 1px 1px rgba(0,0,0,.17) inset;color:#666;font-size:13px;margin-bottom:0;margin-top:0;padding:7px 10px}.share-embed-code:focus{background:none repeat scroll 0 0 #fff;border-color:#4496e7;color:444444;outline:0}.share-panel-embed-container{clear:both;margin:0;padding:18px 0 0}.share-embed-code-description{font-size:11px;padding-top:6px;padding-left:14px}share-panel-embed-container p{line-height:1.4;margin-bottom:10px}.share-panel-embed-container form{overflow:auto}.share-embed-size-list{margin:13px min-width:500px;overflow:visible}.share-embed-size{border:1px solid #fff;cursor:pointer;float:left;margin:4px;padding:4px}.share-embed-size.custom{text-align:right}.share-embed-size:hover{border:1px solid #fff!important}.share-embed-size.selected{background:none repeat scroll 0 0 #d8e6fb;border:1px solid #a0b3d9}.share-embed-size>label{display:block;text-align:center}label{cursor:pointer}.share-embed-size-radio{display:none}.share-embed-size .share-embed-size-name{color:#666;display:block;white-space:nowrap;font-size:13px!important;font-weight:400}.share-embed-size.default.wide .share-embed-size-box{height:27px;width:49px}.share-embed-size.default .share-embed-size-box{height:32px;margin-left:4px;width:42px}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #ddd;border:1px solid #999;display:block;margin:auto 0;padding:1px}.share-embed-size-box{height:31px;width:56px}.share-embed-size.medium.wide .share-embed-size-box{height:32px;width:55px}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #ddd;border:1px solid #999;display:block;margin:auto 0;padding:1px}.share-embed-size.large.wide .share-embed-size-box{height:35px;width:64px}.share-embed-size.large .share-embed-size-box{height:47px;width:63px}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #ddd;border:1px solid #999;display:block;margin:auto 0;padding:1px}.share-embed-size.hd720.wide .share-embed-size-box{height:42px;width:75px}.share-embed-size.hd720 .share-embed-size-box{height:63px;width:84px}.share-embed-size .share-embed-size-box{background:none repeat scroll 0 0 #ddd;border:1px solid #999;display:block;margin:auto 0;padding:1px}.share-embed-customize{padding:.5em}.share-embed-size.custom .share-embed-customize input{width:3em}.form-input-text{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #f6f6f6;border-color:#a4a4a4 #b9b9b9 #b9b9b9;border-image:none;border-radius:3px 3px 3px 3px;border-right:1px solid #b9b9b9;border-:solid;border-width:1px;box-shadow:0 1px 0 #fff,0 1px 1px rgba(0,0,0,.17) inset;color:#666;font-size:13px;margin-bottom:0;margin-top:0;padding:7px 10px;width:250px}.share-embed-customize li{margin:.25em} .mob_body_ads {width: 320px;margin: auto;} .mob-mrg{margin-top:0px;margin-bottom: 0px;} .mob_body_m {margin-bottom: 30px;} .TestMode [data-q_type="multi"] .in_qbox.testmode.TestMode [data-q_type="essay"] .in_qbox.testmode.TestMode [data-q_type="match"] .in_qbox.testmode.TestMode [data-q_type="fill"] .in_qbox.testmode{display: block !important;visibility: hidden;} .action_checker.submitting{background: #fff;width: 100%;height: 60px;position: absolute;z-index: 99;opacity: 0.5;} .create_your_own_quiz{font-size: 12px;border: 1px solid #3b5998;padding: 7px 7px;border-radius: 3px;position: absolute;right: 0;} .ques-jump-progress-bar.fixed .create_your_own_quiz{right: 10px;} a.craeteaquiz{background: #3C8AC9;color: #fff;padding: 7px 9px;} .craeteaquiz:hover{background: #337ab4 !important;} .score_trophy_box {width: 398px;background: #fff;padding: 10px;display: flex;display: -webkit-flex;justify-content: center;height: 250px;} .score_trophy_box_data {min-width: 285px;} .marg-tb.PracticeMode {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;} .marg-tb.PracticeMode .new_ad_wrapper_all{margin: 0 !important;} .live_score_container p {font-size: 30px;font-weight: bold;margin-bottom: 6px;} .trophy_score {color: #2C7E20;font-size: 40px;font-weight: bold;margin-left: 10px;line-height: 52px;} .score_other_meta {margin-top: 8px;} .you_got_points {font-size: 18px;margin-top: 5px;margin-bottom: 8px;} .question_diffculty_type {font-size: 18px;margin-top: 10px;} .question_diffculty_area {margin-top: 8px;} .your_current_rank {margin-top: 6px;} .your_current_rank p {font-size: 22px;} #US_mid_small_video{display: flex;justify-content: space-between;display: -webkit-flex;} #US_mid_small_video .cnx-main-container{width: 300px;} .typein_ans_container {width: 400px;border: 1px solid #ccc;} .typein_header {padding: 10px;border-bottom: 1px solid #ccc;} .typein_ans_box {padding: 22px 10px;border-bottom: 1px solid #ccc;display: flex;display: -webkit-flex;align-items: center;position: relative;} .typein_ans_box:last-child{border-bottom: 0;} .typein_ans_box .typein_input {width: 100%;padding: 10px 5px;font-size: 14px;border: 1px solid #ccc;border-radius: 3px;height: 40px;} .typein_hint_icon {background: url(/quiz-school/images/help-icon.svg) no-repeat;background-position: bottom;height: 20px;padding: 6px 10px 0px 10px;vertical-align: middle;margin-left: 5px;cursor: pointer;display:block;} .typein_hint_popup {position: absolute;transform: translateY(-50%);left: 100%;top: 50%;background: #fff;z-index: 4;border-radius: 3px;box-shadow: 0px 0px 6px 2px #ddd;-webkit-box-shadow: 0px 0px 6px 2px #ddd;-moz-box-shadow: 0px 0px 6px 2px #ddd;width: fit-content;padding: 10px;min-height: 25px;text-align: left;max-width: 316px;display:none;} .typein_hint_popup:before {content: "";position: absolute;width: 10px;height: 10px;left: -5px;top: calc( 50% - 5px );background: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;z-index: 10002;box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);-webkit-transform: rotate(-223deg);transform: rotate(-223deg);} .typein_input_box{width:100%;} .typein_input_box .try_again{position: absolute;font-size: 12px;color: red;margin-top: 2px;} .typein_ans_box.answered.typein_ans_box.right{background: rgb(150206135);} .typein_ans_box.answered .typein_input_box.typein_ans_box.answered .typein_hint{display:none;} .typein_answered_inline {min-height: 40px;display: flex;align-items: center;display: -webkit-flex;color: #fff;justify-content: center;width: 100%; text-transform: capitalize;} .typein_ans_box.wrong{background: #f35f5d;} .mute_unmute_icon_wrap{ /* position: relative; */ } .mute_unmute_icon{ background:url(/quiz-school/images/play-Unmute.png); width:23px; height:20px; display:block; /* position: absolute; right: 12px; */ cursor: pointer; /* top: -10px; */ } .name-cert-user{ /* border-radius: 8px; */ /* border: 1px solid #CCC; */ /* display: none; */ flex-direction: column; /* padding: 18px; */ /* margin-top: 15px; */ margin-bottom: 15px; } .name-cert-user-inner{ border-radius: 4px; border: 1px solid #ccc; /* display: none; */ flex-direction: column; padding: 16px 15px; margin-top: 15px; margin-bottom: 15px; } .welcome_span{ /* margin-top: 10px; */ margin-bottom: 0; font-size: 20px; } .question_count_new{ font-size: 24px; font-weight: 500; font-family: 'Roboto'; } .user_name_cert{ border: 1px solid #1870d5; border-radius: 4px; padding: 10px; width: 288px; font-size: 16px; } .user_name_cert_span{ font-size: 17px; margin-bottom: 15px; /* margin-top: 10px; */ float: left; } .name-cert-user label{ font-size: 24px; font-weight: 500; font-family: 'Roboto'; } .rating_div { display: flex; flex-direction: column; /* Arrange items vertically */ align-items: flex-start; /* Center horizontally */ justify-content: center; /* Center vertically */ text-align: center; /* Center text */ padding: 16px; /* Add spacing inside */ border-radius: 4px; /* background: linear-gradient(128deg#F0F7FF 46.1%#FFF 98.42%); */ /* box-shadow: 0 0 8px 0 rgba(0000.24); */ margin-bottom: 28px; border:1px solid #CCC; } .rating_div h1 { font-size: 30px; margin-bottom: 10px; color: #2e2e2e; font-family: 'Roboto'sans-serif; } .rating_div span { font-size: 20px; color: #4d4d4d; margin-bottom: 20px; display: block; font-family: 'Roboto'sans-serif; } .rating_question { font-size: 22px !important; margin-bottom: 10px !important; color: #4d4d4d !important; font-family: 'Roboto'sans-serif; /* margin-top: 0px; */ font-weight: 500 !important; } .rating_question_description { font-size: 18px !important; color: #4d4d4d !important; margin-bottom: 15px !important; display: block; font-family: 'Roboto'sans-serif; font-weight: 500 !important; } .rating_stars { display: flex; justify-content: center; gap: 15px; /* Space between stars */ } .rating_star_like{ cursor: pointer; } .rating_star_dislike{ cursor: pointer; } #thank_msg_popup { display: none; /* change to block when you want to show */ position: fixed; top: 50%; left: 50%; transform: translate(-50%-50%); background: white; border-radius: 8px; padding: 20px 30px; box-shadow: 0 0 20px rgba(0,0,0,0.3); text-align: center; z-index: 9999; } .feedback-new-pop_popup { width: 100%; position: relative; } .addon_feed_popup { font-size: 18px; font-weight: 500; color: #4d4d4d; font-family: 'Roboto'sans-serif; /* margin-left: 10px; */ flex: 1; text-align: left; margin-bottom: 10px; } /* Close Button */ #feed_popup_close_popup { cursor: pointer; font-size: 24px; font-weight: 600; color: #888; transition: color 0.2s ease; } #feed_popup_close_popup:hover { color: #df3939; } /* Textarea */ .feed-text-box_popup { margin-top: 15px; } .rate_text_blck_popup { width: 100%; min-height: 90px; resize: vertical; border: 1px solid #ddd; border-radius: 8px; padding: 10px 12px; font-size: 15px; color: #4d4d4d; font-family: 'Roboto'sans-serif; transition: border-color 0.2s ease; } .rate_text_blck_popup::placeholder { color: #a7a7a8; font-family: 'Roboto'sans-serif; } .rate_text_blck_popup:focus { outline: none; border-color: #1870d5; box-shadow: 0 0 0 3px rgba(25521400.2); } /* Input Fields */ .feed-inputs_popup { display: flex; flex-direction: row; gap: 10px; margin-top: 15px; } .feed-inputs_popup input { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; transition: border-color 0.2s ease; } .feed-inputs_popup input:focus { outline: none; border-color: #1870d5; box-shadow: 0 0 0 3px rgba(25521400.2); } /* Button + Loader */ .tick_image_area_popup { display: flex; align-items: center; gap: 10px; /* margin-top: 20px; */ /* justify-content: flex-end; */ } .feedback-error { color: #F46464; font-size: 16px; margin-top: 5px; text-align: left; font-weight: 400; } .btn_class_popup { padding: 10px 22px; background: #1870d5; border: none; cursor: pointer; border-radius: 50px; font-size: 15px; font-weight: 500; color: #fff !important; transition: background 0.2s easetransform 0.1s ease; } .btn_class_popup:hover { background: #0a53a8; } /* SVG hover color */ .rating_star_like { display: inline-block; cursor: pointer; transition: transform 0.2s ease; } .rating_star_like:hover { /* transform: scale(1.05); */ } .rating_star_like svg circle, .rating_star_like svg path { transition: all 0.3s ease; } /* Hover state — turns everything green */ .rating_star_like:hover svg circle { stroke: #22c55e; /* green border */ } .rating_star_like:hover svg path { fill: #22c55e; /* green thumb */ } .rating_star_dislike { display: inline-block; cursor: pointer; transition: transform 0.2s ease; } .rating_star_dislike:hover { /* transform: scale(1.05); */ } .rating_star_dislike svg circle, .rating_star_dislike svg path { transition: all 0.3s ease; } .rating_star_dislike .default_icon_dislike { display: block; } .rating_star_dislike .hover_icon_dislike { display: none; } .rating_star_dislike:hover .default_icon_dislike { display: none; } .rating_star_dislike:hover .hover_icon_dislike { display: block; } .rating_star_like .default_icon_like { display: block; } .rating_star_like .hover_icon_like { display: none; } .rating_star_like:hover .default_icon_like { display: none; } .rating_star_like:hover .hover_icon_like { display: block; } /* Main banner box */ #successBanner { /* display: none; */ align-items: center; background-color: #e8f7e8; border-left: 4px solid #34a853; padding: 12px 16px; margin: 15px 0; border-radius: 6px; box-shadow: 0 2px 6px rgba(0000.1); font-family: Arialsans-serif; animation: fadeIn 0.35s ease-out; gap: 12px; width: 437px; } /* Success icon (✓) */ .msg-icon { font-size: 20px; color: #2e8b47; font-weight: bold; } /* Message text wrapper */ .msg-text { /* display: none; hide by default – shown via JS */ font-size: 15px; color: #155724; /* display: flex; */ align-items: center; gap: 6px; } .awesome_msg { display: none; } .thanks_msg { display: none; } /* Icon inside message */ .msg-text img { width: 18px; } /* Bold message title (Awesome!Thanks!) */ .msg-text strong { margin-right: 3px; } .user_grade{ padding: 9px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; font-weight: 400; } .ques-answer-box table { max-width: 700px !important; } @media(max-width: 767px){ .resp_result{width:calc(100% - 50px); font-size:20px;} .user_grade{ padding: 9px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; font-weight: 400; margin-top: 15px; width: 288px; } .ques-answer-box table { max-width: 300px !important; } } .mute_unmute_icon.mute{background:url(/quiz-school/images/play-Mute.png);} @media only screen and (max-width: 5580px) and (min-width: 1165px){ body .nav.navbar-right { /* margin-top: 12px; */ } #top-ad-area .new_ad_wrapper_all {max-width: 970px;min-width: 728px;text-align: center;width: auto !important;} .mobile_sticky_last .new_ad_wrapper_all {max-width: 970px;min-width: 728px;text-align: center;width: auto !important;} body{margin-bottom: 100px !important;} } @media( max-width: 1059px ){ ._container{width: 100%;padding: 0 5px;} } .adwrapper_class{ min-height:90px; width:729px; max-height: 90px; overflow:hidden; position: relative; margin:20px auto !important; } @media( max-width: 767px ){ .adwrapper_class{ min-height:250px; width:300px; max-height: 250px; overflow:hidden; /* margin: auto !important; */ position: relative; margin:20px auto !important; } .question_count_new{ font-size: 24px; font-weight: 500; font-family: 'Roboto'; } .name-cert-user label{ font-size: 20px; font-weight: 500; font-family: 'Roboto'; } .user_name_cert_span{ font-size: 16px; margin-bottom: 15px; margin-top: 10px; float: left; } body.opacityOff{opacity: 0;} #quiz-question-area.m_txtbxara textarea.sel_combo{width: 100%;} .breadcrumb_top {line-height: 20px;} .answer_boxes.flexboxes{justify-content: space-between;} .answer_boxes.flexboxes .answer_option{width: 100%;} /* .answer_boxes.flexboxes .answer_option{width: 48%;} */ .answer_boxes.flexboxes.min_height_req .answer_option label{min-height: 66px;} .answer_boxes { column-gap: 10px !important; } .text_cls{width: 80%;} .jump_slide_blk{width: 100%;} .tab-container ul{padding-left: 5px;} .tabs{padding: 4px 4px;font-size: 14px;} .jump_cross_free {float: none;position: absolute;right: 5px;top: 0px;margin: 10px;} .order_list{margin-top: 15px;} .tab-content .jump_btn{float: left;} .tab-content span.question_text_area{width: 83%;margin-top: 12px;margin-left: 5px;float: left; } .all_cls.unans_cls.answered_cls{margin: 0 5px;} #header-logo-menu#top-ad-area#breadcrumb-area{display: none;} #m_content_mobile{display: block !important;padding: 8px 10px 15px 10px;} #progressBar {width: 150px;} .ques-jump-progress-bar.fixed{left: 0;width: 100%;padding-left: 5px;padding-right: 5px;} .mob_body_m .new_ad_wrapper_all1 {display: flex;display: -webkit-flex;align-items: center;} .ques-print{font-size: 20px;} .labelHover{padding: 8px 2%;font-size: 16px; min-height:56px !important;} .answer_option:last-child{margin-bottom: 10px;} .ques-answer-box{padding: 15px 10px 10px !important;} .prac_resp .ques-answer-box{padding: 15px 10px 15px !important;} .prac_resp .rate_this_your_score{margin-top: 6px !important;} .prac_resp .ans_rdcbbox{height: 24px;} [data-q_type="multi"] .ques-answer-box[data-q_type="essay"] .ques-answer-box[data-q_type="match"] .ques-answer-box[data-q_type="fill"] .ques-answer-box[data-q_type="typein"] .ques-answer-box{padding: 15px 10px 15px !important;} [data-q_type="multi"] .new_bottom_next_btn.in_qbox{margin-top: 0px;height: 30px;font-size: 15px;line-height: 11px;} [data-q_type="essay"] .new_bottom_next_btn.in_qbox[data-q_type="match"] .new_bottom_next_btn.in_qbox[data-q_type="fill"] .new_bottom_next_btn.in_qbox{margin-top: 10px;height: 30px;font-size: 15px;line-height: 11px;} .create_your_own_quiz{display:none;} .your_score{margin-right: 0px;} .typein_hint_popup{left: auto;right: 40px;} .typein_hint_popup:before{right: -5px;left:auto;-webkit-transform: rotate(-48deg);transform: rotate(-48deg);} } [type="radio"] ~ ins.iCheck-helper { opacity: 1 !important; top: 0 !important; left: 0 !important; background: none !important; width: 22px !important; height: 22px !important; background-image: url(/quiz-school/images/takepages/nradio.svg) !important; background-repeat: no-repeat !important; background-size: 20px 20px !important; } /* @media (max-width: 767px) { .custom_header_fluid .custom_container.custom_body_fluid .custom_container { width: 100%; padding: 0px; } .container .row { margin: auto !important; } } */ .other_quiz_mid_area {margin-left: auto !important;} @media( max-width: 480px ){ .image_view { display: flex; flex-direction: column; /* Stack image on top of text */ gap: 8px; /* Keep spacing */ align-items: flex-start; /* Align to the left (optional) */ } #ques-box-container .quiz_img_holder img { width: auto !important; /* margin-bottom: 10px !important; */ height: auto ! IMPORTANT; max-height: 195px; max-width: 100% !important; } .feedback_xpln { margin-top: 10px; } .xpln_text { margin-top: 10px; padding: 5px; font-size: 16px; padding: 6px; line-height: 1.2em; } .person_image_area { display: flex; align-items: center; gap: 8px; } .quiz_history_timeline{margin: 15px 0px; padding: 0 0px 0px 15px;} .ques-print img { margin: 15px 0; margin-top: 10px; } .answer_option.multi_check_truefalse { width: 100%; margin-bottom:0; } .answer_option{width: 100%; margin-bottom:0;} .realted_featured_box{margin-left: 0px !important; margin-right: 0px !important;} #progressBar{width: 293px;margin-top: 5px;} .progrspan{ margin-top: 5px; } .progressBarMain{margin-left: 0;} .ques-jump-progress-bar{flex-direction: row-reverse;justify-content: space-between;padding-bottom: 0px; width:363px;} .ques-jump{width: 160px;padding-left: 0px !important;} .next-prev-jump-move{width: 40px;} .question_print_text{display: none;} .quiz-div-col{width: 100%;margin-bottom: 20px;box-shadow: 0px 0px 5px 1px #ddd;} .other_quiz_mid_area {width: 100%;margin-left: auto;} .quiz-img-top{height: 170px;} .realted_featured_box{margin-top: 35px;} .in_mob{display: block;} .in_desk{display: none;} .jump_progress_container{width: 100%;padding-bottom: 8px;} .ques-jump-progress-bar.fixed{left: 0;width: 100%;padding-left: 5px;padding-right: 5px;} .your_score{margin-top: 6px;font-size: 16px; display:none} .mute_unmute_icon{left: -23px;top: -33px;right:auto;width: 20px;height: 18px;background-size: contain !important;} #quiz-container{ float: left; max-width: 100%; align-items: center; margin-left:0px;; padding: 0 18px; } } @media( max-width: 340px ){ .ques-jump{padding-left: 0px;} } @media( max-width: 400px ){ .ques-jump{font-weight:500;} .ques-jump{padding-left: 10px;} .ques-jump-progress-bar.fixed{padding-left: 5px;padding-right: 5px; display: block;} } @media (min-width: 1512px) { .ques-jump-progress-bar.fixed{ width: 155px; margin-left: -158px; margin-top:10px; display:block; } .ques-jump{font-weight:500;} } .ques-answer-box{padding: 15px 16px 5px;} .res_resp_area{ /* height:35px; */ } .resp_result_sml{width: 30px;} .prac_resp .rate_this_your_score{margin-top: 16px;} .prac_resp .ques-answer-box{padding: 15px 12px 11px;} [data-q_type="multi"] .ques-answer-box[data-q_type="essay"] .ques-answer-box[data-q_type="match"] .ques-answer-box[data-q_type="fill"] .ques-answer-box[data-q_type="typein"] .ques-answer-box{padding: 15px 16px 10px;} @media( max-width: 480px ){ .practice_next_btn{position: relative;width: 77px;} } @media( max-width: 380px ){ .practice_next_btn{position: relative;width: 62px;} } @media( max-width: 360px ){ .practice_next_btn{position: relative;width: 62px;} label.thumps_area {margin-right: 4px;} .rate_this_ques > p{font-size: 15px;} } .question_count_text{ font-size: 24px; margin-top: 0px; margin-bottom: 15px; font-family: 'Roboto'; color: #4d4d4d; line-height: 1.2em; } <> #top-loader { position: fixed; top: 0; left: 0; height: 4px; width: 0%; background: #22c55e; z-index: 9999; transition: width 0.1s linearopacity 0.3s ease; opacity: 0; border-radius: 10px; } <> #alertMsg-pop{ white-space:pre-wrap !important; }