.Lectures {
	list-style    : none;
	counter-reset : ul;
	padding-left: 15px;
}
.Lectures li {
	font-size   : 1.1em;
	line-height : 1.3em;
}

ul.lec {
	/*position                    : relative;*/
	border                      : 2px solid #337AB7;
	background                  : #EBF3FA;
	padding                     : 10px 10px 10px 28px;
	margin                      : 12px 0 12px 40px;
	-webkit-transition-duration : 0.3s;
	transition-duration         : 0.3s;
	font-size                   : 1.1em;
	font-weight : 700;
}
ul.lec:hover {
	background : #FFF;
}
ul.lec:hover .actions {
	visibility : visible;
}

ul.lec:before {
	line-height                 : 26px;
	position                    : absolute;
	top                         : 8px;
	left                        : -70px;
	width                       : 80px;
	text-align                  : center;
	font-size                   : 14px;
	font-weight                 : bold;
	color                       : #FFF;
	background                  : #337AB7;
	counter-increment           : ul;
	content                     : "Лекция " counter(ul);
	-webkit-transition-duration : 0.2s;
	transition-duration         : 0.2s;
}
ul.lec:hover:before {
	width : 86px;
}

ul.lec:after {
	position                    : absolute;
	line-height                 : 31px;
	left                        : 10px;
	top                         : 8px;
	content                     : "";
	height                      : 0;
	width                       : 0;
	border                      : 13px solid transparent;
	border-left-color           : #337AB7;
	-webkit-transition-duration : 0.2s;
	transition-duration         : 0.2s
}
ul.lec:hover:after {
	margin-left : 6px;
}

.Materials {
	counter-reset : li;
	list-style    : none;
}

div.mat {
	position           : relative;
	display            : block;
	padding            : .4em .4em .4em .8em;
	margin             : .5em 0 .5em 7.5em;
	background         : #EDEDED;
	color              : #444;
	text-decoration    : none;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.mat:hover {
	background : #DCECFA;
}
div.mat:before {
	content            : "Материал " counter(li);
	counter-increment  : li;
	position           : absolute;
	left               : -7.5em;
	top                : 50%;
	margin-top         : -1.1em;
	border             : 2px solid var(--green-lite);
	color              : #444;
	height             : 2em;
	width              : 6.6em;
	line-height        : 2em;
	text-align         : center;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.mat:hover:before {
	background : var(--green-lite);
}
div.mat:after {
	position           : absolute;
	content            : '';
	border             : .6em solid transparent;
	left               : -.7em;
	top                : 50%;
	margin-top         : -.5em;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.mat:hover:after {
	left              : -.7em;
	border-left-color : var(--green-lite);
}
div.mat:hover .actions {
	visibility : visible;
}

div.mat.isstart:before{
	background: var(--green-sublite);
}
div.mat.isend:before{
	background: var(--green-dark);
	border-color: var(--green-dark);
	color: #FFF;
}

.Tasks {
	counter-reset : li;
	list-style    : none;
	padding-bottom: 10px;
}

div.tsk {
	position           : relative;
	display            : block;
	padding            : .4em .4em .4em .8em;
	margin             : .5em 0 .5em 7.5em;
	background         : #EDEDED;
	color              : #444;
	text-decoration    : none;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.tsk:hover {
	background : #DCECFA;
}
div.tsk:before {
	content            : "Задание " counter(li);
	counter-increment  : li;
	position           : absolute;
	left               : -7.5em;
	top                : 50%;
	margin-top         : -1.1em;
	border             : 2px solid var(--red);
	color              : #444;
	width              : 6.6em;
	line-height        : 2em;
	text-align         : center;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.tsk:hover:before {
	background : var(--red);
	color: #FFF;
}
div.tsk:after {
	position           : absolute;
	content            : '';
	border             : .6em solid transparent;
	left               : -.7em;
	top                : 50%;
	margin-top         : -.5em;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.tsk:hover:after {
	left              : -.7em;
	border-left-color : var(--red);
}
div.tsk:hover .actions {
	visibility : visible;
}

div.tsk.isstart:before{
	background: var(--red-lite);
}
div.tsk.isstart:hover:before{
	background : var(--red);
}
div.tsk.isend:before{
	background: var(--red-dark);
	border-color: var(--red-dark);
	color: #FFF;
}

/*
	Вопросы заданий
*/
.Questions {
	counter-reset : ul;
	list-style    : none;
}
.Questions li {
	font-size   : 1.0em;
	line-height : 1.2em;
}

div.quest {
	position           : relative;
	display            : block;
	padding            : .4em .4em .4em .8em;
	margin             : .5em .5em .5em 6em;
	background         : #EDEDED;
	color              : #444;
	text-decoration    : none;
	-webkit-transition : all .3s ease-out;
	-moz-transition    : all .3s ease-out;
	-ms-transition     : all .3s ease-out;
	-o-transition      : all .3s ease-out;
	transition         : all .3s ease-out;
}
div.quest:hover {
	background : #DCECFA;
}
div.quest:before {
	line-height                 : 26px;
	position                    : absolute;
	top                         : 1px;
	left                        : -85px;
	width                       : 70px;
	text-align                  : center;
	font-size                   : 14px;
	font-weight                 : bold;
	color                       : #FFF;
	background                  : #337AB7;
	counter-increment           : ul;
	content                     : "Вопрос " counter(ul);
	-webkit-transition-duration : 0.2s;
	transition-duration         : 0.2s;
}
div.quest:hover:before {
	width : 80px;
}
div.quest:after {
	position                    : absolute;
	line-height                 : 24px;
	left                        : -15px;
	top                         : 1px;
	content                     : "";
	height                      : 0;
	width                       : 0;
	border                      : 13px solid transparent;
	border-left-color           : #337AB7;
	-webkit-transition-duration : 0.2s;
	transition-duration         : 0.2s
}
div.quest:hover:after {
	margin-left : 10px;
}
div.quest:hover .actions {
	visibility : visible;
}

.append {
	
	margin : .5em 3.5em .5em 10.7em;
	color  : #444;
}

.actions {
	float        : right;
	visibility   : hidden;
	position     : absolute;
	right        : 5px;
	background   : inherit;
	padding-left : 20px;
}
.actions a {
	display : inline;
}

/*Кнопки навигации на слайдах*/
.nav-btns {
	position : absolute;
	width    : 79.8%;
	bottom   : 0;
	right    : 0.15em;
}

#editfield .idel {
	margin-top : 20px !important;
}

.ui-widget-content > a.menu.current {
	background: var(--biruza-lite);
}

#matlec a.menu:link,
#matlec a.menu:visited {
	line-height: initial;
}