@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.center-block{
max-width: inherit !important;
}
.lesson-scripted .answer-form-inner input[type="checkbox"]{
opacity:0;
    position: relative;
}

h1 {
color: #5E9B46;
}
.lesson-scripted h1>a {
color: #445861 !important;
}
.lesson-send-answer-block label, .addfield-type-checkbox label{
position: relative;
}
.lesson-scripted .lesson-send-answer-block label::before, .addfield-type-checkbox label::before {
  content: '';
    position: relative;
    display: inline-block;
  width: 15px;
    margin-right: 10px;
    top: 1px;
  height: 15px;
background: #FFFFFF;
border: 1px solid #E6E8F1;
border-radius: 3px;
}
.lesson-scripted input[type="checkbox"]:checked + label::after {
  content: '';
    position: absolute;
    display: block;
    background: #5E9B46;
    top: 7px;
    transform: translate( 55%, -2px);
   border-radius: 2px;
   width: 7px;
    height: 7px;
}
.lesson-header-block {
background: url(https://fs.getcourse.ru/fileservice/file/download/a/445104/sc/228/h/41d8f7a976a3d0fce03341c46cfc02a2.jpg);
  background-size: cover !important;
  border-radius: 10px;
}
.lesson-title-value {
    margin-top: 30px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
}
.lesson-navigation {
padding-top: 45px !important;
  padding-bottom: 50px !important;
}
.lesson-navigation td span {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600 !important;
font-size: 24px !important;
line-height: 30px !important;
text-align: center;
color: #FFFFFF;
}
.lesson-description-value, .lesson-navigation .user-state-has_mission div, .lesson-navigation  .user-state-need_accomplish div, .lesson-navigation .user-state-reached div {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 30px !important;
text-align: center;
color: #FFFFFF;
  margin-top: 15px;
}
.navs {
        display: flex;
    justify-content: space-between;
margin-bottom: 50px;
    margin-top: 25px;
}
.navs a {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px;
color: #5E9B46;
    text-decoration: none !important;
        display: flex;
    margin-bottom: 15px;
}
.navs td:last-child a {
justify-content: flex-end;
}
.navs div {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #445861;
}
.navs td {
padding: 0px !important;
}
.fui-arrow-left {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}
.fui-arrow-right {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
}
.lt-video-hosting .modal-block-content {
margin: 0px !important;
    width: 100% !important;
}
.lt-lesson-mission-block h3 {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px !important;
line-height: 30px !important;
color: #445861;
  margin-bottom: 40px;
}
.lesson-mission-wrapper {
  padding: 60px 57px 50px 50px;
border: 0px !important;
  background: #E3ECF9;
border-radius: 10px;
}
.lesson-scripted .answer-form {
    padding: 0px;
    background: none;
}
.lesson-mission-text {
  padding: 0px !important;
  padding-bottom: 50px !important;
    border-bottom: 0px solid #eee !important;
}
#lessonAnswerForm .user-profile-image {
display: none !important;
}
.lesson-scripted .answer-form-inner {
margin-left: 0px;
}
.answer-form .answer-textarea-container {
    width: 100%;
position: relative;
  
}
.answer-form-inner>div {
overflow: visible !important;
}
.answer-textarea-container::before {
position: absolute;
  content: '';
  width: calc(100% + 100px);
  height: 1px;
  bottom: 1px;
  background:#E6E8F1;
  left: 50%;
  transform: translate(-50%, 0px);
}
.lesson-scripted textarea {
background: #FFFFFF;
border-radius: 10px;
  border: none;
  padding: 25px;
}
.lesson-scripted .form-group>div + div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 46px;
  padding-bottom: 45px;
}
#queue {
margin-top: 0px;
 padding-bottom: 0px;
}
/*.form-group>div + div div:last-child {
      flex-basis: 100%;
}*/

.answer-textarea-container  .uploadifive-button {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px !important;
line-height: 20px !important;
color: #5E9B46;
  display: flex;
  padding-left: 33px;
  align-items: center;
  text-transform: initial !important;
  background: none !important;
  height: auto !important;
  width: max-content !important;
}
.answer-textarea-container .uploadifive-button input {
cursor: pointer;
}
.answer-textarea-container .uploadifive-button::before {
position: absolute;
  top:0px;
  content: url(https://fs.getcourse.ru/fileservice/file/download/a/445104/sc/185/h/4c95422db98d9b6f76bfc96a87b55896.svg);
  left: 0px;
}
.answer-textarea-container .text-muted {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #445861;
  position: relative;
  display: flex;
  align-items: center;
}
.answer-textarea-container .text-muted::before {
  margin-right: 9px;
transform: translateY(3px);
content: url(https://fs.getcourse.ru/fileservice/file/download/a/445104/sc/189/h/75b18e02c59ffa2994c3ba3c94cd0105.svg);
}
.field-lessonanswer-answer_text {
margin-bottom: 45px;
}

.lesson-scripted .btn-send-answer, .lesson-scripted .new-comment .btn-send, .lesson-scripted .btn-lg {
background: #5E9B46 !important;
border-radius: 10px !important;
font-family: 'Montserrat', sans-serif;
font-style: normal !important;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 20px !important;
color: #FFFFFF !important;
 border: none !important;
  padding: 20px 53px !important;
}
.lesson-scripted .btn-save-draft {
background: #BCC6CB !important;
border-radius: 10px !important;
 font-family: 'Montserrat', sans-serif;
font-style: normal !important;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 20px !important;
color: #FFFFFF !important;
 border: none !important;
  padding: 20px 53px !important;
  text-decoration: none !important;
}
.lesson-scripted .new-comment .btn-send .text {
   text-transform: initial;
 font-family: 'Montserrat', sans-serif;
font-size: 24px !important;
line-height: 33px !important;
}
.lesson-scripted .btn-send-answer:hover, .lesson-scripted .new-comment .btn-send:hover, .lesson-scripted .btn-lg {
  transform: translateY(-1px);
}
.new-comment .fa-send {
  display: none;
}
    .lesson-mission-wrapper {
    padding: 20px 25px 50px 25x !important;
}
@media (max-width: 1000px) {
.btn-send-answer, .new-comment .btn-send .text {
font-size: 16px !important;
line-height: 26px !important;
}
 .navs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px !important;
    margin-top: 25px;
}
    .btn-send-answer {
margin-bottom: 30px;
        
}
  .btn-send-answer,  .btn-save-draft{
     width: 100%;
    }
   .standard-page-content {
    padding-bottom: 0px;
}
    .answer-form .btn-save-draft {
    margin-left: 0px;
}
}
@media (max-width: 500px){
.btn-save-draft {
font-size: 14px !important;
}
    .lesson-mission-wrapper {
  padding: 60px 25px 50px 25px;
}
    .answer-textarea-container::before {
position: absolute;
  content: '';
  width: calc(100% + 50px);

}
}
.expand h1, .expand h3, .expand p {
max-width: calc(100vw - 30px);
}
del {
    text-decoration: none;
    background: rgba(118,175,94, .4);
    display: block;
    padding: 0.8em 0.4em;
    border-radius: 19.302px;
}

.lesson-scripted .answer-form-inner input[type="checkbox"]{
display: block;
  opacity:0;
    position: relative;
  z-index:10;
}
.lesson-scripted .lesson-send-answer-block label::before, .addfield-type-checkbox label::before {
pointer-events:none;
}
.answer-form .addfield-type-checkbox input {
 
    margin-right: -14px;
    margin-left: 0;
}
 .deadline {
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 98.5%;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
position:fixed;
  right:2em;
  top:1em;
  background: linear-gradient(180deg, #FF5050 0%, #7A0000 100%);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
border-radius: 40px;
  padding:24px 40px;
}
.deadline::before {
  content:'';
  background:url(https://fs.getcourse.ru/fileservice/file/download/a/445104/sc/297/h/dcb15ce5c1590b96ff6a3efb1d236959.png) no-repeat center / cover;
  width:120px;
  height:97px;
  position:absolute;
  left:-100px;
}
.deadline svg {
  position:absolute;
  width:40px;
 height:40px;
  bottom:-5px;
  right:-5px;
  cursor:pointer;
}
@media (min-width:768px) {
  .deadline {
font-size: 1.67vw;
border-radius: 2.083vw;
  padding:1.25vw 2.083vw;
}
.deadline::before {
  width:6.25vw;
  height:5.05vw;
  left:-5.21vw;
}
}
@media (max-width:768px) {
  .deadline {
font-size: 16px;
  padding:14px 20px;
}
.deadline::before {
  width:60px;
  height:48px;

  left:-40px;
}
}