

/* стили для календаря*/

.lt-form:not(.lt-editing) .wowgc_date,
.lt-form:not(.lt-editing) .wowgc_cancel_link,
.lt-form:not(.lt-editing) .wowgc_time .field-label,
.lt-form:not(.lt-editing) .wowgc_time .f-input  {
    display: none!important;
}

.wowgc_curator_anastasiya .f-btn,
.wowgc_curator_jasmin .f-btn,
.wowgc_curator_evgenia .f-btn{
    background-color: #DC403B;
    border-radius: 16px !important;
}


/* стиль для блока анкеты с ответами пользователя */

.tutorial_last_answer .last-answer-survey-row {
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 15px;
}

.tutorial_last_answer .last-answer-survey-row:not(.wrong_answer):not(:nth-last-of-type(-n+2)) {
    background: #e9ffdd;
}

.tutorial_last_answer .last-answer-survey-row.wrong_answer {
    background: #ffdddd;
}

.tutorial_fail .tutorial_last_resume {
    color: #f51f1f;
    font-size: 15px;
}


.tutorial_last_answer  .last-answer-survey-row:not(:nth-last-of-type(-n+2)):before {
    content:"\f00c";
    font-family: 'FontAwesome';
    font-size: 20px;
    margin-left: 0px;
}

.tutorial_last_answer .last-answer-survey-row.wrong_answer:before {
    content:"\f00d";
}


/* изменение порядка вспомогательных блоков */

.tutorial .custom-form  .field.custom-field {
    display: flex;
    flex-direction: column;
}

.tutorial .custom-form  .field-description-block {
    order: 2;

}

.tutorial .custom-form .field-input-block {
    order: 3;
}

.tutorial .custom-form  .field-description-block p {
   color: #000;
   font-weight: 400;
}


/* формирование заголовков */

.tutorial .custom-form .fields {
    counter-reset: fields;
}

.tutorial .custom-form .field-wrapper:before {
    counter-increment: fields;
    content: "----- Упражнение № " counter(fields) " ----- ";
    color: #C81616;
    text-align: center;
    display: inherit;
    font-weight: bold;
}


/* скрываем последний блок с результатом */

.gc-main-content:not(.gc-user-admin) .tutorial .custom-form .field-wrapper:nth-last-of-type(-n+2),
.gc-main-content:not(.gc-user-admin) .tutorial_last_answer  .last-answer-survey-row:nth-last-of-type(-n+2){
    display: none;
}


/* внешний блок блока с аудио */


.tutorial .custom-form .custom-field.type-audio {
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
}


.tutorial .custom-form  .type-audio audio {
    width: 100%;
}

.tutorial .custom-form  .custom-field.type-audio .field-label {
	flex: 0 0 100%;
}

.tutorial .custom-form  .custom-field.type-audio  .field-input-block,
.tutorial .custom-form  .custom-field.type-audio   .field-description-block {
  flex: 0 0 50%;
  order: 1!important;}


.tutorial .custom-form  .custom-field.type-audio   .field-description-block:before {
    content:"";
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/613019/sc/298/h/b37a99d968f1a1577da3cb81f3aa69bb.png");
    width: 150px;
    height: 150px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}


.tutorial .custom-form  .custom-field.type-audio .img_clone_description img {
    width: 100%;
}

.tutorial .custom-form  .custom-field.type-audio .img_clone_description {
    text-align: center;
    margin-bottom: 60px;
}

/* подсказка к полю key */

.tutorial .custom-form  .question_text_promt:before {
    content: "Впиши эти варианты ответа в поле выше:";
    margin-top: 25px;
    display: block;
    color: red;
}


.tutorial .custom-form .custom-field[data-question-type="key"] input.your-key {
    border: 1px solid #f51f1f;
    border-right: none;
    border-left: none;
    border-top: none;
    outline: none;
    margin-left: 10px;
    
}


.tutorial .custom-form .custom-field[data-question-type="key"] .form-control {
  display:none;
}

/* формирование разделителей в ключах текста */

.tutorial .field-wrapper .question_text_details p[data-termin]:before {
    display: block;
    color: red;
    font-size: 14px;
    content: attr(data-termin);
    margin-top: 20px;
    display:block;
}

/*.tutorial .field-wrapper:nth-child(6) .field-description-block {
    margin-bottom: 20px;
    display:block;
}
*/

/* новые варианты ответов */

.tutorial .custom-field[data-question-type="demo"] .field-input-block {
    display: none;
}

.tutorial .custom-field[data-question-type="demo"] img.demo_work {
    margin-bottom: 23px;
}

.tutorial .field.custom-field[data-question-type^="comparison"] input[type="checkbox"] {
    display: none;
}

.tutorial .field.custom-field[data-question-type^="comparison"] .number-selector {
    margin-right: 10px;
}


.tutorial .field-description-block img {
    margin-bottom: 25px;
    width: 100%;
}

/* комбинации c уникальными разделителями */
.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:before,
.tutorial.key310594146 .field-wrapper:nth-child(-n+3) .field-input-block label:before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:before,
.tutorial.key320835053 .field-wrapper:nth-child(9) .field-input-block label:before{
    display: block;
    color: red;
    font-size: 14px;
}

.tutorial.key310594146 .field-wrapper:nth-child(1)  .field-input-block label:nth-child(1):before,
.tutorial.key310594146 .field-wrapper:nth-child(-n+3) .field-input-block label:nth-child(1):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(1):before,
.tutorial.key320835053 .field-wrapper:nth-child(9) .field-input-block label:nth-child(1):before {
    content:"-- 1 --";
}

.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(4):before,
.tutorial.key310594146 .field-wrapper:nth-child(2) .field-input-block label:nth-child(3):before,
.tutorial.key310594146 .field-wrapper:nth-child(3) .field-input-block label:nth-child(3):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(3):before,
.tutorial.key320835053 .field-wrapper:nth-child(9) .field-input-block label:nth-child(3):before {
    content:"-- 2 --";
}


.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(7):before,
.tutorial.key310594146 .field-wrapper:nth-child(2) .field-input-block label:nth-child(5):before,
.tutorial.key310594146 .field-wrapper:nth-child(3) .field-input-block label:nth-child(5):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(5):before,
.tutorial.key320835053 .field-wrapper:nth-child(9) .field-input-block label:nth-child(5):before{
    content:"-- 3 --";
}

.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(10):before,
.tutorial.key310594146 .field-wrapper:nth-child(2) .field-input-block label:nth-child(7):before,
.tutorial.key310594146 .field-wrapper:nth-child(3) .field-input-block label:nth-child(7):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(7):before{
    content:"-- 4 --";
}

.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(13):before,
.tutorial.key310594146 .field-wrapper:nth-child(2) .field-input-block label:nth-child(9):before,
.tutorial.key310594146 .field-wrapper:nth-child(3) .field-input-block label:nth-child(9):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(9):before{
    content:"-- 5 --";
}


.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(16):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(11):before{
    content:"-- 6 --";
}

.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(18):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(13):before{
    content:"-- 7 --";
}

.tutorial.key310594146 .field-wrapper:nth-child(1) .field-input-block label:nth-child(20):before,
.tutorial.key310594146 .field-wrapper:nth-child(5) .field-input-block label:nth-child(15):before{
    content:"-- 8 --";
}



/* создание групп ответов внутри вопроса - параметр doubles_labels */

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block label:before{
    display: block;
    color: red;
    font-size: 14px;
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(1):before{
    content:"-- 1 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(3):before{
    content:"-- 2 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(5):before {
    content:"-- 3 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(7):before {
    content:"-- 4 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(9):before{
    content:"-- 5 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(11):before{
    content:"-- 6 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(13):before{
    content:"-- 7 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(15):before{
    content:"-- 8 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(17):before{
    content:"-- 9 --";
}

.tutorial .field.custom-field[data-question-type*="doubles_labels"] .field-input-block  label:nth-child(19):before{
    content:"-- 10 --";
}



.tutorial_good:not(.now), .tutorial_fail {display:none}


.answer-form .addfield img {
    width: 100%;
}

@media (max-width: 768px) {
    .tutorial .custom-form .custom-field.type-audio .field-description-block:before {
        width: 90px;
        height: 90px;
    }
}
