/* QSM Design (Custom)
 * Здесь вы настраиваете внешний вид квизов от Quiz And Survey Master
 */


.qmn_quiz_container.qsm_auto_pagination_enabled {
    position: relative;
    background: #64b6dd2b;
    padding: 25px;
    border-radius: 10px;
    border: none;
    background-image: url('../images/theme-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.qmn_quiz_container.qsm_auto_pagination_enabled .qsm-quiz-form {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}
.qmn_quiz_container.qsm_auto_pagination_enabled .qmn_pagination {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

html body .qmn_quiz_container .qmn_btn, html body .qmn_quiz_container .btn {
    background: #5cb7db !important;
}
.qmn_quiz_container .qmn_btn:hover, .qmn_quiz_container .btn:hover {
    background: #3375b1 !important;
}
.qmn_btn, .qsm-quiz-container.qmn_quiz_container .qmn_btn, .qsm-quiz-container.qmn_quiz_container .btn{
    border: none!important;
    border-radius: 4px!important;
    box-shadow:none!important;
}
.qsm-progress-bar svg path:nth-child(1){
    stroke:#eee !important;
    stroke-width: 2!important;
    
}
.qmn_pagination svg path:nth-child(2){
    stroke:#5cb7db !important;
}
.qsm-progress-bar svg{
    border-radius: 4px!important;
}

.qmn_error_message{
    color: #eb564f!important;
    border-radius: 5px!important;
    background: #fff!important;
    border: solid 2px #eb564f!important;
}
.qsm-quiz-form .qmn_error .qmn_radio_answers, .qsm-quiz-form .qmn_error .qmn_check_answers, .qsm-quiz-form .qmn_error .qmn_accept_answers{
    color: #333!important;
    border-radius: 5px!important;
    background: #fff!important;
    border: solid 2px #eb564f!important;
    padding: 15px !important;
}

/* ---------------------- Result Page ---------------------- */

.qmn_results_page .qsm_retake_button{
    display: none!important;
}

@media screen and (max-width: 676px) {
    .qmn_quiz_container.qsm_auto_pagination_enabled{
    padding: 0!important;
    margin: -15px!important;
    }
}