﻿.quiz-box{margin:0 auto}
.quiz-box > table{background:#ffe2aa;border:none!important;padding:0 20px;margin-bottom:50px;width:100%}
.quiz-box > table >tbody> .dbox-control{text-align:right}
.quiz-box table td{border:none}
.quiz-box table tr.alt_imgEditor{display:none}
.quiz-box table tr td.caption{padding:0 20px}
.quiz-box table tr td.caption h3{margin:0;margin-bottom:20px;font-weight:400;font-size:20px!important}
.quiz-box table tr td.caption ul{list-style:none;margin:0 0 20px}
.quiz-box table tr td.caption ul~p,.quiz-box table tr td.caption ul~button,.quiz-box table tr td.caption ul~a[data-type=add-answer]{display:none}
.quiz-box table tr td.caption ul li{position:relative;margin-bottom:10px;user-select:none;padding:20px 20px 20px 60px;background:#f5f5f5;border-radius:16px;transition:all 200ms}
.quiz-box table tr td.caption ul li:hover{background:#d9d9d9;cursor:pointer}
.quiz-box table tr td.caption ul.active li.selected:not(.correct){background:#ff9696}
.quiz-box table tr td.caption ul li:hover:before{background:#adadad}
.quiz-box table tr td.caption ul li input[type=checkbox]{display:none}
.quiz-box table tr td.caption ul li:before{position:absolute;left:10px;top:15px;font-size:inherit;font-weight:inherit;display:inline-block;width:40px;height:40px;background:#ddd;text-align:center;border-radius:50%;line-height:40px;font-weight:bold}
.quiz-box table tr td.caption ul li:nth-child(1):before{content:"A"}
.quiz-box table tr td.caption ul li:nth-child(2):before{content:"B"}
.quiz-box table tr td.caption ul li:nth-child(3):before{content:"C"}
.quiz-box table tr td.caption ul li:nth-child(4):before{content:"D"}
.quiz-box table tr td.caption ul li:nth-child(5):before{content:"E"}
.quiz-box table tr td.caption ul li:nth-child(6):before{content:"F"}
.quiz-box table tr td.caption ul li:nth-child(7):before{content:"G"}
.quiz-box table tr td.caption ul li:nth-child(8):before{content:"H"}
.quiz-box table tr td.caption ul li:nth-child(9):before{content:"I"}
.quiz-box table tr td.caption ul li:nth-child(10):before{content:"J"}
.quiz-box table tr td.caption ul li:nth-child(11):before{content:"K"}
.quiz-box table tr td.caption ul li:nth-child(12):before{content:"L"}	
.quiz-box table tr td.caption ul li:nth-child(13):before{content:"M"}	
.quiz-box table tr td.caption ul li:nth-child(14):before{content:"N"}	
.quiz-box table tr td.caption ul li:nth-child(15):before{content:"O"}	
.quiz-box table tr td.caption ul li:nth-child(16):before{content:"P"}	
.quiz-box table tr td.caption ul li:nth-child(17):before{content:"Q"}	
.quiz-box table tr td.caption ul li:nth-child(18):before{content:"R"}	
.quiz-box table tr td.caption ul li:nth-child(19):before{content:"S"}	
.quiz-box table tr td.caption ul li:nth-child(20):before{content:"T"}	
.quiz-box table tr td.caption ul li:nth-child(21):before{content:"U"}	
.quiz-box table tr td.caption ul li:nth-child(22):before{content:"V"}	
.quiz-box table tr td.caption ul li:nth-child(23):before{content:"W"}
.quiz-box table tr td.caption ul.active li.correct{background:#97cd97;border-radius:10px}
.quiz-box table tr td.caption ul.active li.correct p{color:#fff}
.quiz-box table tr td.caption ul.active li.correct::before{background:#5fa95f}
.quiz-box table tr td.caption ul.active li:not(.correct):hover{cursor:not-allowed}