/* системные надписи */
.lesson-edit-toggle-link {
    color:var(--light-font-color)!important;
}
/**/


.isLessonPage .page-header {
    border-bottom:0;
}

.isLessonPage .page-header h1 {
    margin:30px 0 0;
    color:var(--light-font-color);
}

.isLessonPage .page-header h1 a {
    font-family: var(--header-font-1);
    font-size: var(--font-size-2);
    text-transform: uppercase;
    color: var(--accent-color-school);
    line-height: 100%;
    max-width: 65%;
    display:block;
}

.isLessonPage .page-header h1 a:hover {
    text-decoration:none;
}

.isLessonPage .page-header h1 a span {
    display:none;
}

/* общие стили, чтобы убрать лишние обводки */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

/* Шапка урока*/
.lesson-header-block {
    border-bottom: none!important;
    margin-bottom: 30px!important;
    border-radius: var(--b-radius);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background: var(--color-fon-cards)!important;
    padding: 15px 20px!important;
}

.lesson-header-block .row {
    margin-right: 0!important;
    margin-left: 0!important;
}

.lesson-header-block h2.lesson-title-value {
    font-family: var(--header-font-1);
    font-size: var(--font-size-1) !important;
    line-height: 100%;
    color: var(--accent-color-school);
    text-transform: uppercase;
    max-width: 70%;
    margin:0 auto 10px;
    display:flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.lesson-header-block h2.lesson-title-value span {
    font-family: var(--header-font-2);
    display: block;
    margin-top: 5px;
}

.lesson-header-block .lesson-description-value {
    font-family: var(--second-font);
    font-weight: 400;
    font-size: var(--font-size-3);
    line-height: 120%;
    color: var(--light-font-color);
    max-width: 70%;
    display: block;
    margin-inline:auto;
}

.lesson-header-block .lesson-navigation {
    font-family: var(--second-font);
    font-weight: 400;
    font-size: var(--font-size-3);
    line-height: 120%;
    color: var(--color-2);
}

.lesson-header-block .lesson-navigation td:nth-child(2) > div {
    font-size: 14px!important;
}

.lesson-header-block .lesson-navigation tr td {
    padding: 0!important;
}

.lesson-header-block .lesson-navigation td a {
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--light-font-color);
    text-decoration:underline;
}

.lesson-navigation td a ~ div {
    display: none;
}

/* контент */
.isLessonPage .lite-page {
    background: var(--accent-color-school);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    border-radius:15px;
    padding: 25px 60px;
}

.isLessonPage .lite-page .f-header-36 {
    font-family: var(--header-font-1);
    font-size: var(--font-size-2);
    line-height: 100%;
    color: var(--dark-font-color-1);
    text-transform: uppercase;
    text-align:left;
}

.isLessonPage .lite-page .f-header-26 {
    font-family: var(--header-font-1);
    font-size: var(--font-size-1);
    line-height: 100%;
    color: var(--dark-font-color-1);
    text-transform: uppercase;
    text-align:left;
}

.isLessonPage .lite-page .f-text {
    font-family: var(--second-font);
    font-size: var(--font-size-5);
    color:var(--dark-font-color-1);
    line-height: 120%;
} 

.isLessonPage .lite-page .f-subheader {
    font-size:23px;
    font-family: var(--second-font-2);
    color:var(--dark-font-color-1);
    margin-bottom: 20px;
    display: block;
    text-transform: none;
}

.vhi-iframe {
    border-radius:var(--b-radius);
}

.part-textHeaderExpandWithAnimation .header {
    background: var(--color-1) !important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color) !important;
    padding: 14px 20px;
    border-radius: 37px !important;
    transition: all .5s;
    width: 120px;
    margin-bottom:20px;
}

.lt-text-header-expand .header p {
    border-bottom: none;
}

.lt-text-header-expand-with-animation .lt-text-header-expand-icon {
    font-size: 14px;
    transform:none;
    top: 13px;
    right: 13px;
}

.part-textHeaderExpandWithAnimation .fa-plus::before {
    content: "\f107";
}

.lt-text-header-expand-with-animation .text {
    border:2px solid #fff;
    padding:20px;
    border-radius:var(--b-radius);    
}

.lt-text-header-expand-with-animation .text .all-block-time {
    display: flex;
    flex-wrap:wrap;
    gap:60px;    
}

.lt-text-header-expand-with-animation .text .time-block {
    flex:0 0 calc(50% - 30px);
}

.lt-text-header-expand-with-animation .text a {
    color:var(--color-1);
}

.itog_block .builder {
    background: #ffffff50;
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    padding: 20px;
    border-radius:var(--b-radius);
}

.quote_block .f-text {
    background: var(--color-fon-cards);
    padding: 30px 20px 20px 60px;
    border-radius:var(--b-radius);
    color:var(--accent-color-school)!important;
    position:relative;
}

.quote_block .f-text:before {
	position:absolute;
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='32' viewBox='0 0 36 32' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='36' height='32' fill='url(%23pattern0_9228_40)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_9228_40' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_9228_40' transform='matrix(0.0078458 0 0 0.00875108 -0.206897 -0.25)'/%3E%3C/pattern%3E%3Cimage id='image0_9228_40' width='178' height='178' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAACyCAYAAADmipVoAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFSUlEQVR4nO3d0W3bWBCF4ZNFXoWkg90OuB0kHWw6ILeDdBCVsC2wg6QDpgOzA7uDGCpA+xASCPJiyZoh5x7937sHIvjrirqU5Dfn81lA6/7Y+wEAEQgZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFggZFt7u/QC2cprHY8CYH4eu/y9gTrjTPP4laQgY9XDo+q8BczZ1FyGf5nGQ9CVg1BgwI8tRUh8w59+AGZu7l0uLIWjOFDQn1Gke30v6FDRuCpqzKfuQT/P4t6QPQeOqvuQOkt4FzJkPXf8YMGdz9iFL+hw05/uh638EzYoWdYxT0JzNWYe8vORGXDdKRVfj0zx+kvRn0LiSx3gJ65AVt1JJdVerqGN8PnT9FDRrc4R8madD1z8EzQqzbLm5X/9fxDbkZcst4g2QVHc1PgbOmgJnbc42ZMVeVpRbrYK33KSCx3gNy5BP8/hRUhc4cgqcFeWz4l5x5sI7MhexDFlxN0CkuttuQ+CspldjyTDk5Q1Q1JabVPAkL9f/UVtuUsFjvJZdyIpdqaSaJ3kInPVccUfmWo4hR77Je6p2yzb4lrtU84l6NauQg7fcpJonOfKJKtU8xqtZhazYfVWp2G5F8C331RQ8bxc2IS9bbpFvgFTwA+bRq3HVHZmr2YSs+JP8LXhehCF4XrUn6qtZhLxsuf0TPHYKnneThC03qdgx3sIiZMWvxlK91Sr6GEt+EOq1mg95eQM0BI8t9U2JhFvuktFqLBmErJ8fnInccpPqneQhYWa1V5ybOIR8TJhZ5iQn3HJfTQkzd9N0yBlbbqr3TYkhYeY3l223VdMhK2c1nhJm3iLjjeyUMHNXzYYc/DWfX1W6rBgUf/0vFTrGKM2GrJzVWKq1WmWsxuU+CBWhyZATvuazKrPtlrTlJhmuxlKjISvul3V+V+kkZ6zGUq1XnDCthpx1kkuEnHTLXVLJD0KFaC7k4F/W+VWlb0pkPVErfhAqRHMhy381zrjlvipxjBmaCjlxy02qc+2Ycct9NSXN3V1TIStvy02qs1odk+aW2ZHJ0EzISV/zWZX4gZKkW+6rKWluCc2ErLxrY6nOanwPx5iipZCHxNm7n+TMLTfV+yBUuCZCTvqaz6rKNyWOibOnxNklvDmfz3s/hhed5nFS3m7Fs6SbQj50/cdb/n65/n9U3m7F0zL/tR4OXZ952XOz8v+eLOGXdX73Lnn+JQblRSz9fDXLekUroYVLi9IrQZB7OMZUpUNO3nIrIfGW+10pHbJydyqqGPZ+AA6qh/x+7wewgXs4xnTVQwYuQsiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwQMiwUP3/7D1K+r73g0hW4b+uvqT8Y2ziP58CL+HSAhYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRYIGRb+B+xI93bYHGIKAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
	width: 45px;
    height: 42px;
	top:10px;
	left:10px;
	background-size:100% auto;
	background-repeat:no-repeat;
}

.isLessonPage .lite-page .btn.f-btn {
    background: var(--color-1)!important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color)!important;
    padding-inline: 20px;
    border-radius: 37px!important;
    transition: all .5s;
    min-width: 180px;
    min-height: 40px;
}

.isLessonPage .lite-page .btn.f-btn:hover {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.isLessonPage .lite-page input[type="radio"], 
.isLessonPage .lite-page input[type="checkbox"] {
    accent-color:var(--color-1);
}

.isLessonPage .lite-page .lt-form-survey {
    font-family: var(--second-font);
    font-size: var(--font-size-3);
}

.isLessonPage .lite-page .lt-form-survey .label-value {
     font-family: var(--second-font-2);
    font-size:18px;
}

.isLessonPage .lite-page .lt-form-survey .field-description-block {
    color:var(--dark-font-color-2);
}

.lt-form-survey .form-control {
    border:none!important;
    box-shadow:none!important;
}

.important_block .f-text {
    font-family: var(--second-font-2)!important;
    border-left:10px solid var(--dark-font-color-1);
    padding-left: 15px;
}

div[style="padding-left: 20px; padding-bottom: 20px; padding-top: 20px;"] {
    padding:0!important;
}

.testing-widget {
    margin-top: 0!important;
    margin-bottom:20px;
}

.testing-widget .btn-restart {
    background: var(--color-1) !important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color) !important;
    border-radius: 37px !important;
    border: none;
    width: fit-content;
    min-height: 40px;
}

.testing-widget .question-title-big {
    font-size:18px!important;
    font-family:var(--second-font);
    margin-bottom: 0!important;
}

.testing-widget .question-answer-block .btn-default.btn-mark-variant {
    font-family:var(--second-font);
    color:var(--dark-font-color-1);
}

.testing-widget .btn-mark-variant:before {
    color:var(--color-1)!important;
    font-size:24px;
}

.testing-widget .btn-mark-variant[data-marked="0"],
.btn-default {
    border-color: transparent!important;
}

.testing-widget .btn-mark-variant[data-marked="1"] {
    border-color: transparent!important;
    background-color: #ffffff50;
}

.testing-widget .btn-send-all-variants.btn-send-variant {
    background: var(--color-1) !important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color) !important;
    border-radius: 37px !important;
    border: none;
    width: fit-content;
    min-height: 40px;
    text-align: center;
    margin-top: 30px;
}

.testing-widget .stat-block {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    font-family: var(--second-font);
}

.testing-widget .stat-block .stat-title,
.testing-widget .stat-block .stat-str {
    font-size: 20px;
    margin-bottom:10px;
}

.testing-widget .stat-block .text-success {
    color:var(--dark-font-color-1);
    margin-bottom: 20px;
}

.testing-widget .stat-block .text-default {
    margin-top: 20px;
}


/* дз и комменты */
.lt-lesson-mission-block {
    margin-top: 20px;
    font-family: var(--second-font);
    font-size: var(--font-size-3);
    color:var(--dark-font-color-1);
    line-height: 120%;
}

.lt-lesson-mission-block h3 {
    padding: 50px 30px 0;
    border-radius: 15px 15px 0 0;
    border: 2px solid var(--light-font-color);
    border-bottom: none;
    font-family: var(--header-font-1);
    font-size: var(--font-size-1) !important;
    text-transform: uppercase;
    color: var(--dark-font-color-1);
    padding-left: 90px;
    position:relative;
}

.lt-lesson-mission-block h3:before {
    content:'';
    display:block;
    width:50px;
    height:50px;
    background-size:100% auto!important;
    background-repeat: no-repeat!important;
    position:absolute;
    left:30px;
    bottom:5px;
    background:url(/fileservice/file/download/a/861971/sc/189/h/1462e3c6f8ce553a366ddea48242f20b.png);
}

.lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top: 0;
   border: 2px solid var(--light-font-color);
    border-top: none!important;
    padding: 30px;
    border-radius: 0 0 15px 15px;
}

.lesson-mission-text {
    border-bottom: none!important;
    padding: 0 !important;
    color:var(--dark-font-color-1);
}

.lt-lesson-mission-block .lesson-send-answer-block {
    padding-top:30px;
}

.lt-lesson-mission-block .answer-form {
    padding:0;
    background: transparent;
}

/* Изображение профиля в форме, ответах и комментариях */
.user-profile-image {
    border-radius: 100px;
    overflow: hidden;  
    border:2px solid var(--color-1);
}

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

textarea#LessonAnswer_answer_text,
textarea.new-comment-textarea {
    border:none;
    padding: 10px 40px 10px 10px;
    font-size:16px;
    color:var(--dark-font-color-1);
    margin-bottom: 5px;
}

textarea#LessonAnswer_answer_text::placeholder,
textarea.new-comment-textarea::placeholder {
    font-size:14px;
    font-family:var(--second-font);
}

.lt-lesson-mission-block .uploadifive-button {
    background:var(--dark-font-color-1);
    border: none;
    border-radius: 37px;
    font-size: 10px;
    font-family: var(--second-font);
    font-weight: 400;
    width: fit-content!important;
    padding-inline:20px;
}

.lt-lesson-mission-block .btn-send-answer,
.lt-lesson-mission-block .btn-primary.btn-lg,
.lt-lesson-mission-block .btn-primary.btn-send,
.comment-form-wrapper .new-comment .btn-send,
.lt-lesson-comment-block .simple-answer .btn-primary {
        background: var(--color-1) !important;
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--light-font-color) !important;
    border-radius: 37px !important;
    border:none;
    transition: all .5s;
    width:fit-content;
    min-height: 40px;
}

.lt-lesson-mission-block .btn-send-answer:hover,
.lt-lesson-mission-block .btn-primary.btn-lg:hover,
.lt-lesson-mission-block .btn-primary.btn-send:hover,
.comment-form-wrapper .new-comment .btn-send:hover,
.lt-lesson-comment-block .simple-answer .btn-primary:hover {
       -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.btn-link.btn-save-draft {
    color:var(--dark-font-color-1);
    text-decoration: underline;
}

.lt-lesson-comment-block .row {
    margin-bottom:0!important;
}

.lt-lesson-comment-block .simple-answer {
    background: #ffffff50;
    border-radius: 15px;
}

.lt-lesson-comment-block .answer-comment {
    width:90%;
}