.wrap-ipf-test {
    position: relative;
    width: 100%;
    /* height: 393px; */
    background: #00a2dd;
    border-radius: 10px;
}

@media (min-width: 970px) {
    .wrap-ipf-test {
        height: 393px;
    }
}

.wrap-slide-start {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 35px;
    left: 10px;
    width: calc(100% - 2 * 10px);
    /* height: calc(393px - 2 * 35px); */
}

@media (min-width: 970px) {
    .wrap-slide-start {
        left: 35px;
        width: calc(100% - 2 * 35px);
        height: calc(393px - 2 * 35px);
    }
}

.btn-start {
    cursor: pointer;
    margin: 35px 0 0;
    background: linear-gradient(to bottom, #cf73ae 0%, #da4ca4 50%, #d73b9b 50%, #ff27a8 100%);
    border-radius: 10px;
    padding: 20px;
    box-shadow: inset 0 -2px 1px 0 #069;
    font: 20px/1 "Ubuntu-Medium";
    text-align: center;
    color: white;
}

.wrap-slides {
    display: none;
    position: absolute;
    top: 35px;
    left: 10px;
    width: calc(100% - 2 * 10px);
    /* height: calc(393px - 2 * 35px); */
}

@media (min-width: 970px) {
    .wrap-slides {
        left: 35px;
        width: calc(100% - 2 * 35px);
        height: calc(393px - 2 * 35px);
    }
}

.slide-title {
    margin: 0 0 20px;
    font: 20px/1 "Ubuntu-Medium";
    text-align: center;
    color: white;
}

.wrap-waveform-overlay {
    position: relative;
}

.wrap-video_quiz {
    position: relative;
    padding-bottom: 25%;
}

.wrap-video_quiz video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    /*  outline: 1px solid #069; */
}

.wrap-video_quiz video#activeVideo.activeVideo_framed {
    outline: 1px solid #069;
}

.wrap-overlay-finished-audio {
    z-index: 10;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 150px; */
}

@media (min-width: 970px) {
    .wrap-overlay-finished-audio {
        height: 148.56px;
    }
}

.wrap-overlay-finished-audio > div {
    cursor: pointer;
    margin: 0 20px 0 0;
    background: linear-gradient(to bottom, #4c93b7 0%, #3491ba 50%, #0076aa 50%, #309bc7 100%);
    border-radius: 10px;
    padding: 10px;
    box-shadow: inset 0 -2px 1px 0 #069;
    font: 14px/1 "Ubuntu-Medium";
    text-align: center;
    color: white;
}

.wrap-overlay-finished-audio > div.btn-play_next,
.wrap-overlay-finished-audio > div.btn-play_result {
    margin: 0;
}

.wrap-overlay-finished-audio .btn-play_next {
    opacity: 0.5;
}

.wrap-overlay-finished-audio .btn-play_result {
    display: none;
    opacity: 0.5;
}

.wrap-solutions {
    margin: 20px 0 0;
    height: 44px;
}

[class^="solution"] {
    display: none;
    font: 18px/22px "Ubuntu-Medium";
    text-align: center;
    color: white;
}

/* .solution1 {
    display: block;
    opacity: 0;
    visibility: hidden;
} */

/* .solution2,
.solution3,
.solution4,
.solution5 {
    display: none;
} */

.wrap-btns-choices {
    display: flex;
    margin: 20px 0 0;
}

.wrap-btns-choices > div {
    cursor: pointer;
    margin: 0 10px 0 0;
    flex: 1 1 auto;
    background: linear-gradient(to bottom, #4c93b7 0%, #3491ba 50%, #0076aa 50%, #309bc7 100%);
    border-radius: 10px;
    padding: 10px;
    box-shadow: inset 0 -2px 1px 0 #069;
    font: 14px/1 "Ubuntu-Medium";
    text-align: center;
    color: white;
}

@media (min-width: 970px) {
    .wrap-btns-choices > div {
        margin: 0 20px 0 0;
    }
}

.wrap-btns-choices > div:last-child {
    margin: 0;
}

.wrap-btns-choices > div.answer-correct {
    display: block;
    background: linear-gradient(to bottom, #8fae6a 0%, #6f9d39 50%, #8aaf5f 50%, #7daf44 100%);
    box-shadow: inset 0 -2px 1px 0 #5f8b2c;
}

.wrap-btns-choices > div.answer-wrong {
    display: block;
    background: linear-gradient(to bottom, #b14c4c 0%, #b3393a 50%, #a2090a 50%, #bb2728 100%);
    box-shadow: inset 0 -2px 1px 0 #8f0100;
}

.wrap-result {
    display: none;
    position: absolute;
    top: 35px;
    left: 10px;
    width: calc(100% - 2 * 10px);
    /* height: calc(393px - 2 * 35px); */
    text-align: center;
    color: white;
}

@media (min-width: 970px) {
    .wrap-result {
        left: 35px;
        width: calc(100% - 2 * 35px);
        height: calc(393px - 2 * 35px);
    }
}

.wrap-result h1 {
    font: 30px/1 "Ubuntu-Medium";
    font-weight: normal;
    text-align: center;
    color: white;
}

.wrap-patients {
    display: flex;
    justify-content: center;
}

.wrap-patient-item {
    display: flex;
    align-items: center;
}

.icon-user-answer {
    margin: 0 10px 0 0;
}

.text-user-answer {
    margin: 0 0 0 10px;
}

.btn-play_reload_end-of-test {
    cursor: pointer;
    display: inline-block;
    margin: 20px 0 0;
    background: linear-gradient(to bottom, #cf73ae 0%, #da4ca4 50%, #d73b9b 50%, #ff27a8 100%);
    border-radius: 10px;
    padding: 10px;
    box-shadow: inset 0 -2px 1px 0 #069;
    font: 14px/1 "Ubuntu-Medium";
}