

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
html body {
   --m-account-logo: url("https://fs.getcourse.ru/fileservice/file/download/a/710229/sc/171/h/005a10f781543c0f2fd130c8c2e45daf.svg");
   --m-account-logo-url: "/";
   --font-family-1: 'Inter', 'Jost', 'Lato', Helvetica, Arial, sans-serif;
   --font-family-2: 'Inter', 'Jost', 'Lato', Helvetica, Arial, sans-serif;
   --color-0: #171717;
   --color-1: white;
   --main-color: #4B6EF0;
   --wb-color-2: var(--main-color); 
   --color-3: #4B6EF0;  /* gray-blue BUTTON */
   --color-3-1: #4B6EF0; /* button-hover */
   --color-3-c: var(--color-3);  /* only-color */
   --color-4: #FFC259;  /* yellow */
   --color-5: #8551F5;  /* purple */
   --color-6: #40AD6C;  /* green/text */
   --color-7: #cfe7ce;  /* green/bg */
   --color-7-1: #D0DCCF; /* lite-green  */
   --color-8: #F06363;  /* red/bg #F06363 */
   --color-8-1: #FFB2B2; /* lite-red  */
   --color-9: #BF3939;  /* red/text #B20000 */ 
   --color-10: #323232; /* gray-1 */
   --color-11: #CECECE; /* gray-2 */
   --color-12: #F7F7F7; /* gray-3 */
   --color-13: #A4C6F1; /* light-blue */
   --color-14: #171717; /* gray-4 */
   --color-15: #F3F3F3; /* gray-5 */
   --color-16: #A09D9D; /* gray-6 */
   --color-17: #415A80; /* link-default */
   
   /* Иконки (раскомментировать перед использованием)*/
   /*
   --default-user-img:  url("");
   --document-circle-icon:  url("");
   --checkmark-circle-icon:  url("");
   --warning-circle-icon:  url("");
   --clock-circle-icon:  url("");
   --sandclock-circle-icon:  url("");
   --cross-circle-icon:  url("");
   --sort-desc-icon:  url("");
   --sort-asc-icon:  url("");
   --mic-icon:  url("");
   --paperclip-icon: url("");
   --smile-icon:  url("");
   --paperplane-icon:  url("");
   --arrow-straight-icon:  url("");
   --checkmark-icon: url("");
   --cross-icon: url("");
   --bell-icon: url("");
   --heart-icon: url("");
   */
}

/* Настройки меню */
html #gcAccountUserMenu {
  --m-bg-color: #F4F4F4;
  --m-item-font-color: #333333;
  --m-item-color: rgba(255,255,255,1);
  --m-item-active: rgba(255,255,255,1);
  --m-item-hover-color: rgba(255,255,255,0.5);
  --m-item-icon-color: #757575;
  --m-default-avatar-color: #cecece;
  --m-notify-color: #4B6EF0;
  --m-custom-btn-color: var(--main-color);
  --m-custom-btn-text: "Тех. поддержка";
  --m-custom-btn-url: "javascript://$('.activated-talks-widget').data('gc-talksWidget').showTalksWindow()"; /* "/pl/talks/conversation" */
  /*--m-burger-icon: url("");*/
}

#gcAccountUserMenu {

  --font-family-1a: var(--cslm-menu_font_style_item, var(--font-family-1));
  --font-family-2a: var(--cslm-menu_font_style_label, var(--font-family-2));

  --m-bg-color: var(--cslm-menu_color_bg, #F4F4F4);
  --m-item-font-color: var(--cslm-menu_font_color_label, #333333);
  --m-item-color: var(--cslm-menu_color_bg_item, transparent);
  --m-item-active: var(--cslm-menu_color_bg_item_active, rgba(255,255,255,1));
  --m-item-hover-color: var(--cslm-menu_color_bg_item_hover, rgba(255,255,255,0.5));
  --m-item-icon-color: #757575;
  --m-default-avatar-color: #cecece;
  --m-notify-color: var(--cslm-menu_notification, #4B6EF0);
  --m-custom-btn-color: var(--main-color);
  --m-custom-btn-color-hover: var(--color-3);
  --m-custom-btn-text: "Тех. поддержка";
  --m-custom-btn-url: "javascript://$('.activated-talks-widget').data('gc-talksWidget').showTalksWindow()";

}


html #gcAccountUserMenu .submenu-wrapper .submenu-item.submenu-item-search {
  display: none;
}


/*Стили тренингов*/
html .isTrainingsPage .stream-table td,
html .isOneTrainingPage .stream-table td{
  background:var(--main-color)!important;
}

html .isTrainingsPage .stream-table .stream-description,
html .isTrainingsPage .stream-table .stream-num-lessons b,
html .isTrainingsPage .stream-table .stream-title,
html .isOneTrainingPage .stream-table .stream-description,
html .isOneTrainingPage .stream-table .stream-num-lessons b,
html .isOneTrainingPage .stream-table .stream-title{
  color:var(--color-1)
}

/*Стили правой колонки*/
html  #last_viewed_lessons .l-lesson {
  background:var(--main-color)
}

html  #last_viewed_lessons .last-viewed-header,
html  #last_viewed_lessons .l-lesson-title {
  color:var(--color-1)!important
}

html  #last_viewed_lessons .l-lesson-button {
  background:var(--color-1)
}

html .remake-right-box button {
  padding:0;
  padding-left:32px;
  border:0;
  margin-bottom:16px;
}

html .remake-right-box button:before {
  right:unset;
  left:0
}

/*Стили профиля*/
html .isProfileFrame .select-btns input:checked + .btn {
  background:var(--color-3);
  color:var(--color-1)
}

.stream-table .stream-img img[src="https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/AB.38470d6dfc6db21ab61c555f07affcc1.png/s/500x500/a/161830/sc/131"],
.header-box .cover-side img[src="https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/AB.38470d6dfc6db21ab61c555f07affcc1.png/s/500x500/a/161830/sc/131"],
.stream-table .stream-img img[src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.e899bfbf3e0196a19595893eb8c4cd62.jpg/s/500x500/a/161830/sc/131"],
.header-box .cover-side img[src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.e899bfbf3e0196a19595893eb8c4cd62.jpg/s/500x500/a/161830/sc/131"],
.stream-table .stream-img img[src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.67546bd28d098c71edeaa82ba454ef0d.jpg/s/500x500/a/161830/sc/131"],
.header-box .cover-side img[src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.67546bd28d098c71edeaa82ba454ef0d.jpg/s/500x500/a/161830/sc/131"]{
 
}

.lt-lesson-files .table tbody {
	gap: 20px;
}
.lt-lesson-files .table>tbody>tr {
    flex-basis: max-content;
}

.o-lt-video .lt-block-wrapper .container {
    /*border: 1px solid #ffd705;*/
    border-radius: 15px
}

body.isChatium .lesson-list li.user-state-reached .info, .lesson-list[max-width~="820px"] li.user-state-reached .info {
	flex-wrap: wrap;
}

.pc-banner img,
.mob-banner img{
  border-radius:16px;
}

html body.isChatium .stream-table tr, .stream-table[max-width~="820px"] tr {
  flex:0 0 50%;
}

@media(max-width:768px){
  html body.isChatium .stream-table tr, .stream-table[max-width~="820px"] tr {
    flex:0 0 100%;
  }
}


/*Пометка важных уроков*/
html .isOneTrainingPage .lesson-list li {
  position:relative;
  overflow:visible!important;
}

html .isOneTrainingPage .lesson-list li.user-state-need_accomplish:before {
  content: '';
  position: absolute;
  top: -16px;
  right:-25px;
  z-index: 9999;
  width: 44px;
  height: 41px;
  background:url('https://fs.getcourse.ru/fileservice/file/download/a/161830/sc/295/h/529e5db1f1ff6ec1042462cc8b9fa93f.svg');
  background-size: cover;

}

@media(max-width:768px) {
  html .isOneTrainingPage .lesson-list li.user-state-need_accomplish:before {
    top:5px;
    right:5px;
  }
}

/* меняем стиль урока «Оценка модуля» */
.lesson-list a.module-assessment {
  background-color: #7DB1FD !important;
  color: #fff !important;
}

.lesson-list a.module-assessment .title {
  color: unset !important;
  transition: .3s all;
}

.lesson-list a.module-assessment:hover .title {
  color: unset !important;
  opacity: 0.8;
}

.lesson-list a.module-assessment .state-icon-block {
	display: none !important;
}









#remake-right-panel .remake-right-panel-toggler {
	background:var(--color-3)!important
}

html .topmenu-links a {
  color:#fff
}

html .topmenu-links a div {
  background:#fff
}

/* ------------- 
content start - cssFixes
------------- */

.has-test .user-state-label-ex::after {
  mask-image:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16.5C3.895 16.5 3 15.605 3 14.5V5.5C3 4.395 3.895 3.5 5 3.5H14C15.105 3.5 16 4.395 16 5.5' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3893 13.5566L13.7783 17.1676L11.6113 15.0006' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 21.5H10C8.895 21.5 8 20.605 8 19.5V10.5C8 9.395 8.895 8.5 10 8.5H19C20.105 8.5 21 9.395 21 10.5V19.5C21 20.605 20.105 21.5 19 21.5Z' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16.5C3.895 16.5 3 15.605 3 14.5V5.5C3 4.395 3.895 3.5 5 3.5H14C15.105 3.5 16 4.395 16 5.5' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3893 13.5566L13.7783 17.1676L11.6113 15.0006' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 21.5H10C8.895 21.5 8 20.605 8 19.5V10.5C8 9.395 8.895 8.5 10 8.5H19C20.105 8.5 21 9.395 21 10.5V19.5C21 20.605 20.105 21.5 19 21.5Z' stroke='%236581F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important;
}
/* ------------- 
content finish - cssFixes
------------- */

/* ------------- 
content start - isOneTrainingStyles
------------- */

html body.isOneTrainingPage .stream-table a {
  padding:25px!important;
  min-height:238px;
}

html body.isOneTrainingPage .stream-table .stream-title {
  font-size: 20px!important;
  line-height: 120%; 
  margin-top:0!important
}

html body.isOneTrainingPage .stream-table .stream-description,
html body.isOneTrainingPage .stream-table .stream-num-lessons b {
  font-size: 16px;
  font-weight: 400!important;
  line-height: 140%; /* 22.4px */
}

html body.isOneTrainingPage .stream-table .stream-num-lessons {
  position:absolute;
  left:25px;
  bottom:25px;
}

html body.isOneTrainingPage .stream-table tr.completed td {
  background:transparent!important;
  border: 1px solid #4bd165;
}

html body.isOneTrainingPage .stream-table .training-status {
  display:flex;
  align-items: center;
  position:absolute;
  right:25px;
  bottom:25px;
}

html body.isOneTrainingPage .stream-table .status-text {
  color: #4bd165;
  font-family: var(--font-family2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-right:8px;
}

html body.isOneTrainingPage .stream-table tr.noaccess-mode-show td {
  background:transparent!important;
  border: 1px solid #757575;
}

html body.isOneTrainingPage .stream-table tr.noaccess-mode-show .stream-description,
html body.isOneTrainingPage .stream-table tr.noaccess-mode-show .stream-num-lessons b,
html body.isOneTrainingPage .stream-table tr.noaccess-mode-show .stream-title,
html body.isOneTrainingPage .stream-table tr.noaccess-mode-show .status-text{
  color:#757575;
}

html body.isOneTrainingPage .stream-table tr.no-public td:after,
html body.isOneTrainingPage .stream-table tr.noaccess-mode-show td:after {
	display:none
}

html body.isOneTrainingPage .stream-table tr.completed td a:after {
  content:'';
  width:26px;
  height:26px;
  background:url('https://fs.getcourse.ru/fileservice/file/download/a/161830/sc/293/h/a901b8a6343154fafab99ef29f6bd43d.svg');
  background-size:cover;
  position:absolute;
  right:25px;
  bottom:25px;
}

html body.isOneTrainingPage .stream-table tr.completed td a:before {
  content:'Пройдено';
  color: #4bd165;
  font-family: var(--font-family2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-right: 8px;
  position:absolute;
  bottom:28px;
  right:calc(25px + 26px)
}

@media(max-width:768px) {
  html body.isOneTrainingPage .stream-table a {
    min-height:230px
  }
  
  html body.isOneTrainingPage .stream-table .stream-title {
    font-size: 18px!important
  }
}








/* ------------- 
content finish - isOneTrainingStyles
------------- */

