.wp_quiz_question li

{margin-left:20px;}

ol.wp_quiz_question_options{

	list-style:initial !important;

}

.quiz_print,.ques_print{

	    text-indent: 0px !important; list-style:none;

}

.quiz_print .quesno, .ques_print .quesno, .take_question .quesno{

	float: left;

    margin-right: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

}

.ques_txt {

    padding-left: 26px;

}

.wp_quiz_question, .wp_quiz_question_options {

    text-align: justify;

/*    font-family: 'Roboto', sans-serif;*/

    font-style: normal;

    font-size: 16px !important;

}

.wp_basic_quiz_showans_btn:hover{

	color:#fff;  

}

    .wp_basic_quiz_showans_btn {

    background-color: #7fb1bf;

    text-decoration: none;

    color: white;

    padding: 6px 14px;

    display: inline-block;

    border: 1px solid rgba(0,0,0,0.21);

    border-bottom-color: rgba(0,0,0,0.34);

    text-shadow: 0 1px 0 rgba(0,0,0,0.15);

    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);

    cursor: pointer;

}

    

    

.wp_basic_quiz_answer{    border: 2px solid #fff;

    margin: 1px;

    overflow: hidden;

  /*  width: 100%; */

    padding: 5px 3px;

    -moz-box-shadow: 1px 1px 5px #888;

	-webkit-box-shadow: 1px 1px 5px #888;

	box-shadow: 1px 1px 5px #888;

    text-align: justify;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-style: normal;

    display:none;

    }





.basic_quiz_pagination{

    margin:0;

    padding:0;

}

.basic_quiz_pagination_bak li{

    display: inline;

    padding: 6px 10px 6px 10px;

    border: 1px solid #ddd;

    margin-right: -1px;

    font: 13px/20px Arial, Helvetica, sans-serif;

    background: #FFFFFF;

}

.basic_quiz_pagination li {

    display: inline-block;

    padding: 4px 6px 5px 12px;

    border: 1px solid #f5f5f5;

    margin-right: -1px;

    margin-left: 1px !important;

    margin-top: 10px;

    font: 13px/20px roboto !important;

    background: #ebebeb;

}



.basic_quiz_pagination li a{

    text-decoration:none;

    color: rgb(89, 141, 235);

}

.basic_quiz_pagination li.first {

    border-radius: 5px 0px 0px 5px;

}

.basic_quiz_pagination li.last {

    border-radius: 0px 5px 5px 0px;

}

.basic_quiz_pagination li:hover{

    background: #EEE;

}



.basic_quiz_pagination li.current {

    background: #89B3CC;

    border: 1px solid #89B3CC;

    color: #FFFFFF;

}



.wp_quiz_question span.quesno {

    float: left;

    margin-right: 7px;

}





.funkyradio div {

    clear: both;

    overflow: hidden;

    width: 100%;

    display: inline-block;



}



.funkyradio label {

    box-sizing: border-box;

    width: 100%;

    border-radius: 3px;

    border: 1px solid #D1D3D4;

    font-weight: normal;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 2px;

    padding-left: 50px;

    font-size: 15px;

}



.funkyradio input[type="radio"]:empty,

.funkyradio input[type="checkbox"]:empty {

    display: none;

}



.funkyradio input[type="radio"]:empty ~ label,

.funkyradio input[type="checkbox"]:empty ~ label {

    position: relative;

    line-height: 2em;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.funkyradio input[type="radio"]:empty ~ label:before,

.funkyradio input[type="checkbox"]:empty ~ label:before {

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    left: 0;

    content: '';

    width: 2.5em;

    background: #D1D3D4;

    border-radius: 3px 0 0 3px;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {

    color: #888;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {

    content: '\2714';

    text-indent: .9em;

    color: #C2C2C2;

}



.funkyradio input[type="radio"]:checked ~ label,

.funkyradio input[type="checkbox"]:checked ~ label {

    color: #777;

}



.funkyradio input[type="radio"]:checked ~ label:before,

.funkyradio input[type="checkbox"]:checked ~ label:before {

    content: '\2714';

    text-indent: .9em;

    color: #333;

    background-color: #ccc;

}



.funkyradio input[type="radio"]:focus ~ label:before,

.funkyradio input[type="checkbox"]:focus ~ label:before {

    box-shadow: 0 0 0 3px #999;

}



.funkyradio-default input[type="radio"]:checked ~ label:before,

.funkyradio-default input[type="checkbox"]:checked ~ label:before {

    color: #333;

    background-color: #ccc;

}



.funkyradio-primary input[type="radio"]:checked ~ label:before,

.funkyradio-primary input[type="checkbox"]:checked ~ label:before {

    color: #fff;

    background-color: #337ab7;

}



.funkyradio-success input[type="radio"]:checked ~ label:before,

.funkyradio-success input[type="checkbox"]:checked ~ label:before {

    color: #fff;

    background-color: #5cb85c;

}



.funkyradio-danger input[type="radio"]:checked ~ label:before,

.funkyradio-danger input[type="checkbox"]:checked ~ label:before {

    color: #fff;

    background-color: #d9534f;

}



.funkyradio-warning input[type="radio"]:checked ~ label:before,

.funkyradio-warning input[type="checkbox"]:checked ~ label:before {

    color: #fff;

    background-color: #f0ad4e;

}



.funkyradio-info input[type="radio"]:checked ~ label:before,

.funkyradio-info input[type="checkbox"]:checked ~ label:before {

    color: #fff;

    background-color: #5bc0de;

}



.funkyradio-success.selected_answer label:before{    color: #fff;

    background-color: #CCC !important; content: '\274c' !important; text-indent: .9em !important;}

.funkyradio-success.right_answer label:before{    color: #fff;

    background-color: #5cb85c !important;content: '\2714' !important;    text-indent: .9em !important;}



.hide_question{display:none;}

.question_index {

    margin: 0px 0px;

}



.wp_basic_button {

    background: #3498db;

    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

    background-image: -moz-linear-gradient(top, #3498db, #2980b9);

    background-image: -ms-linear-gradient(top, #3498db, #2980b9);

    background-image: -o-linear-gradient(top, #3498db, #2980b9);

    background-image: linear-gradient(to bottom, #3498db, #2980b9);

    -webkit-border-radius: 8;

    -moz-border-radius: 8;

    border-radius: 8px;

    font-family: Arial;

    color: #ffffff;

    font-size: 12px;

    padding: 11px 20px 11px 20px;

    text-decoration: none;    border: none;

}



.wp_basic_button:hover {

    background: #3cb0fd;

    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);

    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);

    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);

    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);

    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);

    text-decoration: none;

}

.wp_basic_button.button_skip {

    margin-right: 20px;

}

.wp_basic_button.button_save_continue {

    margin-right: 20px;

}

.wp_basic_button.button_skip {

    background: #0ac9bc;

    background-image: -webkit-linear-gradient(top, #0ac9bc, #11bdac);

    background-image: -moz-linear-gradient(top, #0ac9bc, #11bdac);

    background-image: -ms-linear-gradient(top, #0ac9bc, #11bdac);

    background-image: -o-linear-gradient(top, #0ac9bc, #11bdac);

    background-image: linear-gradient(to bottom, #0ac9bc, #11bdac);

    -webkit-border-radius: 8;

    -moz-border-radius: 8;

    border-radius: 8px;

    font-family: Arial;

    color: #ffffff;

    font-size: 12px;

    padding: 11px 20px 11px 20px;

    text-decoration: none;



}



.wp_basic_button.button_skip:hover {

    background: #3ca3fc;

    background-image: -webkit-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -moz-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -ms-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -o-linear-gradient(top, #3ca3fc, #3498db);

    background-image: linear-gradient(to bottom, #3ca3fc, #3498db);

    text-decoration: none;

}

span.index_buttons, a.index_buttons_disabled {

    display: inline-block;

    border: 1px solid #CCC;

    padding: 2px 12px;

    margin-right: 10px;

    margin-bottom: 10px;

    cursor: pointer;

}

span.index_buttons:hover, a.index_buttons_disabled:hover {

    background: #3ca3fc;color: #ffffff;

    background-image: -webkit-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -moz-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -ms-linear-gradient(top, #3ca3fc, #3498db);

    background-image: -o-linear-gradient(top, #3ca3fc, #3498db);

    background-image: linear-gradient(to bottom, #3ca3fc, #3498db);

}



span.index_buttons.selected{

    background: #3ca3fc;color: #ffffff;

}

span.index_buttons.attempted{

    background: #000;color: #ffffff;

}

.wp_basic_quiz_tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 1px dotted black;

}



.wp_basic_quiz_tooltip .tooltiptext {

    visibility: hidden;

    width: 120px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 0;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -60px;

    opacity: 0;

    transition: opacity 1s;

}



.wp_basic_quiz_tooltip .tooltiptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

}



.wp_basic_quiz_tooltip:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



.wp_basic_quiz_start_quiz {

    background-color: #22c3f1;

    -moz-border-radius: 28px;

    -webkit-border-radius: 28px;

    border-radius: 8px;

    border: 1px solid #88e1ec;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-family: Signika;

    font-size: 18px;

    padding: 10px 20px;

    text-decoration: none;

    font-weight: bold;

    text-shadow: 0px 1px 0px #2196F3;

}

.wp_basic_quiz_start_quiz:hover {

    background-color:#2a9cbf;

    color: #ffffff;

}

.wp_basic_quiz_start_quiz:active {

    position:relative;

    top:1px;

}

a.index_buttons_disabled.wrong_answer,
span.index_buttons_disabled.wrong_answer{

    background: red;

    color: #fff;

}

a.index_buttons_disabled.correct_answer,
span.index_buttons_disabled.correct_answer{

    background: green;

    color: #fff;

}



.take_question{

    margin-bottom: 10px;

        font-family: 'Poppins', sans-serif;

    font-size: 16px;

}

.take_question li {margin-left: 25px;}


/*wp basic quiz tabs*/

.wp_basic_tabs_menu {

    height: 30px;

    float: left;

    clear: both;    list-style: none !important;margin: 0px !important;

}



.wp_basic_tabs_menu li {

    height: 30px;

    line-height: 30px;

    float: left;

    margin: 0px !important;

    margin-right: 10px !important;

    background-color: #ccc;

    border-top: 1px solid #d4d4d1;

    border-right: 1px solid #d4d4d1;

    border-left: 1px solid #d4d4d1;

}



.wp_basic_tabs_menu li.current {

    position: relative;

    background-color: #fff;

    border-bottom: 1px solid #fff;

    z-index: 5;

}



.wp_basic_tabs_menu li a {

    padding: 10px;

    text-transform: uppercase;

    color: #fff;

    text-decoration: none;box-shadow: none;

}



.wp_basic_tabs_menu .current a {

    color: #2e7da3;

}



.wp_basic_tab_container {

    border: 1px solid #d4d4d1;

    background-color: #fff;

    float: left;

    margin-bottom: 20px;

    width: auto;

}



.wp_basic_tab_content {

    min-width: 585px;

    padding: 20px;

    display: none;

}



.wp_basic_tab_container #tab-1 {

    display: block;

}



.user_rank_table {

    border: solid 1px #DDEEEE;

    border-collapse: collapse;

    border-spacing: 0;

    font: normal 13px Arial, sans-serif;

}

.user_rank_table thead th {

    background-color: #DDEFEF;

    border: solid 1px #DDEEEE;

    color: #336B6B;

    padding: 10px;

    text-align: left;

    text-shadow: 1px 1px 1px #fff;

}

.user_rank_table tbody td {

    border: solid 1px #DDEEEE;

    color: #333;

    padding: 10px;

    text-shadow: 1px 1px 1px #fff;

}


.quiz-top-panel{
display:flex;
gap:15px;
align-items:center;
margin-bottom:5px;
flex-wrap:wrap;
}

.quiz-image img{
width:180px;
border-radius:6px;
}

.quiz-stats{
flex:1;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}

.quiz-stat{
background:#f7f7f7;
padding:8px 6px;
text-align:center;
border-radius:6px;
font-size:13px;
}

.quiz-stat span{
display:block;
color:#777;
font-size:12px;
}

.quiz-stat strong{
font-size:16px;
}

@media(max-width:768px){

.quiz-top-panel{
flex-direction:column;
align-items:flex-start;
}

.quiz-image img{
width:100%;
}

.quiz-stats{
grid-template-columns:repeat(2,1fr);
width:100%;
}

}

.quiz-question-box{
padding:1px 0;
}

.quiz-question{
font-size:18px;
margin-bottom:10px;
}

.quiz-option{
padding:5px 12px;
margin:1px 0;
font-size:15px;
}

/* PROGRESS BAR */
.quiz-question {font-size:18px !important;}
.quiz-progress-bar-wrapper{
margin: 2px 0;
}

.quiz-progress-bar{
height:10px;
background:#1196f8;
border-radius:1px;
overflow:hidden;
}

#quiz-progress{
height:100%;
width:0%;
background:#e65c00;
transition:width .3s ease;
}

#quiz-progress-text{
margin-top:8px;
}


/* QUESTION */

.quiz-question{
font-size:20px;
margin:15px 0;
}

.quiz-option{
padding:14px;
border-radius:6px;
margin:10px 0;
background:#eee;
cursor:pointer;
}

.quiz-option:hover{
background:#ddd;
}

.quiz-option.correct{
background:#b7d0b7;
}

.quiz-option.wrong{
background:#e3b6b6;
}


/* NAVIGATION */

.quiz-nav{
display:flex;
justify-content:center;
gap:25px;
margin-top:20px;
}

.quiz-nav button{
padding:12px 30px;
background:#3f6f9d;
color:white;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
}

.quiz-nav button:hover{
background:#2b557c;
}
.ajax-quiz-test-container {
    margin:0;}