/*-- Стили ДЗ - начало --*/

:root {
	--main-font-color: #272727; /* Цвет основного шрифта */
	--first-color: #FF5454; /* Цвет обводки полей, значков (emoji, микрофон, скрепка и др.) */
	--second-color: #EF3232; /* Второй цвет (цвет некоторых кнопок и элементов (в основном при наведении), должен быть темнее первого) */
	--send-btn-color: #F7E259 ; /* Цвет некоторых кнопок (Отправить ответ и др.) */ 
	--send-btn-color-hover: #F0D317; /* Цвет некоторых кнопок при наведении (Отправить ответ и др.) */ 
    --cDark: #242424;
    --cYellow: #F7E259;
    --cAccent: #cb272c;
}
/*-- Стилизация вида урока - начало --*/ 
    .gc-main-content .container {
    max-width: 100%;
    width: calc(100% - 70px);
}
.gc-main-content.with-left-menu .container {
    margin-left: 30px;
    margin-right: 20px;
}
.gc-main-content .center-block {
    max-width: 900px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    background: #fff !important;
    border: 1px solid #000!important;
    border-radius: 11px!important;

}
.standard-page-content .breadcrumb {
    background-color: transparent;
    padding: 0px;
}

h2 {
    font-size: 30px!important;
    font-weight: 400!important;
}
.lesson-header-block {
   background: linear-gradient(90deg, rgba(35,30,25,1) 0%, rgba(131,107,65,1) 50%, rgba(35,30,25,1) 100%)!important;
   border-bottom: 1px solid #F7E259!important;
   border-radius: 10px!important;
   padding: 0 15px!important;
}
.lesson-navigation td a {
   text-decoration: none;
}
.lesson-navigation td a {
   background: #F7E259;
   color: #242424 !important;
   padding: 5px 10px;
   border-radius: 20px;
   transition: all 0.3s;
}

.lesson-navigation td a:hover {
   box-shadow: 0 0 4px #F7E259;
}
.lesson-navigation .hidden-xs {
   display: none;
}
.lesson-navigation {
   padding-bottom: 20px!important;
}
.lesson-title-value, .lesson-description-value {
   color: white;
}
.page-header  h1 a{
   color: #EBCB82;
}
.page-header  h1 a:hover{
   color: #EBCB82;
   text-decoration: none;
}

.breadcrumb li a{
   color: red !important;
}
.breadcrumb li a:hover{
   color: var(--cYellow);
   text-decoration: none;
}
.o-lt-lesson .row-section {
    margin-bottom: 15px!important;
} 

.answer-form-inner .btn-primary, .btn-singly-controls .btn-success, .btn-singly-controls .btn-default, .btn-lg {
   color: #1b1b1b;
   background-color: #F7E259;
   border-color: #F7E259;
   border-radius: 8px!important;
   transition: all 0.3s;
}
.answer-form-inner .btn-primary:hover, .btn-singly-controls .btn-success:hover, .btn-singly-controls .btn-default:hover, .btn-lg:hover {
   color: #1b1b1b;
   background-color: #F7E259;
   border-color: #F7E259; 
   box-shadow: 0 0 8px #dcc845;
}
.answer-form-inner .btn-primary:active {
    background-color: #3F3F3F;
    border-color: none;
}
.button-list .btn-mark-variant {
   color: #333!important;
    background-color: #fff;
    border: 2px solid var(--send-btn-color)!important;
  border-radius: 6px;
   transition: 0.4s;
}

.button-list .btn-mark-variant:hover {
    background: var(--send-btn-color);
  border-color: var(--send-btn-color)!important;
}
.testing-widget .btn-mark-variant:before {
    position: absolute;
    left: -40px;
    color: var(--send-btn-color);
    font-size: 32px;
    line-height: 20px;
}
.testing-widget .btn-mark-variant[data-marked="1"] {
    background-color: var(--send-btn-color);
}
.question-answer-block .btn-send-variant {
    background: var(--cAccent);
  color: #fff!important;
  border-radius: 6px;
    transform: scale(1.02);
    border-color: var(--cAccent)!important;
}
.question-answer-block .btn-send-variant:hover {
    background: var(--cAccent);
    transform: scale(1.03);
    border-color: var(--cAccent);
}
.lite-page  {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px!important;
}

.lesson-edit-toggle-link {
    color: red;
    border-bottom: 1px dashed red;
}

.gc-user-user .lt-lesson-mission-block .container .row .col-md-12 h3, .lt-lesson-mission-block .container .row .col-md-12 h3 {
  color: #000!important;
  font-size: 30px;
}
.lt-lesson-mission-block h3 {
  font-size: 0px!important;
}
.lt-lesson-mission-block h3:before {
  content: "Завдання";
  font-size: 30px;
  font-family: 'Gilroy',sans-serif;
}
.answer-form .addfield label {
    font-size: 18px;
}
.f-header h2, .f-header h3 {
padding-right: 20px;
padding-left: 20px;
}
.f-text p, .f-text li {
 font-size: 20px;
    line-height: 1.3;
}
.lesson-navigation td a {
    background: none;
}
.lesson-navigation td a:hover {
    box-shadow: none;
}
.lesson-navigation td:last-child a, .lesson-navigation td:first-child a {
  font-size: 0px;
}
.lesson-navigation td:last-child a:before {
  content: "Наступний урок →";
  font-size: 14px;
  padding: 5px 15px;
  background: #F7E259;
  border-radius: 20px;
  transition: all 0.3s;
}
.lesson-navigation td:first-child a:before {
    content: "← Попередній урок";
  font-size: 14px;
  padding: 5px 15px;
  background: #F7E259;
  border-radius: 20px;
  transition: all 0.3s;
}
.lesson-navigation td:last-child a:hover:before, .lesson-navigation td:first-child a:hover:before {
    box-shadow: 0 0 4px #f7e259;
}
.addfield-type-textanswer-textarea-container i, 
.addfield-type-string i, 
.addfield-type-checkbox i, 
.addfield-type-file i, 
.addfield-type-file_list i {
  font-size: 0;
}
.addfield-type-textanswer-textarea-container i:before, 
.addfield-type-string i:before, 
.addfield-type-checkbox i:before, 
.addfield-type-file i:before, 
.addfield-type-file_list i:before {
  content: "- * обов'язкове поле";
  font-size: 18px;
}
@media screen and (max-width: 767px) {
.gc-main-content .container {
    width: 100% !important;
}
.gc-main-content.with-left-menu .container {
    margin-left: 0px !important;
    margin-right: 5px !important;
}
.new-comment .textarea-block {
width: 100%;
padding: 12px;
}
.simple-answer .new-comment-textarea {
height: unset;
min-height: 85px !Important;
}
.comment-form-wrapper .new-comment-textarea::placeholder {
max-width: 65%;
}
.comment-form-wrapper .new-comment-textarea {
min-height: 60px !Important;
height: unset !Important;
}
}
@media (max-width:640px) {
	h2 {
    	font-size: 22px;
    	font-weight: 400;
    }
	.standard-page-content h1 {
    	font-size: 28px;
    	line-height: 1em;
	}
}
@media (max-width:480px) {
    .f-text p {
 		font-size: 18px;
	}
}
@media (max-width:420px) {
	.lesson-navigation td:last-child a:before {
  content: "Наступний урок →";
     background: none;
    padding: 0;
  }
.lesson-navigation td:first-child a:before {
    content: "← Попередній урок";
     background: none;
    padding: 0;
  }
.lesson-navigation td a {
   background: none;
   color: #F7E259!important;
   padding: 0;
   transition: all 0.3s;
}
.lesson-navigation td a:hover {
   box-shadow: none;
   color: #fff;
}
.standard-page-content h1, .text-center h2.lesson-title-value {
    font-size: 25px!important;
} 
}
@media screen and (max-width: 375px){
    .gc-main-content .container {
     	width: 100%!important;
}
	.lt-block-wrapper .container {
		max-width: 100% !important;
    	width: 100% !important;
		padding-right: 0px;
		padding-left: 0px;
	}
	.gc-main-content.with-left-menu .container {
    	margin-left: 0px !important;
    	margin-right: 5px !important;
	}
	.col-md-12 {
		padding-right: 15px;
   	 padding-left: 15px;
	}
	.header-view .lesson-title-value {
   		font-size: 22px!important;
    	font-weight: 500!important;
	}
	.header-view .lesson-description-value {
		font-size: 14px;
	}
	.block-set p {
    	margin: 0;
    	line-height: normal;
	}
	.btn.f-btn.button-lg {
    	padding-left: 15px !important;
    	padding-right: 15px !important;
    	min-height: 0px !important;
    	font-size: initial !important;
	}
	.f-header h2, .f-header h3 {
    	line-height: 1.1!important;
		padding-right: 5px;
		padding-left: 5px;
	}
	.f-header h2 {
		font-size: 18px!important;
	}
	.f-header h3 {
		font-size: 17px!important;
	}
	.f-text p {
 		font-size: 15px!important;
	}
	.f-header-36 p, .f-header p {
		font-size: 22px!important;
	}
	.btn-lg, .btn-group-lg>.btn {
		font-size: inherit;
	}
    .standard-page-content h1, .text-center h2.lesson-title-value {
  		font-size: 25px!important;
	} 
	.gc-user-user .lt-lesson-mission-block .container .row .col-md-12 h3, .lt-lesson-mission-block .container .row .col-md-12 h3 {
  		font-size: 25px!important;
	}
.lt-lesson-mission-block h3:before {
  font-size: 25px;
}
	.answers-list {
  		width: 110%;
    	margin-left: -15px;
	}
	.lesson-mission-text {
		padding: 15px 10px 5px;
	}
    .lesson-mission-text p {
    	font-size: 16px !important;
        line-height: 1.3 !important;
	}
	.answer-form {
    	padding: 0 10px;
	}
    .answer-form .addfield label {
    	font-size: 15px!important;
	}
	.btn-send-answer {
    	margin-top: 0px;
	}
	.lt-lesson-header .lt-block-wrapper {
    	padding: 5px 15px;
    	margin-left: -10px;
    	margin-right: -10px;
	}
	.lt-onecolumn .lt-block-wrapper {
    	padding-top: 0px !important;
    	padding-bottom: 0px !important;
	}
}
/*-- Стилизация вида урока - конец --*/   

/* Цвет фона ДЗ и комментариев */
.lt-lesson-mission-block .container .row .col-md-12 div:not(.lesson-mission-wrapper, .lesson-mission-wrapper div), .simple-answer, .other-answers {
background: #ffffff;
}

/* Цвет плейсхолдера полей (Ваш ответ: и т.д.) */
input[type="text"]::placeholder, textarea::placeholder {
color: #b3b3b3;
}

/* Цвет надписи "Сохранить черновик" и отмены редактирования комментария */
.btn-save-draft, .comment-cancel-edit-link {
color: #f9abac !Important;
}

/* Цвет надписи "Сохранить черновик" и отмены редактирования комментария при наведении */
.btn-save-draft:hover, .btn-save-draft:focus, .btn-save-draft:active, .btn-save-draft:active:focus, .comment-cancel-edit-link:hover, .comment-cancel-edit-link:focus, .comment-cancel-edit-link:active, .comment-cancel-edit-link:active:focus {
color: #FF5454 !Important;
}

/* Цвет кнопки добавления файлов */
.answer-form-inner .uploadifive-button {
background-color: #EF3232; /* Задний фон кнопки */
background-image: none !Important;
color: #ffffff !Important; /* Текст на кнопке */
}

/* Цвет кнопки добавления файлов при наведении */
.answer-form-inner .uploadifive-button:hover {
background: red!Important;
}

/* Цвет текста подписей (Максимальный размер файла) */
.text-muted {
color: #54565d !Important;
}

/* Цвет кнопки "Нравится" и кнопки "Подписаться" (Генератор цвета: https://codepen.io/sosuke/pen/Pjoqqp) */
.answer-content .b-like-and-subscribe-notifications .button:before {
filter: invert(71%) sepia(67%) saturate(4538%) hue-rotate(323deg) brightness(96%) contrast(111%);
}

/* Цвет кнопки "Нравится" и кнопки "Подписаться" при наведении или активности (Генератор цвета: https://codepen.io/sosuke/pen/Pjoqqp) */
.answer-content .b-notifications-subscribe .button:hover:before, .answer-content .b-like-and-subscribe-notifications .button:hover:before, .answer-content .b-notifications-subscribe .button.subscribed:before, .answer-content .b-like-and-subscribe-notifications .button.positive.like:before {
filter: invert(30%) sepia(54%) saturate(5326%) hue-rotate(347deg) brightness(101%) contrast(85%);
}

/* Цвет разделителя между кнопками "Нравится" и "Подписаться" */
.b-like-and-subscribe-notifications .word-separator {
color: transparent;
user-select: none;
}

/* Стили формы ДЗ */
.lt-lesson-mission-block .container .row .col-md-12 div:not(.lesson-mission-wrapper, .lesson-mission-wrapper div) {
transition: all 0.4s;
box-shadow: none; /* Тень (Генератор тени: https://active-vision.ru/icon/box-shadow) */
border-radius: 10px;
}

/* Тень формы ДЗ при наведении (Генератор тени: https://active-vision.ru/icon/box-shadow) */
.lt-lesson-mission-block .container .row .col-md-12 div:not(.lesson-mission-wrapper, .lesson-mission-wrapper div):hover {
box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

/* Стили блока отправки комментария */
.simple-answer {
border-radius: 10px;
transition: all 0.4s;
background: none !Important;
box-shadow: none; /* Тень (Генератор тени: https://active-vision.ru/icon/box-shadow) */
}

/* Тень блока отправки комментария при наведении (Генератор тени: https://active-vision.ru/icon/box-shadow) */
.simple-answer:hover {
box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

/* Стили блока комментариев */
.other-answers {
border-radius: 10px;
transition: all 0.4s;
margin-top: 20px;
background: none !Important;
box-shadow: none; /* Тень (Генератор тени: https://active-vision.ru/icon/box-shadow) */
padding: 0px 5px 0px 5px!Important;
}

/* Тень блока комментариев при наведении (Генератор тени: https://active-vision.ru/icon/box-shadow) */
.other-answers:hover {
box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

/* Заменяем стандартную иконку пользователя */
.center-block .user-default-profile-image {
content: url("https://img.icons8.com/ios-filled/100/242424/user.png"); /* Замена иконки пользователя около формы ДЗ, если нет аватарки ("https://img.icons8.com/ios-filled/100/Здесь код цвета без решётки/user.png") */
opacity: 0.8;
}

/* Цвета фона комментариев */
.user-answer .addfield, .lesson-answer-comment {
background: rgba(247,226,89, 0.4);
}

.comment-wrapper.comments-container {
background-color: transparent !Important;
}

/* Стили ответа на комментарий при появлении */
.comment-wrapper.comments-container[style*="rgba"] {
background-color: rgba(45,216,106, 0.6) !Important; /* Цвет */
-webkit-transition: background-color 700ms linear;
-ms-transition: background-color 700ms linear;
transition: background-color 700ms linear;
border-radius: 10px;
margin-right: 45px !important;
margin-bottom: 11px;
padding: 0px;
}

.user-answer .comment-wrapper .comments {
margin-top: 0px !important;
}

.comment-wrapper.comments-container[style*="rgba"] .lesson-answer-comment {
margin-bottom: 0px !important;
}

/* Стили комментария при появлении */
.user-answer.type-free_comment[style*="rgba"]{
background-color: rgba(45,216,106, 0.3) !Important; /* Цвет */
-webkit-transition: background-color 700ms linear;
-ms-transition: background-color 700ms linear;
transition: background-color 700ms linear;
border-bottom-left-radius:  20px;
border-bottom-right-radius:  20px;
} 

.user-answer.type-free_comment {
background-color: transparent !important;
}

.answer-form .addfield-type-checkbox {
padding-left: 0;
}

.addfield-type-checkbox > input  {
  position: absolute;
  z-index: 1;
  opacity: 0;  
  width: 20px;
    height: 20px;
}

.answer-form .addfield-type-checkbox > label {
margin-left: 0;
padding-left: 30px;
padding-top: 0px;
position: relative;
}
.answer-form .addfield-type-checkbox input {
	float: none;
    margin-right: 0px; 
    margin-left: 0px;
}
.answer-form .addfield-type-checkbox input[type="checkbox"] {
display: block;
    
}

.answer-form .addfield-type-checkbox label:before {
content: '';
font-family: FontAwesome;
color: var(--first-color);
position: absolute;
width: 20px;
height: 20px;
max-width: 20px;
max-height: 20px;
left: 0px;
top: 0px;
font-size: 20px;
padding-left: 5px;
padding-top: 8px;
line-height: 0;
border-radius: 8px;
cursor: pointer;
border: 1px solid var(--first-color) !important;
}

.answer-form .addfield-type-checkbox input[type="checkbox"]:checked ~ label:before {
content: '\f00c';
}

.answer-form input[type="checkbox"][id="user_hide_answer"] {
position: absolute;
left: -1000px
}

.answer-form input[type="checkbox"][id="user_hide_answer"]:before {
content: '';
color: var(--first-color);
position: absolute;
width: 20px;
height: 20px;
max-width: 20px;
max-height: 20px;
left: 1085px;
border-radius: 8px;
cursor: pointer;
border: 1px solid var(--first-color) !important;
}

.answer-form input[type="checkbox"][id="user_hide_answer"]:checked:before {
content: '\f00c';
font-size: 20px;
padding-left: 5px;
padding-top: 7.5px;
line-height: 0;
border-radius: 8px;
cursor: pointer;
border: 1px solid var(--first-color) !important;
font-family: FontAwesome;
font-weight: bold;
}

.answer-form label[for="user_hide_answer"]{
margin-left: 30px !important;
margin-bottom: 10px;
}

.answer-form #user_hide_answer {
margin-top: 0px !important
}

.addfield label:empty {
display: none !important;
}

.lt-lesson-mission-block h3 {
color: var(--main-font-color);
padding: 30px 20px 0px;
font-weight: 800;
padding-top: 35px!Important;
letter-spacing: 0.02em;
transition: color 0.5s;*/
background: none !Important;
}

.user-profile-image:not(.user-default-profile-image) {
border-radius: 100px;
}

.user-profile-image {
width: 40px!important;
height: 40px;
}

.answer-form .addfield label {
color: var(--main-font-color);
font-weight: bold !Important;
}

.lesson-mission-text p {
color: var(--main-font-color);
}

label[for="user_hide_answer"] {
color: var(--main-font-color);
font-weight: 300;
}

.lesson-mission-wrapper {
color: var(--main-font-color);
border: none;
transition: all 0.4s;
background: #fffaec!important;
padding-bottom: 25px;
margin-top: 15px;
}

.lesson-mission-text {
border-bottom: none !Important;
}

.answer-form {
background: transparent !Important;
}

.emoji-textarea, .emoji-wysiwyg-editor, .new-comment-textarea.edited-comment-text {
border-color: var(--first-color)!Important;
border-radius: 10px;
outline: none;
padding: 3px;
resize: none !Important;
color: var(--main-font-color) !Important;
}

.emoji-button {
padding: 0px;
}

.emoji-button span.fa {
color: var(--first-color);
}

.emoji-wysiwyg-editor {
margin-bottom: 21px;
}

.addfield .type-string, .addfield .type-currency, .addfield .type-float {
border: 1px solid var(--first-color);
border-radius: 10px;
outline: none;
padding: 10px;
color: var(--main-font-color) !Important;
}

.edit-comment-active-element {
color: transparent;
user-select: none;
}

.type-text.emoji-textarea {
margin-bottom: 15px;
color: var(--main-font-color) !Important;
}

.answer-form-inner div {
color: var(--main-font-color) !Important;
}

.uploadifive-button {
border-radius: 8px !Important;
transition: all 0.2s;
font: bold 12px Raleway, Helvetica, sans-serif;
letter-spacing: 0.02em;
}

input[type="file"] {
cursor: pointer;
}

.save-edited-comment-btn, .new-comment .btn-primary {
background: var(--send-btn-color);
border: none;
border-radius: 8px !Important;
transition: all 0.2s;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.02em;
height: 40px !Important;
color: #242424;
}

.save-edited-comment-btn:hover, .save-edited-comment-btn:focus, .save-edited-comment-btn:active, .save-edited-comment-btn:active:focus {
background: var(--send-btn-color-hover) !Important;
}
.btn-send-answer, .btn-primary[name="send-answer"] {
    background: var(--send-btn-color;
    border: none;
    border-radius: 8px !Important;
    transition: all 0.2s;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    height: 40px !Important;
    color: #ffffff;
    padding: 0 20px;
}
.btn-send-answer:hover, .btn-send-answer:focus, .btn-send-answer:active, .btn-send-answer:active:focus, .btn-primary[name="send-answer"]:hover, .btn-primary[name="send-answer"]:focus, .btn-primary[name="send-answer"]:active, .btn-primary[name="send-answer"]:active:focus {
   background: var(--send-btn-color-hover) !Important;
} 

.btn-save-draft, .comment-cancel-edit-link {
font-weight: 500;!Important;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.02em;
height: 40px !Important;
}

.comment-cancel-edit-link {
margin-left: -3px;
}

.text-muted {
font-size: 11px !Important;
width: 100%!Important;
font-weight: 500;
letter-spacing: 0.01em;
}

.simple-answer .emoji-button {
top: 1px;
}

.btn-send {
background: var(--send-btn-color);
border: none;
border-radius: 8px !Important;
transition: all 0.2s;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.02em;
height: 40px !Important;
}

.btn-send:hover, .btn-send:focus, .btn-send:active, .btn-send:active:focus {
background: var(--send-btn-color-hover) !Important;
}

.simple-answer .emoji-wysiwyg-editor {
color: var(--main-font-color) !Important;
}

.comments-tree .user-image-wrapper img {
	width: 40px !Important;
    height: auto!Important;
    opacity: 0.6!Important;
}



.comment-form-wrapper .new-comment-textarea {
border: 1px solid var(--first-color);
border-radius: 10px;
outline: none;
padding: 10px;
color: var(--main-font-color) !Important;
min-height: 43px !Important;
}

.new-comment {
margin-top: 5px
}

.type-mission_answer .emoji-button {
top: 4px !Important;
}

.user-answer {
border: none !Important;
padding-bottom: 0px;
}

.user-answer .addfield {
border-radius: 10px;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.02em;
color: var(--main-font-color) !Important;
margin-bottom: 10px;
}

.user-answer .addfield .value {
color: var(--main-font-color) !Important;
}

.user-answer .main {
margin-right: 50px;
}

.user-answer .simple-filelist {
padding-left: 0px
}

.user-answer .simple-filelist-filesize {
color: var(--main-font-color) !Important;
}

.lesson-answer-comment {
border-radius: 10px;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.02em;
color: var(--main-font-color) !Important;
margin-bottom: 10px;
padding: 15px 10px 0px !Important;
}

.answer-content .b-like-and-subscribe-notifications .button {
font-size: 14px;
}

.other-answers, .other-answers .emoji-text, .other-answers .comment-time, .other-answers .title span, .answer-date, .answer-date a, .user-answer .title span, .user-answer .emoji-text, .user-answer .comment-time {
color: var(--main-font-color) !Important
}

/* подписаться */
.b-notifications-subscribe .button{
    color: #272727;
    cursor: pointer;
    border-bottom: none!Important;
    letter-spacing: 0.02em;
	color: var(--main-font-color)!Important;
}
.b-notifications-subscribe .button:before {
	content:"";
	display: inline-block;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	margin: 0 6px 0 0;
	background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/335627/sc/48/h/01c642c9c4206746c306a554dc2d9e86.svg");
    color: #FF5454; 
}

.b-like-and-subscribe-notifications .positive-count {
display: none;
}

.more-comments {
color: var(--main-font-color) !Important;
font-weight: 600;
}

.comment-form-wrapper .new-comment.active .btn-send {
text-transform: capitalize;
color: #242424 !Important; /* Цвет надписи на кнопке "Отправить" (комментарий) */
}

.answer-status .answer-status-label {
border-radius: 10px !Important;
font-weight: bold;
float: right;
}

.user-answer .answer-status {
margin-right: 50px;
}

.other-answers .answer-status {
margin-right: 50px;
}

.answer-status a {
color: #292929; /* Цвет надписи "Модерация" */
opacity: 0.9;
font-weight: bold;
transition: all 0.1s;
}

.answer-status a:hover {
opacity: 1;
}

.answer-status a[href*="/pl/../../teach/control/answers/review"]:before {
content: "\270f";
font-family: 'Glyphicons Halflings';
font-size: 12px;
margin-right: 5px;
display: inline-block;
text-decoration: none !Important;
}

#answers {
font-weight: bold;
}

#answers a {
color: var(--first-color);
text-decoration: none;
transition: all 0.1s;
}

#answers a:hover {
color: var(--second-color);
}

.user-answer .comments-tree .level-1 .comment-wrapper {
margin-right: 35px;
}

.lesson-answers-title a {
color: var(--first-color);
text-decoration: none;
transition: all 0.1s;
}


.lesson-answers-title a:hover {
color: var(--second-color);
}

#showMoreAnswers {
background: var(--first-color);
border: none;
border-radius: 10px !Important;
transition: all 0.2s;
font-family: Raleway, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.02em;
margin-top: 20px;
}

#showMoreAnswers:hover {
background: var(--send-btn-color-hover) !Important;
}

.user-image-wrapper span span {
display: none;
}

.uploadifive-queue {
margin-top: 10px;
margin-right: 50px;
}

.uploadifive-queue-item {
border-radius: 10px !Important;
border: none;
}

.uploadifive-queue-item:not(:last-child) {
margin-bottom: 10px;
}

.uploadifive-queue-item div {
color: var(--main-font-color) !Important;
}

.comment-form-wrapper .file-uploader {
width: 100%;
margin: 0px;
}

.public-level-block {
margin-top: 5px;
margin-right: 0px
}

.public-level-block.user-can-hide-answer {
color: var(--main-font-color) !Important;
font-weight: 50;
}

.change-public-level-link {
margin-left: 5px;
color: var(--second-color) !Important;
font-weight: 600 !Important;
text-decoration: none !Important;
transition: all 0.2s;
}

.change-public-level-link .glyphicon {
color: var(--main-font-color);
}

.change-public-level-link:hover {
color: var(--first-color) !Important;
}

.answer-status > br {
display: none;
}

a[href*="/pl/../teach/control/answers/edit"] {
float: right;
color: #ff0100 !Important; /* Цвет надписи "Редактировать ответ" */
font-weight: bold;
font-size: 12px;
text-decoration: none !Important;
transition: all 0.2s;
margin-top: 5px;
}

a[href*="/pl/../teach/control/answers/edit"]:hover {
color: #e60202 !Important; /* Цвет надписи "Редактировать ответ" при наведении */
}

.emoji-container .emoji-wysiwyg-editor {
color: var(--main-font-color) !Important
}

.simple-filelist-icon img {
border-radius: 10px;
margin-bottom: 10px;
}

.comment-files-widget img {
border-radius: 10px;
margin-top: 10px;
}

.answer-files .file > a > img {
margin-bottom: 10px;
}

.files.active .file {
display: flex;
flex-direction: row;
align-items: center;
}

.glyphicon-file:before {
content: url(https://fs.getcourse.ru/fileservice/file/download/a/230006/sc/44/h/6e63192da616236d3f15de13c100d959.svg);
}

.simple-filelist-filename {
margin-top: 4.5px;
}

.audio-comment, 
.audio-skill {
color: var(--first-color)!Important;
font-size: 17px !Important;
transition: all 0.2s;
}

.attach-file-button-container {
color: var(--second-color) !Important;
font-size: 15px !Important;
transition: all 0.2s;
}

.attach-file-button-container .uploadifive-button {
color: var(--first-color) !Important;
width: 17px !Important;
transition: all 0.2s;
}

.uploadifive-button .glyphicon-paperclip {
top: 4px;
}

.audio-status {
font-weight: bold;
}

.audio-tip {
border-color: var(--first-color);
box-shadow: 0 0 8px rgb(96,138,219, 0.2);
padding: 10px 0px;
margin-right: 20px;
border-radius: 10px;
}

.audio-tip .tooltip-inner {
background: none;
border-radius: unset;
}

.audio-save, .audio-cancel, .audio-record, .audio-pause, .audio-comment .fa.fa-microphone {
color: var(--first-color) !Important ;
font-weight: 50;
transition: all 0.2s;
}

.audio-save:hover, .audio-cancel:hover, .audio-record:hover, .audio-pause:hover {
color: var(--second-color) !Important;
}

.answer-form-inner br {
display: none;
}

.simple-filelist {
padding-left: 0px;
padding-top: 10px;
}

.simple-filelist li .simple-filelist-icon {
margin-bottom: 0px;
}

.simple-filelist-filesize {
color: var(--main-font-color);
}

.simple-filelist-filename a {
color: var(--main-font-color);
}

.emoji-button span.fa:hover, .attach-file-button-container .uploadifive-button:hover, .audio-comment .fa.fa-microphone:hover, .audio-skill:hover,
.emoji-button span.fa:active, .attach-file-button-container .uploadifive-button:active, .audio-comment .fa.fa-microphone:active, .audio-skill:active {
color: var(--second-color) !Important;
}

.addfield.type-file_list .simple-filelist li {
display: flex;
align-items: center;
}

.simple-filelist li .simple-filelist-filename {
margin-top: 10px !Important;
}

.simple-filelist li .simple-filelist-filesize {
display: inline;
}
.answer-main-content .addfield {
  font-size: 15px;
}
.user-answer .answer-status {
		text-align: right!impotant;
		display: inline-block;
   	 	width: 100%!Important;
	}
@media screen and (max-width: 1001px) {
.btn-send-answer, .btn-save-draft {
margin-top: 10px;
}
}

@media screen and (max-width: 767px) {
    .answer-form input[type="checkbox"][id="user_hide_answer"]:before {
		left: 1035px !Important;
		top: 10px;
	}
	.answer-form label[for="user_hide_answer"] {
		margin-bottom: 0px !Important;
	}
	.user-answer .main, .user-answer .answer-status, .other-answers .answer-status, .uploadifive-queue, .user-answer .comments-tree .level-1 .comment-wrapper, .comments-tree {
		margin-right: 0px !Important;
	}
	.other-answers .new-comment .textarea-block {
		padding: 0px;
	}
	.user-answer .comment-form-wrapper {
		padding-left: 0px;
	}
	.comment-form-wrapper {
		padding-right: 0px;
	}
	.user-answer .answer-status {
		text-align: right!impotant;
		display: inline-block;
   	 	width: 100%!Important;
	}
	a[href*="/pl/../teach/control/answers/edit"] {
		margin-right: 12px;
	}
	.b-like-and-subscribe-notifications {
		display: block;
    }
	.user-answer {
		padding: 10px!Important;
	}
	.text-muted {
		display: block;
	}
	.type-free_comment .answer-status {
		margin-right: -10px !Important
	}
	.simple-answer.user-answer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.type-mission_answer .answer-status {
		float: right;
	}
	.type-mission_answer .change-public-level-link {
		display: inline-block;
	}
	.type-mission_answer a[href*="/pl/../teach/control/answers/edit"] {
		margin-right: 0px !Important;
    }
	.type-mission_answer .public-level-block {
		margin-bottom: -5px !Important;
	}
	.type-mission_answer .new-comment .textarea-block {
		padding: 0px;
	}
	.lesson-answers-title > h3 {
		font-size: 16px;
		margin-bottom: 0px !Important;
	}
	.lesson-answers-title {
		display: flex;
		flex-direction: column-reverse
	}
	.lesson-answers-title .pull-right {
		margin-bottom: 20px;
	}
	.other-answers .answer-content .title .text {
		display: inline-block;
	}
    .audio-comment, .audio-skill {
		right: 55px!Important;
		top: 5px!Important;
	}
	.attach-file-button-container {
		right: 30px!Important;
		top: 5px!Important;
	}
	.lesson-answer-comment {
    	padding: 10px!Important;
	}
    .answer-form .btn-save-draft {
    	margin-left: 10px!Important;
	}
    .b-like-and-subscribe-notifications {
		display: block;
    	padding: 20px!Important;
	}
}
/*-- Стили ДЗ - конец --*/