/* =============================================================================
 
    Описание стилей для тестовых заданий 
    для электронных учебных ресурсов
    Автор: И.В. Наумкин
 
Размеры шрифтов: 
	28pt;=36px;  24pt;=32px;  22pt;=29px;  20pt;=27px;	 18pt;=24px;
	16pt;=21px;  14pt;=19px;  12pt;=16px;  10pt;=13px;	 9pt;=12px; 8pt;=11px;
 
 
============================================================================= */


/*******************************************************************************
 *				Основной блок: класс страницы теста
 * 
********************************************************************************/

/* ********************************* видимое название блока вопросов */
.flex-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

@media screen and (max-width: 1023px) {
    .flex-block {
        margin-bottom: 8px;
    }
}

/* ********************************* видимое название блока вопросов */
.flex-block__left {
    width: 380px;
    margin-right: 10px;
}

@media screen and (max-width: 1919px) {
    .flex-block__left {
        width: 380px;
    }
}

@media screen and (max-width: 1359px) {
    .flex-block__left {
        width: 330;
    }
}

@media screen and (max-width: 1023px) {
    .flex-block__left {
        width: 270px;
    }
}

@media screen and (max-width: 639px) {
    .flex-block__left {
        width: 100%;
    }
}

/********************************** Правая часть для фото				 */

.flex-block__right {
    width: 670px;
}

@media screen and (max-width: 1919px) {
    .flex-block__right {
        width: 670px;
    }
}

@media screen and (max-width: 1359px) {
    .flex-block__right {
        width: 570px;
    }
}

@media screen and (max-width: 1023px) {
    .flex-block__right {
        width: 435px;
    }
}

@media screen and (max-width: 639px) {
    .flex-block__right {
        width: 100%;
    }
}

.flex-block__graph {
    display: flex;
    justify-content: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0;
}

@media screen and (max-width: 1023px) {
    .flex-block__graph {
        margin-top: 10px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 639px) {
    .flex-block__graph {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.flex-block__graph img {
    /* width: 305px;*/
    height: 450px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 0;
}


/**********************************************************************/

.test {
    background-color: rgba(198, 199, 199, 0.1);
    background-image: url('13_nsau.png');
    background-repeat: no-repeat;
}

/*  класс ограничивает размер блока теста		*/
.test__container {
    margin: 0 40px;
    padding: 0 5px;
    width: 1200px;
}

@media screen and (max-width: 1919px) {
    .test__container {
        width: 1200px;
        margin: 0 30;
    }
}

@media screen and (max-width: 1359px) {
    .test__container {
        width: 1000px;
        margin: 0 20;
    }
}

@media screen and (max-width: 1023px) {
    .test__container {
        width: 750px;
        margin: 0 10;
    }
}

@media screen and (max-width: 639px) {
    .test__container {
        width: 350px;
    }
}

.section {
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 0 auto;
}

@media screen and (max-width: 1023px) {
    .section {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

@media screen and (max-width: 639px) {
    .section {
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

/*==========================================		номер тестового задания 		*/
.test__title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 24pt;
    font-style: normal;
    font-weight: bold;
    color: #6c0000;
    font-family: 'Times New Roman', 'Times', serif;
}

@media screen and (max-width: 1023px) {
    .test__title {
        margin-bottom: 15px;
        font-size: 20pt;
    }
}

@media screen and (max-width: 639px) {
    .test__title {
        margin-bottom: 5px;
        font-size: 14pt;
    }
}

/*==========================================		Текст тестового задания 		*/
.test__Question {
    margin-bottom: 20px;
    font-size: 18pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: italic;
    padding: 10px 20px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.answ__select {
    font-size: 18pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: italic;
    padding: 5px 10px;
    border: 2px solid #6c0000;
    background: #eaeaea;
}

.answ1__select {
    font-size: 14pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: italic;
    padding: 3px 5px;
    margin: 5px;
    border: 2px solid #6c0000;
    background: #eaeaea;
    transition: opaciti 0.3s;
}

.answ1__select:hover {
    opacity: 0.7;
}

/*==========================================		Варианты ответов		*/
.test__AnswerOptions {
    font-size: 16pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: normal;
}

.AnswerOptions-text {
    font-size: 16pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: normal;
}

/*==========================================    кнопка Проверить */
.AnswerBtn {
    height: 35px;
    width: 150px;
    background-color: #f1d795;
    padding: 8px 15px;
    color: #6c0000;
    border-radius: 6px;
    transition: opaciti 0.3s;
}

.AnswerBtn:hover {
    opacity: 0.7;
}

.AnswerBtn:active {
    opacity: 0.9;
}

/*==========================================    поле выбора варианта ответа */
.numberBtn {
    width: 50px;
    height: 20px;
    text-align: center;
    margin: 3px 5px;
}

@media screen and (max-width: 1023px) {
    .test__Question {
        margin-bottom: 10px;
        padding: 5px 10px;
        font-size: 16pt;
        font-family: 'Times New Roman', 'Times', serif;
        padding: 5px 0;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-right: 5px;
    }

    .answ__select {
        font-size: 16pt;
    }

    .answ1__select {
        font-size: 12pt;
    }

    .test__AnswerOptions,
    .AnswerOptions-text {
        font-size: 14pt;
    }
}

@media screen and (max-width: 639px) {
    .test__Question {
        margin-bottom: 5px;
        padding: 2px 5px;
        font-size: 14pt;
        font-family: 'Times New Roman', 'Times', serif;
        padding: 8px 0;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-right: 1px;
    }

    .answ__select {
        font-size: 14pt;
    }

    .answ1__select {
        font-size: 11pt;
    }

    .test__AnswerOptions,
    .AnswerOptions-text {
        font-size: 12pt;
    }

}

/*================================= Блок ссылки на теоретический материал	*/
.test__Info a {
    font-size: 16pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: italic;
    color: #6c0000;
}

/*================================= Блок с правильным ответом	*/
.test__Hint {
    font-size: 14pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: normal;
    display: block;
}

a.podskazka,
span.podskazka,
.test_Hint a {
    color: #0000ff;
    font-size: 14pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: normal;
    font-style: normal;
}

label {
    /* margin-left: 15px;*/
    line-height: 30px;
}

/*================================= Блок с правильным ответом	*/
.printBlock {
    font-size: 14pt;
    font-family: 'Times New Roman', 'Times', serif;
    font-weight: bold;
    font-style: italic;
}

@media screen and (max-width: 1023px) {

    .test__Info a,
    .test__Hint,
    .printBlock,
    .podskazka {
        font-size: 14pt;
    }

    label {
        /* margin-left: 15px;*/
        line-height: 15px;
    }
}

@media screen and (max-width: 639px) {

    .test__Info a,
    .test__Hint,
    .printBlock,
    .podskazka {
        font-size: 11pt;
    }

    label {
        /* margin-left: 15px;*/
        line-height: 10px;
    }
}

.hiden {
    font-size: 4px;
    font-family: 'Times New Roman', 'Times', serif;
    color: #fff;
    position: relative;
    cursor: none;
    display: none;

}

.Answers__result {
    font-size: 14pt;
    font-family: 'Times New Roman', 'Times', serif;
    color: #fff;

}