/*Задание - Начало*/

.lt-lesson-mission-block {
	margin-top: 20px;
}

.lt-lesson-mission-block .container,
.lt-lesson-comment-block .container {
	padding: 0 !important;
}

.lt-lesson-mission-block h3 {
	width: 100%;
	text-align: center;
	background: var(--lightgrayColor) !important;
	padding: 10px;
	border-radius: 10px 10px 0 0;
	border: 1px solid var(--greenColor) !important;
}

.lt-lesson-mission-block .lesson-mission-wrapper {
	margin-top: -1px;
	border: 1px solid var(--greenColor) !important;
	border-radius: 0 0 10px 10px;
}

.lt-lesson-mission-block .answer-form {
	background: linear-gradient(to top, #c6c5c5, #e0dfe0) !important;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: 0 0 10px 10px;
}

.lt-lesson-mission-block .btn-send-answer,
#showMoreAnswers,
.lt-lesson-comment-block .simple-answer .btn-send {
	background-color: var(--greenColor) !important;
	border: none;
	border-radius: 100px;
	transition: all .3s;
}

.lt-lesson-mission-block .btn-save-draft {
	border: 2px solid var(--greenColor) !important;
	padding: 10px;
	border-radius: 100px;
	text-decoration: none;
	color: #333 !important;
	transition: all .3s;
}

.lt-lesson-mission-block .btn-send-answer:hover,
.lt-lesson-mission-block .btn-save-draft:hover,
.lt-lesson-comment-block .simple-answer .btn-send:hover {
	transform: translatey(-3px);
}

.lt-lesson-mission-block #user_hide_answer,
.lt-lesson-mission-block label {
	margin-bottom: 15px;
}


/*Задание - Конец*/


/*Коментарии - Начало*/

.lt-lesson-comment-block .lesson-answers-title {
	width: 100%;
	background: #e0dfe0;
	padding: 10px;
	border: 1px solid var(--greenColor) !important;
	color: #333;
	border-radius: 10px 10px 0px 0px;
}

.lt-lesson-comment-block .lesson-answers-title a {
	color: #a72c24;
}

.lt-lesson-comment-block .lesson-answers-title h3 {
	margin-bottom: 0 !important;
}

.lt-lesson-comment-block .simple-answer {
	background: #fef0e9;
	border: 1px solid var(--greenColor) !important;
	margin-top: -1px;
	margin-bottom: 20px;
	border-radius: 0px 0px 10px 10px;
}

.lt-lesson-comment-block .answers-list .user-answer {
	background: #e0dfe0;
	padding: 10px;
	border: 1px solid var(--greenColor) !important;
	margin: 5px 0 10px;
	border-radius: 10px;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-content .text,
.lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-date a {
	color: #333;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-text {
	margin-top: 20px;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-files img {
	border: 3px solid var(--greenColor) !important;
	transition: all .3s;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-files img:hover {
	transform: scale(1.03, 1.03);
}

.lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span {
	color: var(--greenColor) !important;
}

.lt-lesson-comment-block .answers-list .user-answer .lesson-answer-comment {
	padding: 10px;
	background: #ffffff !important;
	margin: 10px 0 20px;
	border-radius: 5px;
}

.lt-lesson-comment-block .btn.btn-primary.btn-send {
	background: var(--greenColor) !important;
	border: none !important;
	border-radius: 30px;
}

.lt-lesson-comment-block .btn.btn-primary.btn-send .text {
	color: #fff !important;
}

.start-btn.btn-restart {
	background: #var(--greenColor) !important;
	border-radius: 3px !important;
	transition: all .3s;
}

.start-btn.btn-restart:hover {
	transform: scale(1.03, 1.03) !important;
}

@media (max-width:768px) {
        .answer-form .btn-save-draft {
    margin-left: 0px !important;
    margin-top: 20px !important;
	.lesson-header-block .lesson-navigation a {
		padding: 3px 5px;
	}
}

@media (max-width:425px) {
	.lesson-header-block h2.lesson-title-value {
		font-size: 2em;
		padding: 0 20px !important;
	}
	.lesson-header-block .lesson-navigation a {
		padding: 3px 5px;
	}
    .answer-form .btn-save-draft {
    margin-left: 0px !important;
    margin-top: 20px !important;
	}
	.lesson-answers-title .pull-right {
		width: 100%;
		display: block;
	}
}

@media (max-width:375px) {
    
    .answer-form .btn-save-draft {
    margin-left: 0px !important;
    margin-top: 20px !important;
	}
	.lesson-list li .title {
		font-size: 19px !important;
	}
       .lesson-title-value, .page-header h1 {
font-size: 20px !important;
}
}

@media (max-width:320px) {
    .answer-form .btn-save-draft {
    margin-left: 0px !important;
    margin-top: 20px !important;
    
    
	.lesson-header-block .lesson-navigation a {
		font-size: .8em;
	}
	.lesson-list li .title {
		font-size: 19px !important;
	}
       .lesson-title-value, .page-header h1 {
font-size: 20px !important;
}
}


/*Коментарии - Конец*/