.lesson-list {
    padding: 0 !important;
    background: 0 !important;
}

.lesson-list li .info .vmiddle .user-state-label-ex{
    display: none !important;
}

.lesson-list li .info .pull-right {display: none;}

.lesson-list li {
    position: relative;
    display: block;
    margin: 0 0 15px !important;
    background: #ffffff !important;
    background-size: cover !important;
    border: 1px solid #fee5e1;
    border-radius: 8px !important;
    transition: all .3s;
}

.lesson-list li:hover {
    transform: translatey(-5px);
}

.lesson-list li .hidden-xs {
    display: none;
}

.lesson-list li a {
    background: transparent !important;
}

.lesson-list li .info {
    position: relative;
    margin-left: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.lesson-list li .info table {
    width: 100% !important;
}

.lesson-list .item-main-td {
    padding: 0 !important;
}

.lesson-list .item-main-td.item-with-image {
    padding-top: 0 !important;
    padding-left:20px !important;
    height: 115px;
}

.lesson-list li .info .vmiddle {
    padding: 20px 0 20px 20px;;
}

.lesson-list li.with-image .info .vmiddle {
    padding: 20px 0;
}

.lesson-list li .user-state-label {
    padding-bottom: 10px;
    font-weight: 300;
    opacity: .9;
}

.lesson-list li .title {
    width:90%;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.4;
    color: #414157;
    transition: all .3s;
}

.lesson-list li.with-image .title {
    padding-left: 0;
}

.lesson-list li .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #414157;
    opacity: 0.8;
}

.lesson-list li a::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #F4F4F4;
}

.lesson-list li a::after {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 8px;
}


/* Есть задание */
.lesson-list li.user-state-has_mission a::before {
    content: "";
    background: #712a32;
}

.lesson-list li.user-state-has_mission a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/176/h/094cca130bc453809131ab4e4e05e8ee.png);
}

.user-state-has_mission .vmiddle:after {
    content: 'Есть задание';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #414157;
}


/* Урок на проверке */
.lesson-list li.user-state-answered a::before {
    content: "";
    background: #ecd791;
} 

.lesson-list li.user-state-answered a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/291/h/0c43fc900d27dfe11de3aa739b5e787f.png);
    right: 10px;
}

.user-state-answered .vmiddle::after {
    content: 'Задание на проверке';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #414157;
}

/* Урок выполнен */
.lesson-list li.user-state-accomplished a::before {
    content: "";
    background: #205913;
} 

.lesson-list li.user-state-accomplished a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/160/h/664fb2350d0cf9748f4b12d943e89ec4.png);
}

.user-state-accomplished .vmiddle::after {
    content: 'Задание выполнено';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #414157;
}


/* Стоп-урок */

.lesson-list li.user-state-need_accomplish a::before {
    content: "";
    background: #cc000e;
}

.lesson-list li.user-state-need_accomplish .user-state-label:not(.lesson-date) {
    display: none;
}

.lesson-list li.user-state-need_accomplish a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/313/h/bbfe6b3ab45b0a8e2907b61aa17b0f06.png);
}

.lesson-list li.user-state-need_accomplish .vmiddle:after {
    content: 'Необходимо выполнить задание';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #cc000e;
}

.lesson-list li.divider {
    min-height: inherit !important;
    padding: 5px 20px;    
    text-align: center;
    border: none;
    background: #ecd791 !important;
}

.lesson-list li.divider .error-message-text {
    color: #000 !important;
}

.lesson-list li.divider:hover {
    transform: none;
}


/* Урок недоступен */
.lesson-list li.user-state-not_reached {
    background: #F4F4F4 !important;
}


.lesson-list li.user-state-not_reached a::before {
    content: "";
    background: #D6D8D9;  
} 

.lesson-list li.user-state-not_reached a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/133/h/124eff390c111b0e9b01b7170879abf6.png);
    padding-right: 3px;
}

.lesson-list li.user-state-not_reached .vmiddle {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
}

.lesson-list li.user-state-not_reached .user-state-label {
    order: 2;
    margin-top: 20px;
    padding-bottom: 0px;
    
    font-weight: 400;
    font-size: 15px;
    color: #cc000e;
    
}
.lesson-list li.user-state-not_reached .info {
    background: 0 !important;
}

.lesson-list li.user-state-not_reached .item-image {
    filter: grayscale(1);

}

.lesson-list li.user-state-not_reached .title,
.lesson-list li.user-state-not_reached .description {
    color: #232323;
    opacity: 0.5;
}

@media (max-width:520px) {
    .lesson-list li {
        padding-left: 0px;
        height: auto !important;
    }
    
    .lesson-list li .vmiddle {
        margin-left: 0 !important;
        padding-right: 60px !important;
    }
    
    .lesson-list li.user-state-has_mission .info {
        border-left: 5px solid #712a32 !important;
    }
    
    .lesson-list li.user-state-answered .info,
    .lesson-list li.user-state-not_reached .info {
        border-left: 5px solid #ecd791 !important;
    }
    
    .lesson-list li.user-state-accomplished .info {
        border-left: 5px solid #205913 !important;
    }
    
    .lesson-list li.user-state-need_accomplish .info {
        border-left: 5px solid  #cc000e !important;
    }
    
    .lesson-list li.user-state-not_reached .info {
        border-left: 5px solid #D6D8D9 !important;
    }
    
    .lesson-list li .user-state-label {
        font-size: 12px;
        top: -25px;
    }

    .lesson-list li .title {
        padding-right: 5px;
        font-size: 18px;        
    }
}

/* ------------- 
content start - lessonheaderblock
------------- */

.lesson-header-block.row-section {
    background: #f3e8bf!important;
    border: 0!important;
    box-shadow: 0px 4px 30px rgba(201, 204, 255, 0.3);
    border-radius: 10px;
}

.lesson-header-block h2.lesson-title-value {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 90%;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    color: #000;
}

.lesson-header-block .lesson-description-value {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000!important;
}

.lesson-description-value,
.lesson-navigation {
    color: #000!important;
}

.lesson-header-block .lesson-navigation {
    margin-top: 10px;
    padding-bottom: 20px!important;
}

.lesson-header-block .lesson-navigation td:nth-child(1) {
    padding-left: 0!important;
}

.lesson-header-block .lesson-navigation td:nth-child(3) {
    padding-right: 0!important;
}

.lesson-header-block .lesson-navigation a {
    margin-bottom: 10px;
    padding: 6px 15px 8px 30px;    
    font-weight: 700;
    font-size: 14px;
    color: #671d2d;    
    background: #ffffff;
    border-radius: 0 10px 10px 0;
    transition: all .3s;
}

.lesson-header-block .lesson-navigation td:nth-child(3) a {
    padding: 6px 30px 8px 15px;
    border-radius: 10px 0 0 10px;
}

.lesson-header-block .lesson-navigation td:nth-child(1) .hidden-xs,
.lesson-header-block .lesson-navigation td:nth-child(3) .hidden-xs {
    display: none!important;
}

.lesson-header-block .lesson-navigation a:hover {
    color: #fff;
    background: #671d2d;
    text-decoration: none;
}

.lesson-header-block .lesson-navigation td:nth-child(2) {
    display: flex;
    justify-content: center!important;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;    
    margin: 0 auto;
    width: 100%;
}

.lesson-header-block .lesson-navigation td:nth-child(2) span,
.lesson-header-block .lesson-navigation td:nth-child(2) div {
    position: relative;
    font-weight: 400;
    font-size: 14px!important;
    color: #671d2d;
}

.lesson-header-block .lesson-navigation td:nth-child(2) span::before {
    content: url(/fileservice/file/download/a/273919/sc/276/h/d129ef8335c0fb2e37aa38c521c3cfb1.png);
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.lesson-header-block .lesson-navigation td:nth-child(2) div div::before {
    content: url(/fileservice/file/download/a/273919/sc/299/h/e742d8e520b3fafe3199ec3d913e5c9b.png);
    position: relative;
    top: 5px;
    margin-right: 5px;
}


@media (max-width:768px) {
    .lesson-header-block .lesson-navigation a {
        font-size: 12px;
    }
}

@media (max-width:320px) {
    .lesson-header-block .lesson-navigation a {
        
        font-size: 10px;
    }
}
/* ------------- 
content finish - lessonheaderblock
------------- */

/* ------------- 
content start - lessoncommentblock
------------- */

.lt-lesson-comment-block .lesson-answers-title {
  width: 100%;
  padding: 10px 20px; 
  color: #3C3C3C;  
  background: #f3e8bf;
  border-radius: 10px;
}

.lt-lesson-comment-block .lesson-answers-title h3 {
  margin-bottom: 0!important;
  padding: 5px;  
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.lt-lesson-comment-block .lesson-answers-title a {
  padding: 0 5px 0 0;   
  text-decoration: none;
  color: #7d3c39;
  transition: all .3s;
}

.lt-lesson-comment-block .lesson-answers-title a:hover {
  text-decoration: underline;
}

.lt-lesson-comment-block .lesson-answers-title .pull-right {
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.lt-lesson-comment-block .simple-answer {
  margin-top: 10px;
  margin-bottom: 20px;
  background: rgba(243,232,191,0.2)!important;
  border: 1px solid rgba(204, 129, 59, 0.2);
  border-radius: 10px;
}

.lt-lesson-comment-block .self-answers .comments-container .lesson-answer-comment {
  padding: 20px 10px 0;
}

.lt-lesson-comment-block .simple-answer .user-image img {
  border-radius: 40px;
  border: 4px solid rgba(201,169,133,0.12);
  margin-top: -5px;
}

.lt-lesson-comment-block .answers-list .user-answer {
  position: relative; 
  margin-bottom: 10px;
  padding: 0 20px;  
  font-size: 16px;
  border-radius: 5px!important;
  background: #fff;
  border: 1px solid rgba(204, 129, 59, 0.2);
  border-radius: 10px;
}

.lt-lesson-comment-block .answers-list .user-answer .user-profile-image {
  border-radius: 50px;
  border: 4px solid rgba(201,169,133,0.12);
}

.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: #000;
  font-weight: 600;
}

.lt-lesson-comment-block .answers-list .user-answer .comment.lesson-answer-comment {
  background: rgba(243,232,191,0.2)!important;
  border: 1px solid #C9A885;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-status a {
  color: #918B9D;
}

.lt-lesson-comment-block .user-answer.status-accepted .answer-status .answer-status-label {
  background: #681d2e !important;
  color: #fff;
}

.lt-lesson-comment-block .user-answer.status-declined .answer-status .answer-status-label {
  background: #E51111!important;
}

.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: 1px solid #C9A885;
  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: #62162b!important; 
  border-bottom: 0;
  transition: all .3s;
}

.lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span:hover {
  text-decoration: underline;
}

.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,
.lt-lesson-comment-block .type-mission_answer .active .btn-send {
  padding: 10px 30px;
  color: #fff;
  background: #681e2e;
  border-radius: 5px!important; 
  transition: all .3s;
}

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

.lt-lesson-comment-block .btn.btn-primary.btn-send .fa.fa-send {
    display: none;
}

.lt-lesson-comment-block .btn.btn-primary.btn-send:hover {
  transform: translatey(-5px);
}

.lt-lesson-comment-block .btn.btn-primary.btn-send .text {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
}

.lt-lesson-comment-block .comment-form-wrapper .new-comment-textarea {
  color: #000!important;
}

.lt-lesson-comment-block .answers-list .user-answer .comment.lesson-answer-comment .emoji-text.text-content.edit-comment-inactive-element {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.03em;
}


.user-answer.status-viewed .answer-status .answer-status-label {
    background: #681e2e!important;
}

.comment-list .title .pseudo-link {
    cursor: pointer;
    color: #681e2e!important;
}


@media (max-width: 1060px) {
  .lt-lesson-comment-block {
    padding: 0 20px;
  }
}

@media (max-width:425px) {
  .lt-lesson-comment-block .lesson-answers-title h3 {
    padding: 0 0 10px 0!important;
  }
}
/* ------------- 
content finish - lessoncommentblock
------------- */

/* ------------- 
content start - lessonmissionblock
------------- */

.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 {
    position: relative;
    width: 100%;
    padding: 30px 0 20px 20px;   
    font-weight: 600;
    font-size: 24px;
    color: #000;  
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background: #fff;
    text-transform: uppercase;
}

.lt-lesson-mission-block h3::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 60px;
    height: 3px;
    border-radius: 5px;
    background: #681d2e;
}

.lesson-mission-text {
    padding: 25px !important;
    background: #fff;
    border: 0;
}

.lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:-1px;
    border: 0;
}

#lessonAnswerForm {
    margin-top: -7px;
    padding: 10px;
background: rgb(247,226,226);
background: linear-gradient(57deg, rgba(247,226,226,1) 0%, rgba(255,242,192,1) 76%);
    border-radius: 10px;
}

.self-answers .user-answer {
    padding: 10px 30px;  
background: rgb(247,226,226);
background: linear-gradient(57deg, rgba(247,226,226,1) 0%, rgba(255,242,192,1) 76%);
    border: 0;
    border-radius: 10px;
}

.lt-lesson-mission-block .answer-form {
    background: transparent;
    position: relative;
}

.self-answers .emoji-text,
.self-answers .title a,
.user-answer .addfield .value {
    color: #000;
}

.lesson-answer-comment {
    margin-bottom: 30px;
    padding: 20px 10px 10px;
    border-radius: 10px;
    background: #fff;
}

.self-answers .text .emoji-text {
    color: #000!important;
}

.comment-form-wrapper .new-comment.active .btn-send {
    padding: 5px 30px;
    color: #000;
    border: 0;
    border-radius: 30px;
}

.user-answer .addfield {
    background: #fff;
}


@media (max-width:425px) {
    .lt-lesson-mission-block .answer-form::after { display: none; }
}

#lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}

.lt-lesson-mission-block .type-string,
.lt-lesson-mission-block .emoji-container textarea {
    padding: 5px;
    width: 100% !important;
    min-height: 50px !important;
    border: 0 !important;
    border-radius: 5px;
    
}

.lt-lesson-mission-block .addfield-type-currency {
    color: #000;
}

.lt-lesson-mission-block .addfield-type-currency input {
    color: #000;
}

.lt-lesson-mission-block .other-answers.answers-list .textarea-block {
    width: 90% !important;   
}

.user-profile-image {
    border-radius: 100px;
    border: 2px solid #fff;
}

.lt-lesson-mission-block .uploadifive-button { 
    margin-top: 10px;
    padding: 10px;
    height: 52px !important;    
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    text-transform: capitalize;  
    border: 1px solid #FFFFFF;
    border-radius: 5px !important;
    background: transparent;   
    cursor: pointer !important;
    transition: all .3s; 
}

.lt-lesson-mission-block .uploadifive-button:hover {
    background: #fff;
    color: #681d2e;
}

.lt-lesson-mission-block .btn-send-answer,
#showMoreAnswers,
.lt-lesson-comment-block .simple-answer .btn-send {
    padding: 8px 30px;
    font-weight: 300 !important;
    font-size: 18px;
    font-size: 16px !important;
    color: #000;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    transition: all .3s;
}

.lt-lesson-mission-block .btn-save-draft {
    padding: 8px 30px; 
    color:  #000 !important;
    border: 1px solid #fff;
    border-radius: 5px; 
    transition: all .3s;
}

.answer-form .answer-textarea-container {
    width: 100%;
}

.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(-5px);
}

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

.lesson-mission-wrapper .comments-tree-wrapper .btn,
.answer-status-label {
  background: #681d2e!important;
  color: #fff!important;
  border-radius: 5px!important;
}

.answer-content a,
.answer-content .button,
.answer-content .positive-count {
  color: #681d2e!important;
  border-bottom: none!important;
}


.answer-form .addfield label {
    color: #000!important;
}


@media (max-width:425px) {
    .btn-save-draft {
        margin-top: 10px!important;
        margin-left:0!important;
    }
    
    .lesson-answers-title .pull-right {
        width: 100%;
        display: block;
    }
    
    .flex-container.wrap-col {
    flex-flow: row wrap!important;
  }
    
    .lesson-mission-text {
        margin: 0;
    }
}

@media (max-width:375px) {
    .btn-save-draft {
        margin-top:10px;
    }
}
/* ------------- 
content finish - lessonmissionblock
------------- */

/* ------------- 
content start - lessonfiles
------------- */

.lt-block.lt-lesson-files .lt-block-wrapper {
    padding-bottom:0;
}

.lt-block.lt-lesson-files .files-row .col-md-12 {
    padding: 0;
}

.lt-block.lt-lesson-files .table {
    margin-bottom: 0!important;
}

.lt-block.lt-lesson-files .table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.lt-block .table.files-table tr {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;   
    flex: 1 1 100%;
    position: relative; 
    margin: 0 10px 15px;
    padding: 15px;   
    width: inherit;
    background: #FFFFFF;
    border: 1px solid #f3e8bf;
    border-radius: 10px;
    overflow: hidden !important;
    transition: all .3s;
}

.lt-block .table.files-table tr:hover {
    cursor: pointer;
    transform: translatey(-5px);
}

.lt-block .table.files-table td {
    display: block;
    border:none;
    padding:10px 10px!important;
}


.lt-block .table.files-table tr td:nth-child(1) {
    position: relative;
    width: 50px!important;
    height: 50px!important;
    display: block; 
    background: #681d2e;
    border-radius: 100px; 
    overflow: hidden;
}

.lt-block .table.files-table tr td:nth-child(1)::before {
    content: url(/fileservice/file/download/a/637822/sc/63/h/13f89a35f962800f661c73fd945f052c.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translatey(-50%); 
    height: 22px;
}

.lt-block .table.files-table tr td:nth-child(1) div {
    display: none;
}

.lt-block .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;  
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    color: #9E9BA4;   
    text-align: center;
}

.lt-block .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
}

.lt-block .table.files-table tr td:nth-child(3) a {
    display: block;  
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #000;
    word-break: break-all;  
    text-decoration: none !important;
    transition: all .2s;
}

.lt-block .table.files-table tr td:nth-child(3) a:hover {
    color: #9E9BA4;
    text-decoration: none !important;
}

@media (max-width:767px) {
	.lt-block .table.files-table tr {
        flex: 1 1 100%;
        max-width: 100%;
		    padding: 15px;      
        justify-content: center;
	}
    
    .lt-block .table.files-table td {
        flex: 1 1 100%!important; 
        padding: 5px!important;
        text-align: center!important;
    }
  
     
	.lt-block .table.files-table tr td:nth-child(1) {
		max-width: 60px!important;
	}
  
	.lt-block .table.files-table tr td:nth-child(2) {
		display: block;
		vertical-align: top;
		padding-top: 15px!important;
		width: inherit!important;
		opacity: .5;
		text-align: left;
	}

	.table.files-table tr td:nth-child(3) a {
		word-break: break-word;
	}
}

/* ------------- 
content finish - lessonfiles
------------- */