/*Таблица лидеров*/

.table_achivments {
border-radius: 20px;
position: relative;
    margin-top: 20px;
color:#fff;
overflow: hidden;
padding: 20px!important;
background: linear-gradient(180.00deg, rgb(47, 75, 60),rgb(10, 51, 45) 100%);
}

.table_achivments:before {
content: "";
background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/372/h/ac4b7bee04d2aa862adb5e044ab749b9.svg) center center/cover no-repeat;
width: 120%;
max-height: 400px;
height: 100%;
left: -20px;
top:-20px;
position: absolute;
z-index: -1;
}

.table_achivments-vip .xdget-trainingAchievements tbody tr:nth-child(1),.table_achivments-baza .xdget-trainingAchievements tbody tr:nth-child(2) {
    display: none;
}

.xdget-student-list .more-students {
display: none;
}

.xdget-student-list img {
width:100px!important;
display: block!important;
height: 100px!important;
}

.xdget-student-list div.user-tr {
border-radius:100%;
max-height: 100%!important;
}

.xdget-student-list {
display: flex;
justify-content: center;
}

.profil_name {
color: rgb(255, 255, 255);
font-family: Lena;
font-size: 30px;
font-weight: 400;
text-align: center;
}

.table_achivments .xdget-trainingAchievements th, .table_achivments .xdget-trainingAchievements td:nth-child(1) {
display: none;
}


.table_achivments .xdget-trainingAchievements tr {
display:flex;
justify-content: center;
}

.table_achivments .badge {
color: rgb(248, 237, 219);
background: transparent;
font-family: Stolzl-Regular;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}

.table_achivments .xdget-trainingAchievements tbody tr  {
border-top:none!important;
    border-bottom: 2px solid #fff;
}

.table_achivments .xdget-trainingAchievements .text-right {
    border-top:none!important;
}

.table_achivments .w0 {
    border:none;
}

.table_lider-h {
    color: rgb(248, 237, 219);
font-family: Stolzl-regular;
    margin-top:30px;
font-size: 18px;
font-weight: 500;
line-height: 107.5%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
}

.table_achivments .kv-grid-table thead {
    display: none;
}

.table_achivments .xdget-trainingAchievements table {
            display: flex;
    justify-content: center;
}

.table_achivments .injected-table tbody {
     counter-reset: section;
}

.table_achivments .injected-table tbody tr img {
    border-radius: 100%;
    display: block;
}

.table_achivments .user-icon {
    display: flex;
    align-items: center;
}
.table_achivments .injected-table tbody tr {
    position: relative;
    background: #fff;
    margin-top: 20px!important;
    display: grid;
    grid-template-columns: 1fr 1fr;
     grid-template-columns: 10% 90%;
    color:#000;
    border-radius: 10px;
    padding: 5px 10px!important;
    align-items: center;
}

.table_achivments .injected-table tbody tr td:nth-child(2)
{
grid-column: span 2; 
}
.table_achivments .injected-table tbody tr:hover {
    background: #fff;
}

.table_achivments .injected-table tbody tr td:nth-child(3) {
    display: none;
}

.table_achivments .injected-table tbody tr:nth-of-type(3) ~ tr{
display: none!important;
}

.table_achivments .injected-table tbody tr:before {
      counter-increment: section; /* Инкрементирует счётчик*/
    font-size: 20px;
  content: "" counter(section) ""; /* Отображает текущее значение счётчика */

}



.table_achivments .injected-table tbody tr {
    color: rgb(53, 53, 53);
font-family: Stolzl-bold;
font-size: 14px;
    line-height: 1
font-weight: 500;
}

.btn_full a {
border-radius: 30px;
padding: 15px 25px;
color: rgb(255, 255, 255);
font-family: Stolzl-regular;
font-size: 18px;
font-weight: 500;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
background: rgb(254, 169, 79);
display: block;
text-decoration: none;
}

.table_achivments .injected-table tbody tr td:nth-child(2) {
    font-family: Stolzl-regular;
    text-align: center;
    font-size: 16px;
}

.table_achivments .injected-table tbody tr td:nth-child(1) {
    padding: 0;
    padding-top: 10px;
}

#avatarka_profil img {
    max-width: 100px;
    width: 100%;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
@media (max-width:768px) {
.btn_full a {
    font-size: 14px;
    padding: 15px 15px;
    margin-top:20px!important;
}
}


/*Прогресс бар*/

.styled-progress-bar {
    width: 100%;
    padding:7px;
    height: 60px;
    background: #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: relative;
    border-radius: 40px;
    margin-top: 80px;
    background: linear-gradient(90.00deg, rgb(241, 84, 29),rgb(254, 169, 79) 35.251%,rgb(115, 105, 69) 65.456%,rgb(47, 75, 60) 100%);
}

.progress-label {
    height: 100%;
    color: white;
    font-weight: bold;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    width: 0%; /* Будет задаваться через JS */
    transition: width 0.5s ease-in-out;
    border: 1px solid rgb(254, 169, 79);
    border-radius: 40px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    background: linear-gradient(0.00deg, rgb(10, 51, 45),rgb(47, 75, 60) 100%);
}

.label-text {
    white-space: nowrap;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Stolzl-Bold';
}

.progress-percentage {
    display: block;
    position: absolute;z-index: 22;
    top:50%;
    transform: translateY(-50%);
    right:2%;
    color: rgb(248, 237, 219);
    font-family: 'Stolzl-Bold';
    font-size: 20px;
}
/*Прогресс бар*/


/*список модулей*/
.new_visual {
background: #F8EDDB;
}

.new_visual .xdget-trainingList tbody tr a {
box-sizing: border-box;
background: rgb(248, 237, 219);
display: flex!important;
flex-direction: column!important;
height: 100%;
width: auto!important;
position: relative;
border-radius: 20px!important;
min-height: 195px;
}


.new_visual .xdget-trainingList tbody tr  {
padding: 0!important;
}

.new_visual .xdget-trainingList tr td a{
margin-top: 30px;
display: flex!important;
height: auto!important;
border: 2px solid rgb(241, 84, 29)!important;
border-radius: 20px!important;
padding: 20px!important;  

}

.new_visual .xdget-trainingList tbody tr td:hover {
background: transparent!important;
}


.new_visual .xdget-trainingList tbody tr a div b {
display: none;
}

.new_visual .xdget-trainingList tbody tr a div {
border-radius: 10px;
background: rgb(47, 75, 60);
display: inline-block!important;
width: fit-content;
padding: 15px 20px;
padding-bottom: 5px;
color: rgb(248, 237, 219);
font-family: Lena;
font-size: 26px;
line-height: 100%;
text-transform: uppercase;
}


.new_visual .xdget-trainingList tbody tr a span.stream-title {
order: 1 !important;
color: rgb(248, 237, 219);
font-family: Stolzl-regular;
font-size: 22px !important;
text-transform: uppercase;
line-height: 100%;
margin-top: 30px;
display: block;
width: 100%;
}

.new_visual .xdget-trainingList tr td a{
margin-top: 30px;
display: flex!important;
height: auto!important;
border-radius: 20px!important;
background-color: rgb(10, 51, 45);
}

.new_visual .xdget-trainingList tbody tr td:hover {
background: transparent!important;
}


.new_visual .xdget-trainingList tbody tr a div b {
display: none;
}

.new_visual .oi_btn {
border-radius: 20px;
position: relative;
background: linear-gradient(45.00deg, rgb(47, 75, 60),rgb(10, 51, 45) 100%);
border:none;
color:#fff;
font-family: Lena;
font-size: 30px;
font-weight: 400;
line-height: 107.5%;
text-align: left;
text-transform: uppercase;
padding: 20px;
width: 100%;
position: relative;
overflow: hidden;
min-height: 90px;
margin-top: 15px;
}

.new_visual .oi_btn:after {
content: "";
right: 0;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/138/h/e6cb941c3b92111fc6d7c29457c2b403.png) center center/contain no-repeat;
max-width: 300px;
width:100%;
right:-45px;
top:0;
height: 100%;
position: absolute;
}

.new_visual .oi_btn_bibl:after {
max-width: 220px;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/237/h/e4f095b326b4cb581cfcb3054ea567b6.png) center center/contain no-repeat;
}

.new_visual .oi_btn_zapis {
margin-top:40px;    
}

.new_visual .oi_btn_chat:after {
max-width: 300px;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/465/h/c6f12621e284b266729618048a9a18a1.png) center center/contain no-repeat;

}


.new_visual .stream-table tbody {
counter-reset: section; 
}

.new_visual .stream-table tr a:after {
counter-increment: section; 
content: "модуль " counter(section) ": ";
border-radius: 20px;
background: rgb(248, 237, 219);
  width: auto;
align-self: flex-start;
padding: 7px 12px;
    color: rgb(10, 51, 45);
font-family: Stolzl-regular;
font-size: 24px;
font-weight: 700;
line-height: 100%;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
}


.new_visual .xdget-trainingList .stream-table tr a div {
display: none!important;
}



@media (max-width:1335px) {

.new_visual .xdget-trainingList tbody tr a span.stream-title {
font-size:24px!important;
}

.new_visual .xdget-trainingList tbody tr a {
min-height: 120px;
}

.new_visual .oi_btn {
font-size: 22px;
}

.new_visual .oi_btn:after {
max-width:;
}

.new_visual .xdget-trainingList tr:nth-child(2) a:after {
bottom: -21.5px;
}

.new_visual .xdget-trainingList tr:nth-child(3) a:after {
bottom: -38px!important;
}

}

@media (max-width:1135px) {
.new_visual .banner-wrapp .banner-txt {
font-size: 60px;
}

.new_visual .banner-wrapp span {
font-size: 75px;
}

.new_visual .xdget-trainingList tbody tr a div {
font-size:22px;
    padding: 10px 15px;
padding-bottom: 5px;
}

.new_visual .oi_btn:after {
width:60%;
}

.new_visual .oi_btn {
font-size: ;
}

.new_visual .oi_btn_zapis:after {
top:-20px;       
}
}

@media (max-width:768px) {
 
.new_visual .stream-table tr a {
    margin-bottom: 20px!important;
    display: block!important;
}

.new_visual .stream-table tbody td, .stream-table tbody tr, table {
    padding: 0!important;
    width: 100%;
    display: block;
    margin: 0 auto!important;
}

.new_visual .xdget-trainingList tbody tr a span.stream-title {
    font-size: 18px!important;
    line-height: 1.25;
}

.new_visual .stream-table tbody {
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
}

.new_visual .stream-table{
    display: block;
    margin-bottom: 60px!important;
}

.new_visual .oi_btn {
    font-size: 18px;
    padding: 15px!important;
}

.new_visual .xdget-trainingList tbody tr a span.stream-title {
    margin-top: 15px;
}

.new_visual .xdget-trainingList tbody tr, .xdget-trainingList tbody td  {
    height: 100%;
    max-height: 100%;
}

.new_visual .styled-progress-bar {
    margin-top: 40px;
}

.new_visual .table_achivments .injected-table tbody {
    display: block;
}

.new_visual .label-text {
    font-size: 14px!important;
}

.new_visual .xdget-trainingList tbody tr a span.stream-title {
    width: 100%;
    font-size: 20px!important;
}

.new_visual .xdget-trainingList tbody tr a div {
    font-size: 16px!important;
}
    


.new_visual .xdget-trainingList tr a:after {
    font-size: 16px!important;
}   
}

/*ВНУТРЯНКА МОДУЛЯ. СПИСОК УРОКОВ*/

/*Модуль баннер*/

.new_visual .gc-user-user .lesson-date {
    width: 250px;
}


.new_visual .gc-user-user .page-header  {
 
border-radius: 40px;
padding: 50px;
    position: relative;
    text-align: center;
color: rgb(248, 237, 219);
font-family: Stolzl-regular;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
background: linear-gradient(135.00deg, rgb(10, 51, 45) 0%,rgb(47, 75, 60) 100%);
}

.new_visual .gc-user-user .page-header:before {
    content: "Модуль 1";
    color: rgb(10, 51, 45);
font-family: Stolzl-regular;
    margin-bottom: 5px;
    border-radius: 80px;
padding: 7px 25px;
background: rgb(248, 237, 219);
font-size: 34px;
font-weight: 700;
line-height: 100%;
letter-spacing: 0%;
    display: inline-block;
text-align: left;
text-transform: uppercase;
}

.new_visual .gc-user-user .page-header h1, .new_visual .gc-user-user .content-menu {
       border:none!important;
}

.new_visual .gc-user-user .page-header h1 {
    font-size: 40px;
    margin: 0;
}

@media (max-width: 767px) { 
.new_visual .gc-user-user .page-header h1 {
    font-size: 22px;
    margin-top: 10px;
}

.new_visual .gc-user-user .page-actions  {
    display: none;
}

.new_visual .gc-user-user .page-header:before {
    font-size: 22px;
}

.new_visual .gc-user-user .page-header {
    padding: 20px;
}

.new_visual .styled-progress-bar {
    margin-top: 40px;
}
}

/*Модуль баннер*/


/*СПИСОК УРОКОВ */

/* убираем фон и лишние отступы */
.new_visual .lesson-list {
    background-color: transparent!important;
    padding: 0;
    margin-top: 30px;
}


.new_visual .lesson-list li table td {
    background :rgb(248, 237, 219);
    height: 100px!important;
}

/*баннер перейти*/

.new_visual .lesson-list li table td :after {
content: "";
background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/503/h/3cacc66081517c4e6416e30043936d51.png) center center/contain no-repeat;
max-width:140px;
width: 100%;
height: 100%;
display: block;
top:20px;
right: 20px;
z-index: 1;
position: absolute;
}


/* граница вокруг отдельного урока */
.new_visual .lesson-list li {
    border: 2px solid #F1541D;
    margin: 0 0 10px;
    border-radius: 20px; /* убираем скругление */
}



/* убираем сообщения с ошибками, которые сломали бы вид */
.new_visual .lesson-list li.divider {
    display: none;
}

/* скрываем блок с иконкой GetCourse */
.new_visual .lesson-list li .state-icon-block {
    display: none;
}
/* убираем лишнюю полоску и отступ иконки GetCourse */
.new_visual .lesson-list li .info {
    margin-left: 0;
    border-left: 0 !important;
}


/* настраиваем таблицу с контентом */
.new_visual .lesson-list li table {
    width: 100%;
    background :rgb(248, 237, 219);
}
.new_visual .lesson-list .item-main-td.item-with-image,
.new_visual .lesson-list .item-main-td {
    padding: 20px;
    height: auto;
}
/* Название урока: цвет и отступы */
.new_visual .lesson-list li .title {
    color: #F1541D;
    margin-bottom: 10px;
    margin-right: 0;
    font-family: Stolzl-Bold;
    font-size: 24px;
    width: 80%;
}

/* Описание урока: цвет и ширина */
.new_visual .lesson-list .description {
    color: #0A332D;
    width: 80%;
    font-family: Stolzl-Regular;
    font-size: 26px;
}

/* Стилизуем системные надписи к урокам */
.new_visual .lesson-list .user-state-label {
    font-weight: 400;
    border: 1px solid #F1541D;
    display: inline-block;
    padding: 5px;
    margin-left: -5px;
    margin-bottom: 5px;
    line-height: 1;
    transition: all 0.3s;
}
.new_visual .lesson-list li:hover .user-state-label {
    background-color: #F1541D;
    color: #ffffff;
}

.new_visual .lesson-list li:hover td {
       background: linear-gradient(45.00deg, rgb(47, 75, 60), rgb(10, 51, 45) 100%)!important;
}

.new_visual .lesson-list li:hover .description {
    color:#F8EDDB!important;
}

/* недоступен */
.new_visual .lesson-list .user-state-label.has-start-at,
.new_visual .lesson-list .user-state-not_reached .user-state-label {
    border-color: #2F4B3C;
    color: #2F4B3C;    
}
.new_visual .lesson-list li.user-state-label:hover .user-state-label {
    background-color: #fc4f2b;
    border-color: #fc4f2b;
}

.new_visual .lesson-list li.user-state-not_reached .link {
    color: #F1541D;
}


.new_visual .lesson-list li.user-state-not_reached table:hover {
    background-color: #2F4B3C;
}

.new_visual .lesson-list li.user-state-not_reached table:hover .description {
    color: #FFF;
}

@media (max-width: 767px) {
    .new_visual .lesson-list li .info .vmiddle {
        margin-left: 0;
        padding-right: 0;
    }
    .new_visual .lesson-list .item-main-td.item-with-image,
    .new_visual .lesson-list .item-main-td {
        padding: 15px 20px;
    }
    .new_visual .lesson-list li:not(.with-image) {
        padding-left: 0;
    }
   .new_visual .lesson-list li:not(.with-image)::before {
        display: none;
    }
    .new_visual .lesson-list .user-state-label {
        font-size: 12px;
    }
    .new_visual .lesson-list li .title {
        font-size: 18px;
        width: 80%;
    }
    .new_visual .page-menu li {
        width: calc(50% - 15px); /* аккуратно выравниваем меню для админов */
    }
    
    .new_visual .lesson-list .description {
    width: 75%;
    font-family: Stolzl-Regular;
    font-size: 18px;
}
    
    .new_visual .lesson-list li table td :after {
        content: "";
        background: url(https://fs.getcourse.ru/fileservice/file/download/a/131356/sc/503/h/3cacc66081517c4e6416e30043936d51.png) center center/contain no-repeat;
        max-width:70px;
        width: 100%;
        height: 100%;
        display: block;
        top: 15px;
        right: 10px;
        z-index: 1;
        position: absolute;
        }
    

}

/*Внутрянка урока*/

.krisis_visual_lessonl .files-table tbody {   
    display: flex!important;
    justify-content: center; 
}

.krisis_visual_lessonl {
    background: #F8EDDB;
}

.krisis_visual_lessonl p {
	font-family: Montserrat;
}

.krisis_visual_lessonl .lesson-header-block {
    border: 2px solid #F1541D !important;
    border-radius: 10px !important;
    background: #f8eddb !important;
    color: #fff;
    font-family: Stolzl-regular;
}

.krisis_visual_lessonl .answer-comment .btn {
    background: #FEA94F;
    border:none;
}

.krisis_visual_lessonl .lesson-title-value {
    font-size: 24px;
    font-family: Stolzl-regular;
    text-transform: uppercase;
    color: #F1541D;
}

.krisis_visual_lessonl .lesson-description-value {
    font-size: 26px;
    font-family: Stolzl-regular;
    color: #0A332D;
    margin-top: 10px !important;
    display: block;
}


.krisis_visual_lessonl .text-center.hidden-xs {
    color: #0A332D;
    font-family: Stolzl-regular;
}

.krisis_visual_lessonl a {
    color: #F1541D;
    text-transform: uppercase;
}

.krisis_visual_lessonl a:hover {
    color: #0A332D;
}

.krisis_visual_lessonl div.hidden-xs {
    color: #0A332D;
    font-family: Stolzl-regular;
}

.krisis_visual_lessonl .user-answer {
    border: 2px solid #12375E !important;
    border-radius: 10px !important;
    background: #F7F2EC!important;
    color: #000;
    font-family: Stolzl-regular;
}

.krisis_visual_lessonl .answer-form {
    background: transparent!important;
    border: 2px solid #F1541D !important;
    border-radius: 10px !important;
    font-family: Stolzl-regular;
}

.krisis_visual_lessonl .btn-send-answer {
    border-radius: 10px !important;
    color: #fff;
    background-color: #F1541D;
    border: 2px solid #F1541D !important;
}

.krisis_visual_lessonl .btn-send-answer:hover {
    color: #F1541D;
    background-color: #fff;
    border: 2px solid #F1541D !important;
}

.krisis_visual_lessonl .btn-save-draft {
    color: #F1541D!important;
}

/*Внутрянка урока*/