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

body {
    background: #F7F7F7;
}
.logo.gc-account-logo, 
.gc-main-content:not(.gc-user-admin) .page-header h1, 
.xdget-trainingAchievements, 
.gc-main-content:not(.gc-user-admin) .standard-page-content .breadcrumb, 
.gc-main-content:not(.gc-user-admin) .breadcrumbs {
    display: none;
}
.gc-account-leftbar {
    box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.content-menu {
    border-bottom: none;
}
.xdget-image:not(.sds_noshadow) img {
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30);
    border-radius: 15px;
}

.sds-mob {
    display: none;
}
@media screen and (max-width: 500px) {
    .sds-mob {
        display: block;
    }
    .sds-pk {
        display: none;
    }
}

.gc-account-leftbar .menu-item-profile a img {
    display: none;
}
.gc-account-leftbar .menu-item-profile a:not(.subitem-link):before {
    content: url('https://fs.getcourse.ru/fileservice/file/download/a/671253/sc/206/h/2b9d786335b9eaa6556c1ff93f613aa7.png')
}

/* прогресс по модулям */
@charset "UTF-8";

.custom-progress {
    --color-bg: #ffffff;
    --color-text: #000000;
    --color-text-2: #ffffff;
    --color-dots-done: #2A6AD1;
    --color-dots: #DBDBDB;
    --color-scale-bg: #F7F7F7;
    --color-scale: #A9DBFF;
    padding: 50px 25px;
    width: 100%;
    max-width: 400px;
    min-height: 268px;
    background-color: var(--color-bg);
    border-radius: 15px;
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30), 4px 4px 8px 0px rgba(120, 120, 120, 0.15) inset;
}
.custom-progress h3 {
    color: #F88040;
    text-align: center;
    margin-bottom: 50px;
}
.custom-progress__scale-wrap {
    width: 100%;
    height: 70px;
    border-radius: 10px;
    background: var(--color-scale-bg);
    position: relative;
}
.custom-progress__scale {
    width: 0%;
    height: 70px;
    border-radius: 10px 0px 0px 10px;
    background: var(--color-scale);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.custom-progress__modules {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding: 0 15px;
    list-style: none;
    height: 70px;
}
.custom-progress__module {
    display: block;
    font-size: 0px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: var(--color-dots);
    flex-shrink: 0;
}
.custom-progress__module_done {
    background: var(--color-dots-done);
}
.custom-progress__module_active {
    width: 50px;
    height: 80px;
    border-radius: 10px;
    background: var(--color-dots-done);
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-text-2);
    position: relative;
    margin: 0;
}
.custom-progress__module_active::after {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "Модуль";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #21212E;
}
/* конец прогресса модулей */

/* расписание и форма */
.schedule_block, .sds-upsale {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30), 4px 4px 8px 0px rgba(120, 120, 120, 0.15) inset;
    padding: 50px 25px;
    font-family: Inter;
}
.schedule_block h3 {
    color: #F88040;
    text-align: center;
    margin-bottom: 20px;
}
.sds_schedule {
    border-bottom: 1px solid #F88040;
    display: flex;
    padding: 15px 0 5px;
}
.sds_schedule:last-child {
    border-bottom: none
}
.sds_date-time {
    flex: 0 0 110px;
    display: flex;
    color: #2A6AD1;
    font-weight: 600
}
.sds_date {
    flex: 0 0 50px;
}
.sds_type {
    font-weight: 600;  
}

.sds-upsale button {
    border-radius: 5px;
    background: #FF8848;
    box-shadow: -4px 4px 4px 0px rgba(255, 78, 0, 0.30) inset, 6px -6px 4px 0px rgba(255, 78, 0, 0.30) inset;
    border: none;
    height: 38px;
    width: 150px;
}
.sds-upsale button:hover {
    border: none;
    background: #FF8848;
}
.sds-upsale h3, .sds-upsale .final-price {
    color: #2A6AD1;
}
.sds-upsale .xdget-offer.selected {
    background: #F7F7F7;
    border-radius: 5px;
}
/* конец расписание */

/* список уроков */
.lesson-list li table {
    min-width: 1px;
}
.lesson-list {
    background: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
.lesson-list li {
    margin: 0;
    flex: 0 0 calc((100% - 40px) / 3);
    width: 263px;
    height: 187px;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.3);
    transition:all 0.3s;
}
.lesson-list li a.user-state-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/170/h/7dd3acdc2403249a0620f12ee2a27f07.png) no-repeat;
    background-size: contain;
    background-position: bottom;
}
li .state-icon-block,
li .user-state-label-ex,
li .user-state-label{
    display:none!important;
}
.lesson-list li .info {
    margin-left: 0;
    border: none;
    background: transparent;
    display: flex;
    height: 100%;
    justify-content: space-between;
}
/*Название урока*/
.lesson-list li .title {
    color: #F88040;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 126%; /* 20.16px */
}
/*убираем серую границу слева*/
.lesson-list li.user-state-reached .info {
    border-left: none;
}
/* Ставим счетчик на список */
.lesson-list {
    counter-reset: lesson_list;
}
.link.title:before {
    content: "Урок " counter(lesson_list);
    color: #2A6AD1;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    margin-bottom: 10px;
    counter-increment: lesson_list;   
}
.link.title:before {
    position: absolute;
    top: 1px;
    left: 1px;
}
/*кнопка перейти*/
.lesson-list li .title:after {
    content:"ПЕРЕЙТИ";
    position:absolute;
    font-family: Inter;
    top:120px;
    left:0px;
    padding:5px 7px;
    border:1px solid #FF8848;
    border-radius:5px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    background: rgb(255,136,72);
    background: linear-gradient(90deg, rgba(255,136,72,1) 0%, rgba(245,146,93,1) 38%, rgba(245,146,93,1) 59%, rgba(255,136,72,1) 100%);
    font-weight: 400;
    font-size: 14px;
    transition:all 1s;
}
/*Меняем положение урока при наведении*/
.lesson-list li:not(.user-state-not_reached):hover{
    transform:translateY(-7px);
}
/*Фоновая картинка*
.lesson-list a:before {
    content: "";
    width: 100%;
    height: 187px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/170/h/7dd3acdc2403249a0620f12ee2a27f07.png) no-repeat 10% 30%;
    z-index: 0;
    border-radius: 16px;
    background-size: cover;
}
/*Статусы уроков*/
.lesson-list td:before {
    font-family: 'fontAwesome';
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    left: 170px;
    top: -10px;
}
/* Доступен */

/*
.user-state-reached td:before, 
.user-state-has_mission .link.title:before {
content: '\f13e \00a0 \00a0 Доступен';
color: #FF8848;
}*/
/* Не доступен */
.lesson-list .user-state-not_reached a:after {
    content: '';
    background:  url(https://fs.getcourse.ru/fileservice/file/download/a/628956/sc/305/h/a398ded37cbdf26d0ed364f3758591ce.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 57px;
    height: 40px;
    display: block;
}
.lesson-list li.user-state-not_reached .title {
    color:#FB8C51;
}
.lesson-list li.user-state-not_reached .info {
    background: transparent;
    border-left: none;
}
.lesson-list li.user-state-not_reached .title:after {
    content:"НЕ ДОСТУПЕН";
    filter: grayscale(60%);
}
.lesson-list li.user-state-not_reached a {
    cursor: default;
}
/* стоп-урок *
.user-state-need_accomplish .user-state-bg {
background: none;
}*/

@media (max-width:900px) {
    .lesson-list li {
        flex:0 0 calc(50% - 20px);
    }
    .lesson-list li .title {
        font-size:20px;
    }
}

@media (max-width:500px) {
    .lesson-list li {
        flex:0 0 100%;
    }
    .lesson-list li .title {
        font-size:20px;
    }
}
/* конец список уроков */

/* оформление уроков */
.page-header {
    border-bottom: none;
}
.lesson-header-block.row-section {
    border-bottom: none !important;
    background: none !important;
}
.lesson-header-block.row-section .header-view {
    border-radius: 15px;
    background: #FFF;  
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30), 4px 4px 8px 0px rgba(120, 120, 120, 0.15) inset;
    padding: 20px 35px 50px;
}
.lesson-title-value {
    color: #F88040;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 111.5%;
    position: relative;
}
.sds-nav p {
    margin-bottom: 20px
}
.sds-nav a {
    display: flex;
    align-items: center;
}
.lesson-header-block .hidden-xs {
    display: none;
}
.header-view .col-md-12.text-center {
    padding: 0 !important;
    text-align: left;
}
.lesson-navigation td:nth-child(1) a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='6' viewBox='0 0 43 6' fill='none'%3E%3Cpath d='M0.717155 3.28284C0.560947 3.12663 0.560947 2.87336 0.717155 2.71715L3.26274 0.171569C3.41895 0.0153598 3.67222 0.0153598 3.82843 0.171569C3.98464 0.327779 3.98464 0.581045 3.82843 0.737255L1.56569 3L3.82843 5.26274C3.98464 5.41895 3.98464 5.67221 3.82843 5.82842C3.67222 5.98463 3.41895 5.98463 3.26274 5.82842L0.717155 3.28284ZM43 3.4L1 3.4L1 2.6L43 2.6L43 3.4Z' fill='%232A6AD1'/%3E%3C/svg%3E");
    padding-right: 5px;
}
.lesson-navigation td:nth-child(3) a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='6' viewBox='0 0 43 6' fill='none'%3E%3Cpath d='M42.2828 3.28284C42.4391 3.12663 42.4391 2.87336 42.2828 2.71715L39.7373 0.171569C39.581 0.0153598 39.3278 0.0153598 39.1716 0.171569C39.0154 0.327779 39.0154 0.581045 39.1716 0.737255L41.4343 3L39.1716 5.26274C39.0154 5.41895 39.0154 5.67221 39.1716 5.82842C39.3278 5.98463 39.581 5.98463 39.7373 5.82842L42.2828 3.28284ZM3.49691e-08 3.4L42 3.4L42 2.6L-3.49691e-08 2.6L3.49691e-08 3.4Z' fill='%232A6AD1'/%3E%3C/svg%3E");
    padding-left: 5px;
}
.lesson-navigation td {
    padding: 0 !important;
}
@media screen and (max-width: 425px) {
    .lesson-navigation td:nth-child(1) a:before, .lesson-navigation td:nth-child(3) a:after {
        display: none;
    }
}

.builder-item.part-header p {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 90%;
}

/* файл для скачивания и внешняя ссылка */
.sds_file, .sds_link {
    display: flex;
    padding: 15px;
}
.sds_file svg, .sds_link svg {
    margin-right: 16px;
}
.sds_file-info p, .sds_link-info p {
    color: #16151B;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}
.sds_file-info a, .sds_link-info a {
    color: #2A6AD1;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

 /*.center-block {
    max-width: 900px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    border-radius: 15px;
}*/

.block-set {
    border-radius: 15px;
}

.o-lt-form .row, .sds_anketa-sps .row {
    border-radius: 15px;
    border: none;
    background: #FFF;
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30), 4px 4px 8px 0px rgba(120, 120, 120, 0.15) inset;
    padding: 40px 0 20px;
}
.o-lt-form form {
  height: fit-content;
}

.lt-lesson-mission-block .col-md-12 {
    padding: 0;
}
.lesson-mission-wrapper, .simple-answer, .text-success {
    border-radius: 15px;
    border: none;
    background: #FFF;
    box-shadow: 4px 5px 5px 2px rgba(195, 195, 195, 0.30), 4px 4px 8px 0px rgba(120, 120, 120, 0.15) inset;
    padding: 20px
}

.answer-form, .simple-answer {
    background: none;
}

.btn-send-answer, .btn-send {
    color: #fff;
    background-color: #256AD2;
    border-color: #256AD2;
    border-radius: 10px!important;
    box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.15) inset, 6px -6px 10px 0px rgba(0, 0, 0, 0.15) inset;
    font-size: 15px!important;

}

.lt-lesson-mission-block h3 {
    padding-bottom: 10px;
    font-size: 35px;
    color: #2A6AD1;
}
.answer-form .addfield .type-text {
    border-color: #d6d6d6;
}
.answer-form .addfield .type-text:focus-visible {
    border: 1px solid #807E7D !important;
    outline: 0;
}
/* конец оформления уроков */