/*
============================================
Вкладки Task
============================================
*/
.tabs__caption{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    margin: -1px 0 0 -1px;	
}

article.lightblue .tabs__caption .active {
    background: rgb(106, 163, 204);
    color: white;
    border-color: rgb(106, 163, 204);
}

article.lightblue .tabs__caption li {
	color: rgb(106, 163, 204);
}

article.lightblue .tabs__content {
	border-color: rgb(106, 163, 204);
}

article.lightpink .tabs__caption .active {
    background: rgb(206, 114, 135);
    color: white;
    border-color: rgb(206, 114, 135);
}

article.lightpink .tabs__caption li {
	color: rgb(199, 74, 105);
}

article.lightpink .tabs__content {
	border-color: rgb(206, 114, 135);
}

article.lightyellow .tabs__caption .active {
    background: rgb(239, 212, 125);
    color: white;
    border-color: rgb(206, 114, 135);
}

article.lightyellow .tabs__caption li {
	color: rgb(239, 212, 125);
}

article.lightyellow .tabs__content {
	border-color: rgb(239, 212, 125);
}

article.lightgreen .tabs__caption .active {
    background: rgb(111,179,3);
    color: white;
    border-color: rgb(111,179,3);
}

article.lightgreen .tabs__caption li {
	color: rgb(111,179,3);
}

article.lightgreen .tabs__content {
	border-color: rgb(111,179,3);
}

article.lightviolet .tabs__caption .active {
    background: rgb(149,117,205);
    color: white;
    border-color: rgb(149,117,205);
}

article.lightviolet .tabs__caption li {
	color: rgb(149,117,205);
}

article.lightviolet .tabs__content {
	border-color: rgb(149,117,205);
}

article.lightmarine .tabs__caption .active {
    background: rgb(0,188,212);
    color: white;
    border-color: rgb(0,188,212);
}

article.lightmarine .tabs__caption li {
	color: rgb(0,188,212);
}

article.lightmarine .tabs__content {
	border-color: rgb(0,188,212);
}

article.lightorange .tabs__caption .active {
    background: rgb(255,152,0);
    color: white;
    border-color: rgb(255,152,0);
}

article.lightorange .tabs__caption li {
	color: rgb(255,152,0);
}

article.lightorange .tabs__content {
	border-color: rgb(255,152,0);
}

.tabs__caption:after {
    content: '';
    display: table;
    clear: both;
}

.tabs__caption li:not(.active) {
    cursor: pointer;
}

.tabs__caption li {
    padding: 9px 15px;
    margin: 1px 0 0 1px;
    background: none;
    position: relative;
    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
	font: bold 1.4em 'garamond';
}

.tabs__content {
	display: none; /* по умолчанию прячем все блоки */
	background: #FFF;
    /* border-top: 2px solid; */
    /* border-radius: 0 5px 5px 5px; */
	min-height:400px;
}

.tabs__content>div{
    padding: 0px 20px 20px;
}

.tabs__content.active {
	display: block; /* по умолчанию показываем нужный блок */
}



/*--ОБЕРТКА УПРАЖНЕНИЯ--*/
.task {
	margin-bottom:20px;
	
}

.task__content {
	background: #FFF;
	padding: 20px 20px !important;
	text-align:justify;
	line-height:1.7em;
}

div.task div.task__content:only-of-type{
	min-height:450px;
}

.task__content p {
	text-indent:1.3em;
}

div.task h2+div.task__content {
	margin-top:-20px;
}

.task h2 {
	margin-bottom:20px;
	padding:0.3em;
	text-align:center;
	background:none;
	font-size:1.3em;
	font-style:italic;
	font-weight: bold;
	text-transform:none;
}

.task h3{
	margin:10px;
}

article.lightblue .task h2{
	color:white;
	background:rgb(106, 163, 204);
}

article.lightpink .task h2{
	color:white;
	background:rgb(206, 114, 135);
}

article.lightyellow .task h2{
	color:white;
	background:rgb(239, 212, 125);
}

article.lightgreen .task h2{
	color:white;
	background:rgb(111,179,3);
}

article.lightviolet .task h2{
	color:white;
	background:rgb(149,117,205);
}

article.lightmarine .task h2{
	color:white;
	background:rgb(0,188,212);
}

article.lightorange .task h2{
	color:white;
	background:rgb(255,152,0);
}

.task p{
	text-indent:1.3em;
	text-align:justify;
	line-height:1.7em;
}

.center {
	text-align:center !important;
}

/* Кнопка печати*/
a.print {
    background: rgb(134, 132, 132);
    padding: 10px;
    color: white;
    font: 0.6em 'verdana';
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto;
}

a.print:hover{
	background:rgb(106, 163, 204);
	text-decoration:none;
}

a.print.pink:hover{
	background:rgb(206, 114, 135);
	text-decoration:none;
}

a.help {
    background: rgb(134, 132, 132);
    padding: 10px;
    color: white;
    font: 0.6em 'verdana';
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto;
}

a.help:hover{
	background:rgb(132, 45, 109);
	text-decoration:none;
}

/*кнопка check*/
button.check {
    /* background: rgb(134, 132, 132); */
    padding: 5px;
    /* color: white; */
    font: 0.6em 'verdana';
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto;
}

button.check:hover{
	/* background:rgb(132, 45, 109); */
	text-decoration:none;
	text-shadow: 0 0 1px #b2e4fc;
}

/*кнопка try again*/
button.tryagain {
    /* background: rgb(134, 132, 132); */
    padding: 5px;
    /* color: white; */
    font: 0.6em 'verdana';
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto;
}

button.tryagain:hover{
	/* background:rgb(132, 45, 109); */
	text-decoration:none;
	text-shadow: 0 0 1px #b2e4fc;
}
/*кнопка отображения ключей*/
a.key {
	background: url("../images/com/button_amv.png") no-repeat;
	display: block;
	width: 198px;
	height: 47px;
	margin: 15px auto;
}
a.key:hover{
	background:url("../images/com/button_amv_hover.png");
	text-decoration:none;
}

a.key span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

/*кнопка отображения tapeScript*/
a.keyView {
	background: url("../images/com/button_vts.png") no-repeat;
	display: block;
	width: 198px;
	height: 47px;
	margin: 15px auto;
}
a.keyView:hover{
	background:url("../images/com/button_vts_hover.png");
	text-decoration:none;
}

a.keyView span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
/*блок с возможными ответами*/
div.amv{
	display:none;
	width:70%;
	margin:10px auto;
	padding:15px 20px;
	background:rgba(246,251,255);
	background-color:rgba(246,251,255);
	border: 1px solid rgba(229,244,255,0.34);
	line-height:1.7em;
}

/*крестик закрытия блока*/
span.close{
	float:right;
	margin:-15px -10px;
}

span.close:after{
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
}

/*кнопка отображения аудиозаписи*/
div.play {
	background: rgb(111,179,3);
	display: block;
	width: 198px;
	height: 47px;
	margin: 15px auto;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-size:1em;
	padding:12px;
	font-weight:bold;
}
div.play:hover{
	background:rgba(253, 221, 115,1);
	text-decoration:none;
}



/*фон для пустых task*/
.notebook_blue{
	background: url(../../tutorial/images/com/notebook_blue.png) no-repeat;
	background-position: bottom;
	background-size:auto 400px;
	min-height:400px;
}
.bg {
	background: url(../../tutorial/images/com/task_bg.jpg) bottom no-repeat;
	background-size:auto 400px;
}	

/*fill in the gaps*/
.gaps input {
	border-bottom: 1px dotted;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
	width:auto;
}
.gaps_inline input {
	border-bottom: 1px dotted;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
	margin-left:10px;
	width:300px;
}

.gaps_small input {
	border-bottom: 1px dotted;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
	width:35px;
}

.gaps1 input {
	border-bottom: 1px dotted;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
	width:200px;
}

/*Страница печати*/
@media print {
    .more {
     page-break-after: always;
    } 
	body {
		   /* display: table; */
		   /* table-layout: fixed; */
		   /* padding-top: 2.5cm;
		   padding-bottom: 2.5cm; */
		   padding-left:1cm;
		   padding-left:1cm;
		   height: auto;
		   width:auto;
	   }	
} 

/* div example*/
.example{
	width:90%;
	/* background:rgba(255, 255, 118, 0.29); */
	padding:20px;
	margin:20px auto 5px;
}

.example table {
	width:95%;
	margin: 0 auto;
}

.example table td:first-child{
	font-style:italic;
	vertical-align:top;
}

.example table td {
	padding: 10px;
}

.task h5 {
	color:rgb(2, 146, 137);
	font-size:1.2em;
}

/*ссылка внизу текстов*/
.adapted {
    font-size: 0.7em;
    font-style: italic;
    float: right;
    margin: 25px 0;
}

/*>>>>>>>>>>>>>>>>>
Аудио-задание
<<<<<<<<<<<<<<<<<*/
.audioTask{
	width:90%;
	margin: auto;
}

/*список с жирным курсивным текстом, без маркеров*/
.boldUl {
	margin-left:60px;
	list-style-type:none;
	font-style:italic;
	font-weight:bold;
}

/*цветной жирный текст*/
.cT {
	color:rgb(132, 45, 109);
	font-weight:bold;
}

/*простая таблица с границами*/
.simpleTable {
	width:90%;
	margin:auto;
}

.simpleTable td {
	padding:10px;
	border:1px solid rgba(132, 45, 109,0.1);
	text-align:center;
	width: 100%;
}

.simpleTable th {
	background:rgba(132, 45, 109,0.05);
	border:1px solid rgba(132, 45, 109,0.1);
	padding:10px;
	vertical-align:middle;
}

.simpleTable {
	table-layout: fixed;
}

.diskUl {
	list-style-type: disc;
	padding-left:1.5em;
	line-height:1.7em;
}

/*без отступа первой строки*/
.noTab {
	text-indent:0 !important;
}

/*список с латинским счетчикам*/
.alpha {
	list-style-type:lower-latin;
}
.numb{/*список с арабскими цифрами*/
	list-style-type:decimal;
}
/*Список со скобками*/
ol.bkt {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
	margin-left:25px;
   }
ol.bkt li:before {
    content: counter(item) ') '; /* Добавляем к числам скобку */
    counter-increment: item; /* Задаём имя счетчика */
   }

ol.abkt {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  section; /* Обнуляем счетчик списка */
	margin-left:25px;
   }
ol.abkt li:before {
    content: counter(section, lower-alpha) ') '; /* Добавляем к числам скобку */
    counter-increment: section; /* Задаём имя счетчика */
   }
   
/*с отступом всего абзатца*/

.withTab{
	margin:15px 0px 15px 45px;
}
/*exs 1_2*/
.task1_2{
	line-height:1.7em;
	font-size:1em;
}

.task1_2 div.item input{
	vertical-align:middle;
}

.task1_2 div.item{
	/* margin-left:15px; */
}
.task1_2 div.item span.imark {
	display:inline-block;
	width:15px;
}
/*перетаскивание из упражнения Reading Questionю Type 10_1*/
div[type="10_1"].compare {
	width:100%;
	margin: 10px auto;
}

div[type="10_1"].compare table{
	width:90%;
	margin: 10px auto;
}

div[type="10_1"].compare table th{
	background:rgb(206,231,249);
	border:2px solid white;
	padding:10px;
	font-weight:bold;

}

div[type="10_1"].compare table tr td {
	padding:10px;
	background:rgba(229,244,255,0.34);
	border:2px solid white;
	
}
div[type="10_1"].compare table tr td:first-child{
	width:30%;
}

div[type="10_1"].compare div.item{
	clear:both;
}

div[type="10_1"].compare div.item div:last-child {
    width: auto;
    min-height: 2em;
	border: 1px solid rgb(206,231,249);
	margin-bottom:5px;
	background:white;
	padding:10px;
}

div[type="10_1"].compare table div.item div:last-child {
    width: auto;
	height: auto;
    min-height: 2em;
	border: 1px solid rgb(206,231,249);
	margin:5px;
	background:white;
	padding:10px;
	flex:1;
}
div[type="10_1"].compare table div.item{
	display:flex;
}

div[type="10_1"].compare span.N {
    color: red;
    font-weight: bold;
}
div[type="10_1"].compare span.Y {
    color: green;
    font-weight: bold;
}

.Y {
    color: green;
    font-weight: bold;
}

.N {
    color: red;
    font-weight: bold;
}

div[type="10_1"].words-container {
	overflow: hidden;
    width: 90%;
    margin: 20px auto;
    border: 1px solid rgb(206,231,249);
    min-height: 3em;
	padding: 30px 0px 25px 0px;
	float: none;
}

div[type="10_1"].words-container span{
	display:block;
	padding:5px;
    line-height: 1.8em;
    clear: both;
    cursor: pointer;
	float: none;
}

div[type="10_1"].words-container span:nth-child(2n) {
	background:rgba(229,244,255,0.5);
}

div[type="10_11"].words-container {
	overflow: hidden;
    width: 40%;
    margin: 20px auto;
    border: 1px solid rgb(237,231,246);
    min-height: 3em;
	padding: 30px 0px 25px 0px;
	float: none;
}

div[type="10_11"].words-container span{
	display:block;
	padding:2px;
    line-height: 1.8em;
    clear: both;
    cursor: pointer;
	float: none;
}

div[type="10_11"].words-container span:nth-child(2n) {
	background:rgb(237,231,246);
}

div[type="10_12"].words-container {
	overflow: hidden;
    width: 40%;
    margin: 20px auto;
    border: 1px solid rgb(0,188,212)
	;
    min-height: 3em;
	padding: 30px 0px 25px 0px;
	float: none;
}

div[type="10_12"].words-container span{
	display:block;
	padding:2px;
    line-height: 1.8em;
    clear: both;
    cursor: pointer;
	float: none;
}

div[type="10_12"].words-container span:nth-child(2n) {
	background:rgb(232,252,255);
}
table.pink {
	padding:10px;
	width:90%;
	margin:auto;
	background:none;
}

table.pink th{
	background: rgb(255,209,220);
	text-align:center;
	vertical-align:middle;
	border:1px solid rgb(255,209,220);
}

table.pink th:not(:last-child){
	border-right:1px solid white;
}
table.pink td {
	padding:5px;
	border:1px solid rgb(255,209,220);
}

table textarea {
	width:100%;
	border:none;
	margin:3px;
}

textarea.full{
	width:100%;
	min-height:200px;
}

/*упражнение - упорядочивание с помощью списка селекторов*/
div.select div.item li span, div.select div.item li select{
	display:inline-block;
	margin-bottom:5px;
	vertical-align:top;
}
div.select div.item select {
	text-indent:6px;
	font-weight:700;
}
 div.select div.item select option{
	font-weight:normal;
	text-indent: 6px;
}

div.select div.item select+span {
	width:85%;
	margin-left:5px;
}

div.select div.item span.imark {
	width:10px;
	vertical-align:top;
}

div.alternate {
	margin-bottom:10px;
}
div.alternate div.text {
	padding:10px;
	border:1px solid rgb(255, 246, 248);
	text-align:justify;
}
div.alternate div.text:first-letter{
	font-weight:bold;
	padding-right:5px;
}

div.alternate div.text:nth-child(odd) {
    background: rgb(255, 246, 248);
}

/*список с курсивным текстом и маркером тире*/
.italic_list {
	font-style:italic;
}
ul.italic_list li:before {
	content:  "-";
	margin-right:5px;
}

/*Аудио плеер*/
.audio_player {
	text-align: center;
}
/*таймер*/
p.countdown {
	display:none;
    font-size: 1.2em;
	text-align:center;
	font-size:3em;
	color:rgb(111,179,3);
	text-indent:0px;
/* 	margin-top:20px; */
}
button.timer {
	/* width:100%; */
	padding:10px;
	background:none;
	border:2px solid rgb(111,179,3);
	border-radius: 5px;
	color:rgb(111,179,3);
	font-size:2em;
	margin-top:10px;
	margin-bottom:10px;
	
}

/*listening 6*/
div.table.job {
	width:90%;
	margin:10px auto;
}

div.cell span.imark {
	display:block;
	text-align:center;
	/* padding:10px; */
	width:25px;
}

div.cell.text {
	width:auto;
	padding:10px;
	text-align:left;
}

div.cell.r {
	width:20%;
	padding:10px;
	border:1px solid gray;
	text-align:center;
}
 div.tr.item {
	 border:1px solid gray;
 }
 
 
/*  div.tr.mark div{
	 display:inline;
 } */
 
.gaps div.jmark {
	 width:15px;
	 float:left;
 }
.gaps1 div.jmark {
	 width:15px;
	 float:left;
 }
 
.gaps div.jmark+div {
	 margin-left:20px;
 }
 
.gaps1 div.jmark+div {
	 margin-left:20px;
 }
 
.gaps div.job {
	margin-bottom:10px;
	padding: 5px;
}
.gaps1 div.job {
	margin-bottom:10px;
	padding: 5px;
}

.gaps input.N{
	color:red;
}

.gaps input.Y{
	color:green;
}

.gaps1 input.N{
	color:red;
}

.gaps1 input.Y{
	color:green;
}

.gaps_small input.N{
	color:red;
}

.gaps_small input.Y{
	color:green;
}

.gaps_inline input.N{
	color:red;
}

.gaps_inline input.Y{
	color:green;
}
.nobr {
	white-space:nowrap;
}

/*Вертикальный match*/
.compare {
    display: table;
    float: left;
    border-spacing: 5px;
}

.compare div>div {
    display: table-cell;
    width: 150px;
    height: 1.2em;
    border: 1px solid gray;
    padding: 5px;
    vertical-align: middle;
}

.compare div>div:first-child {
    display: table-cell;
    width: 25px;
    border: 0px;
    padding: 5px;
    vertical-align: middle;
}

.words-container {
    width: 150px;
    margin-top: 2.5em;
    margin-left: 35px;
    border: 1px solid gray;
    float: left;
    /* border-spacing: 5px; */
    padding: 5px;
    /* height: 10em; */
}

.compare.h div>div:nth-child(2) {
    display: table-cell;
    width: 25px;
    border: 0px;
    padding: 5px;
    vertical-align: middle;
}

/* div[id^="directTask"] span {
    white-space: pre;
} */
.words-container span {
    line-height: 1.8em;
    clear: both;
    float: left;
    cursor: pointer;
}

.words-container.h {
    width: 340px;
    margin-top: 0px;
	margin-bottom:5px;
    margin-left: 35px;
    border: 1px solid lightgray;
    float: left;
    /* border-spacing: 5px; */
    padding: 5px;
    height: 2.2em;
} 

.words-container.h span {
    line-height: 1.8em;
	margin-right:7px;
	clear: none;
    float: left;
    cursor: pointer;
}

/*упражнение в виде таблицы*/
.exsv3531 {
	border:1px solid gray;
	padding:3px;
	border-collapse: separate; 
	border-spacing: 5px;
}

.exsv3531 div.cell {
	padding:3px;
}

div.cell span.jmark {
	display:block;
	text-align:right;
	width:10px;
	font-size:0.9em;
}

.exsv3531 div.cell[bord="y"] {
	border-bottom: 1px dotted gray;
	margin-left: 5px !important;
}

.exsv3531 div.cell[bord="y"]:last-child{
	width:35%;
}

/*список вопросов - ставим номери текст на одном уровне*/
div.cntrl[type="radio"] div.mark div {
	float:left;
	/* padding:5px; */
	line-height:1.2em;
	display:table-cell;
	
}

form.wide_exs div.cntrl[type="radio"] div.mark div {
	padding:5px;
	line-height:1.2em;
	display:table-cell;
}
div.cntrl[type="radio"] div.mark div:nth-child(1) {
	padding-right:5px;
	width:15px;
}

div.cntrl[type="radio"] div.mark div:nth-child(2) {
	padding-right:5px;
}
div.cntrl[type="radio"] div.mark span.imark {
	display:block;
	width:15px;
	height:1.2em;
}

form.wide_exs div.mark div:not(.switches_h):not(.switches_v):nth-child(3){
/* 	width:90%; */

}

form.wide_exs div.cntrl[type="radio"] div.mark div:not(.switches_h):not(.switches_v):nth-child(3) span{

}

form:not(.wide_exs) div.cntrl[type="radio"] div.mark div:not(.switches_h):nth-child(3){
	width:85%;
}

.switches_h {
	margin-left:30px;
}

.switches_h label{
	margin-left:10px;
}

/*упражнение в виде таблицы exercise v3534*/
.exsv3534 {
	/* border:1px solid gray; */
	padding:3px;
	border-collapse: separate; 
	border-spacing: 2px;
	width:auto;
}

.exsv3534 div.cell {
	padding:3px;
	width:auto;
}

.exsv3534 div.cell[bord="y"] {
	/* border-bottom: 1px dotted gray; */
	margin-left: 5px !important;
}


/* Кнопка открытия текста exercise 4*/
a.showText {
    background: rgb(134, 132, 132);
    padding: 10px;
    color: white;
    font: 0.6em 'verdana';
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto;
}

a.showText:hover{
	background:rgb(239, 212, 125);
	text-decoration:none;
}

a.showText.active {
	background:rgb(239, 212, 125);
}

.tr.mark[type="wide_exs"] div{
	padding:5px;
}

.circle {
	list-style-type:disc;
	margin: 20px;
}

ul.circle li{
	line-height:1.5em;
}

div.disabled
{
  pointer-events: none;

  /* for "disabled" effect */
  opacity: 0.5;

}

/*секундомер*/
div.time{
	padding:10px;
	background:none;
	border:2px solid rgb(111,179,3);
	border-radius: 5px;
	color:rgb(111,179,3);
	width:25%;
	margin:10px auto;

}


/*секундомер*/

.table.grammar {
	width:100%;

	
}

.table.grammar div.tr{
	height:60px;
	width:100%;
}

.table.grammar div.cell{
	padding:10px;	
}

.table.grammar div.tr textarea {
	width:100%;
}

.table.grammar.text div.tr{
	min-height:300px;
	width:100%;
}

.table.grammar.text div.tr textarea {
	width:100%;
	min-height:300px;
}

.table.grammar.text p{
	text-indent:0 !important;
}