/* Start:/local/templates/vidyakin_lk/template_styles.css?170763218144000*/
* {
  margin: 0;
  padding: 0;
	font-family: 'Manrope', Arial, sans-serif;
	box-sizing: border-box;
	outline: none;
}
html, body {
	/*background: #F0F6FC;*/
	height: 100%;
	min-height: 100%;
}
h1 {
	font-weight: 500;
	font-size: 40px;
	line-height: 48px;
	margin: 0 0 35px;
}
h2 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	margin: 0 0 12px;
}
a {
	color: #ff823f;
	text-decoration: none;
}
input[type="text"],input[type="tel"], input[type="password"] {
	background: #FFFFFF;
	border: 1px solid #D7DDE3;
	border-radius: 3px;
	line-height: 20px;
	padding: 15px 20px;
	width: 100%;
	max-width: 520px;
	font-size: 16px;
	font-family: 'Manrope', Arial, sans-serif;
}
input[type="submit"] {
    background: #ff823f;
    border: 1px solid #ff823f;
    min-width: 165px;
    min-height: 56px;
    padding: 10px 30px;
    font-size: 16px;
    letter-spacing: .01em;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #fff;
	color: #ff823f;
}
ul {
	margin: 0 0 20px 20px;
	line-height: 24px;
}
iframe {
	max-width: 100%;
}

.alert {
	margin: 0 0 15px;
}
.alert-success {
	color: green;
}
.alert-danger {
	color: red;
}
.btn {
  background: #ff823f;
	border-radius: 5px;
	display: inline-block;
	height: 45px;
	line-height: 19px;
	padding: 13px 20px;
	font-weight: 500;
	font-size: 16px;
	font-family: 'Manrope', Arial, sans-serif;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
    border: 1px solid #ff823f;
}
.btn:hover {
	background: #fff;
	color: #ff823f;
}
.btn-big {
	font-weight: 500;
	font-size: 19px;
	line-height: 22px;
	padding: 16px 30px;
	height: auto;
}
.blue-btn, input[type="submit"].blue-btn {
	background: #ff823f;
}
.blue-btn:hover, input[type="submit"].blue-btn:hover {
	background: #ff975f;
	color: #fff;
}
.small-btn, input[type="submit"].small-btn {
	padding: 10px 20px 11px;
	font-size: 16px;
	line-height: 18px;
	height: 38px;
}
.two-cols {
	display: flex;
  justify-content: space-between;
}
.two-cols > div {
	width: 48%;
}
body .hidden {
	display: none;
}
.btn-loading {
	content: 'Загрузка...';
}

.site-header {
	background: rgb(244, 128, 45);
	box-shadow: 1px 0 10px rgba(0,0,0,0.1);
	padding: 0;
	color: #fff;
}
.site-header .logo {
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 40px;
	color: #6F6F6F;
	background: url("/local/templates/vidyakin_lk/images/apelsin-logo-white.svg") no-repeat;
	background-size: 222px;
	padding-left: 55px;
	width: 222px;
	height: 100px;
	display: block;
}
.site-container {
	max-width: 1360px;
	padding: 0 20px;
	margin: 0 auto;
}
.pers-info {
	float: right;
	line-height: 46px;
  margin-top: 25px;
  position: relative;
  margin-left: 18px;
  height: 60px;
}
.pers-info span, .pers-info > a {
	vertical-align: middle;
	margin-right: 11px;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
}
.pers-info span a {
    color: #fff;
}
.pers-info img {
	vertical-align: middle;
	border-radius: 50%;
	max-height: 50px;
}
.pers-info-sub {
	display: none;
	position: absolute;
	background: #fff;
	padding: 17px 20px 7px;
	box-shadow: 0px 6px 10px rgba(100, 100, 100, 0.08);
	right: 0;
	border-top: 1px solid rgb(225, 230, 236);
  top: 58px;
  z-index: 2;
}
.pers-info-sub a {
	display: block;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #6F6F6F;
	margin-bottom: 10px;
  white-space: nowrap;
}
.pers-info:hover .pers-info-sub {
	display: block;
}
.pers-info .pers-messages-count {
	width: 22px;
	height: 22px;
	background: #E16A2F;
	text-align: center;
	font-family: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 50%;
}
.pers-info.pers-messages {
	margin-right: 265px;
}
.pers-info.pers-messages span {
	margin-right: 7px;
}
.pers-messages-item > div {
	font-family: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #6F6F6F;
	margin-bottom: 6px;
}
.pers-messages-item a {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.pers-info.pers-messages .pers-info-sub {
	left: 0;
	width: 300px;
}
.pers-info.pers-messages .pers-info-sub a {
	color: #26659F;
	display: inline-block;
	padding-right: 14px;
	background: url("/local/templates/vidyakin_lk/images/arr-sm.svg") right center no-repeat;
}
.pers-info .btn {
height: 39px;
background: #CFE5F6;
border-radius: 2px;
padding: 10px 25px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
text-align: center;
color: #26659F;
}
.pers-scores span {
	font-size: 40px;
	font-weight: bold;
	margin-left: 12px;
}
.pers-scores {
	margin-right: 86px;
}
.pers-rank {
	margin-right: 10px;
}
.pers-rank div {
	border: 1px solid #fff;
	border-radius: 5px;
	height: 46px;
	margin-left: 24px;
  display: inline-block;
  position: relative;
  min-width: 80px;
}
.pers-rank div:before {
	content: '★';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
}
.pers-rank.kilobyte div:before {
	content: '★ ★';
}
.pers-rank.megabyte div:before {
	content: '★ ★ ★';
}
.pers-rank.gigabyte div:before {
	content: '★ ★ ★ ★';
}
.pers-rank.terabyte div:before {
	content: '★ ★ ★ ★ ★';
}
.pers-rank span {
  margin-top: 14px;
  border-top: 1px solid #fff;
  margin-right: 0;
  padding: 2px 10px;
  display: inline-block;
  line-height: 18px;
  font-weight: bold;
  font-size: 15px;
  width: 100%;
  text-align: center;
}


.site-wrapper {
  min-height: 100%;   
}
.site-content {
	padding-top: 50px;
	padding-bottom: 147px;
	font-size: 16px;
	color: #2E2E2E;
}

.site-footer {
	padding-top: 26px;
	padding-bottom: 29px;
  font-size: 14px;
	line-height: 21px;
	color: #fff;
  margin-top: -77px;
  background: #f77700;
}

.site-block {
	background: #fff;
	/*border: 1px solid #E8EDF3;*/
	box-shadow: 0 8px 30px rgba(0,0,0,0.1);
	border-radius: 15px;
	padding: 30px 40px 50px;
}
.site-border {
	height: 1px;
	background: #E8EDF3;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: content-box;
	padding: 0 40px;
	margin-left: -40px;
}

.bx-authform {
	margin: 0 auto;
	max-width: 590px;
}
.bx-authform-link-container {
	margin: 0 0 20px;
    line-height: 24px;
}
.bx-authform-formgroup-container {
	margin: 0 0 16px;
}
.bx-authform-label-container {
	line-height: 24px;
}
.bx-authform-forgot-passwrd .bx-authform-link-container {
	margin-bottom: 12px;
}
.bx-authform-forgot-passwrd h1 {
	margin-bottom: 20px;
}
.bx-authform-forgot-passwrd input[type="submit"] {
	margin-top: 14px;
}
.bx-authform h1 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	margin: 0 0 12px;
}

.courses-list-greeting {
	font-family: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 24px;
}
.courses-list {
	padding: 0;
	margin-bottom: 50px;
}
.courses-list-item {
	display: flex;
	padding: 23px 25px 15px;
	border-top: 1px solid #E8EDF3;
}
.courses-list-item:first-child{
	border-top: none;
}
.courses-list-item-icon img {
	width: 66px;
}
.courses-list-item-name {
	padding: 0 20px;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	width: 100%;
}
.courses-list-item-name a {
	color: #333;
	text-decoration: none;
}
.courses-list-item-name span {
	display: block;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #6F6F6F;
	margin-top: 10px;
	background: url("/local/templates/vidyakin_lk/images/clock.svg") left center no-repeat ;
	padding-left: 30px;
}
.courses-list-item .btn {
	margin-top: 11px;
}
.courses-list-item .btn span {
	background: url("/local/templates/vidyakin_lk/images/cloud.svg") left center no-repeat;
	padding-left: 34px;
	display: inline-block;
}
.courses-list-lessons {
	border-top: 1px solid #E8EDF3;
	padding: 0 25px 25px;
}
.courses-list-lesson {
	margin-top: 25px;
	border: 1px solid #E8EDF3;
	box-shadow: 0px 3px 11px rgba(12, 48, 73, 0.1);
	border-radius: 3px;
	display: table;
	width: 100%;
}
.courses-list-lesson > div {
	display: table-cell;
	vertical-align: middle;
}
.courses-list-lesson-num {
	background: #E8EDF3;
	border-radius: 3px 0px 0px 3px;
	height: 88px;
	line-height: 88px;
	font-size: 20px;
	color: #333333;
	width: 60px;
	text-align: center;
}
.complete .courses-list-lesson-num {
	background: #CFE5F6;
	color: #26659F;
}
.process .courses-list-lesson-num {
	background: #E0F4E8;
	color: #00713B;;
}
.courses-list-lesson-name {
	padding: 19px 18px;
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	/*width: 100%;*/
}
.courses-list-lesson-name a {
	color: #333333;
	text-decoration: none;
}
.courses-list-lesson-name a:hover {
	color: #26659F;
}
.courses-list-lesson-name span {
	display: block;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #6F6F6F;
	margin-top: 10px;
	background: url("/local/templates/vidyakin_lk/images/clock.svg") left center no-repeat ;
	padding-left: 30px;
}
.courses-list-lesson-status {
	width: 161px;
	text-align: right;
	padding: 0 20px 0 0;
}
.courses-list-lesson-status > span {
	display: inline-block;
	background: url("/local/templates/vidyakin_lk/images/lock.svg") 11px center no-repeat #E8EDF3;
	border-radius: 2px;
	height: 30px;
	line-height: 30px;
	padding: 0 11px 0 33px;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #6F6F6F;
}
.complete .courses-list-lesson-status > span {
	background: #CFE5F6;
	color: #26659F;
	padding-left: 11px;
}
.process .courses-list-lesson-status > span {
	background:  #E0F4E8;
	color: #00713B;
	padding-left: 11px;
}
.courses-list-item-progress {
	padding: 0 25px 22px 113px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	display: flex;
    align-items: center;
}
.courses-list-item-progress div {
	white-space: nowrap;
}
.courses-list-item-progress .progress-bar {
	width: 100%;
	background: #E8EDF3;
	border-radius: 10px;
	margin: 0 13px;
	height: 6px;
	position: relative;
	align-items: center;
}
.courses-list-item-progress .progress-bar span {
	position: absolute;
	left: 0;
	top: 0;
	height: 6px;
	background: linear-gradient(90deg, #F08C30 0%, #E16A2F 100%);
	border-radius: 10px;
}
.courses-list-complete {
	padding: 40px 0 0;
	border-top: 1px solid #D7DDE3;
}
.courses-list-complete p {
	margin: 12px 0 35px;
}
.courses-list-next {
	padding: 40px 0 0;
	border-top: 1px solid #D7DDE3;
	overflow: hidden;
}
.courses-list-next > p {
	margin: 12px 0 5px;
}
.courses-list-item-next {
	width: 345px;
	float: left;
	margin: 30px 30px 0 0;
	padding: 0;
}
.courses-list-item-next:nth-child(3n) {
	margin-right: 0;
}
.courses-list-item-next:nth-child(3n+1) {
	clear: both;
}
.courses-list-item-next-ved {
	background: #CFE5F6;
	padding: 12px 24px 15px;
}
.courses-list-item-next-ved p {
	display: inline-block;
	margin: 0 0 0 16px;
line-height: 24px;
vertical-align: middle;
}
.courses-list-item-next-ved span {
	font-weight: 500;
	font-size: 17px;
}
.courses-list-item-next-ved img {
	border-radius: 50%;
	    vertical-align: middle;
}
.courses-list-next-descr {
	padding: 19px 25px;
}
.courses-list-next-name a {
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	color: #333;
	text-decoration: none;
	margin-bottom: 21px;
	display: inline-block;
}
.courses-list-next-str {
	margin: 0 0 23px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	background: url("/local/templates/vidyakin_lk/images/rocket.svg") left center no-repeat;
	padding-left: 28px;
}
.courses-list-next-str.num {
	background-image: url("/local/templates/vidyakin_lk/images/clock.svg");
}
.courses-list-next-str.day {
	background-image: url("/local/templates/vidyakin_lk/images/day.svg");
}
.courses-list-next-descr .btn {
	margin-top: 20px;
}
.extend-btn {
	color: #fff;
}

.back-btn a {
	display: inline-block;
	background: url("/local/templates/vidyakin_lk/images/back.svg") -5px center no-repeat;
	padding-left: 45px;
	font-weight: 400;
	font-size: 14px;
	line-height: 34px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	margin: 0 0 30px;
}

.lesson-detail-course {
	padding: 16px 25px;
	display: flex;
  align-items: center;
}
.lesson-detail-course img {
	vertical-align: middle;
	margin-right: 15px;
}
.lesson-detail-course > span {
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	vertical-align: middle;
	width: 100%;
}
.lesson-detail .site-block {
	margin-bottom: 30px;
}
.lesson-detail-total {
	white-space: nowrap;
}
.lesson-detail-total > span, .lesson-detail-total a > span {
	display: inline-block;
	background: url("/local/templates/vidyakin_lk/images/arr.svg") center center no-repeat #F3F4F4;
	border-radius: 5px;
	width: 50px;
	height: 50px;
transform: rotate(-180deg);
vertical-align: middle;
}
.lesson-detail-total a {
	display: inline-block;
	text-decoration: none;
}
.lesson-detail-total span.lesson-detail-next {
	transform: none;
}
.lesson-detail-total a span {
	background: url("/local/templates/vidyakin_lk/images/arr_color.svg") center center no-repeat #EFF7FE;
	transform: none;
}
.lesson-detail-total a span.lesson-detail-next {
	transform: rotate(-180deg);
}
.lesson-detail-total p {
	display: inline-block;
	margin: 0 14px;
}
.lesson-detail-total p span {
	display: none;
}
.lesson-detail-num {
	line-height: 24px;
	margin-bottom: 11px;
}
.lesson-detail-num span {
	background: url("/local/templates/vidyakin_lk/images/clock.svg") left center no-repeat ;
	padding-left: 27px;
	margin-left: 22px;
	font-size: 16px;
	line-height: 24px;
	color: #6F6F6F;
}
.lesson-detail-content {
	padding: 0;
}
.lesson-detail-content h1 {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	margin-bottom: 0;
	margin-right: 250px;
}
.lesson-detail-content .btn {
    position: absolute;
    bottom: 38px;
    right: 30px;
}
.lesson-detail-content .btn span {
	background: url("/local/templates/vidyakin_lk/images/cloud.svg") left center no-repeat;
	padding-left: 34px;
	display: inline-block;
}
.site-block-inner {
	padding: 30px;
	border-bottom: 1px solid #E8EDF3;
}
.lesson-part-header {
	display: table;
	width: 100%;
	background: #EFF7FE;
	border-radius: 5px;
	margin-bottom: 25px;
}
.lesson-part-header div {
	display: table-cell;
	padding: 19px 24px 18px;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	vertical-align: middle;
}
.lesson-part-header div:first-child {
	background: #CFE5F6;
	border-radius: 5px;
	width: 60px;
	font-size: 20px;
	color: #26659F;
}
.lesson-part-header div:last-child {
	width: 150px;
	text-align: right;
}
.lesson-part-header div:last-child span {
	background: url("/local/templates/vidyakin_lk/images/clock.svg") left center no-repeat ;
	display: inline-block;
	padding-left: 27px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #6F6F6F;
}
.lesson-detail-homework-header {
	background: #EFF7FE;
	border-radius: 5px;
	font-weight: 500;
	font-size: 18px;
	line-height: 60px;
	position: relative;
	padding-left: 75px;
	margin-bottom: 22px;
}
.lesson-detail-homework-header::before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("/local/templates/vidyakin_lk/images/book.svg") center center no-repeat #CFE5F6;
	border-radius: 5px;
}
.lesson-detail-homework-note {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
}
.lesson-detail-homework-header span {
	float: right;
	background: url("/local/templates/vidyakin_lk/images/clock.svg") left center no-repeat ;
	display: inline-block;
	padding-left: 27px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #6F6F6F;
	margin: 19px 31px 0 0;
}
.lesson-detail-homework-inner {
	/*background: #F0F6FC;*/
	border-radius: 5px;
	border: 1px solid #D7DDE3;
	margin-bottom: 20px;
}
.lesson-detail-homework-messages {
	border: none;
	border-radius: 5px 5px 0 0;
	min-height: 170px;
	padding: 20px 20px 0;
	width: 100%;
	text-align: center;
    max-height: 400px;
    overflow-y: auto;
}
.lesson-detail-homework-messages-no {
	color: #6F6F6F;
	padding: 12px 20px;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
}
.lesson-detail-homework-form {
	padding: 20px 18px;
	background: #CFE5F6;
	border-top: 1px solid #D7DDE3;
}
.lesson-detail-homework-form input[type="text"] {
	background: #FFFFFF;
	border-radius: 2px;
	padding: 11px 13px;
	font-size: 16px;
	line-height: 24px;
	border: none;
	width: 100%;
	max-width: 100%;
}
.lesson-detail-homework-form input[type="submit"] {
	width: 124px;
	margin-left: 20px;
  min-height: 46px;
}
.lesson-detail-homework-form form {
    display: flex;
    justify-content: space-between;
}
.lesson-detail-homework-files {
	width: 165px;
	float: right;
	height: 38px;
}
.lesson-detail-homework-text {
	display: block;
	width: 100%;
	margin-right: 20px;
}
.lesson-detail-homework-req {
	display: inline-block;
	background: url("/local/templates/vidyakin_lk/images/svg-gobbler.svg") 11px center no-repeat #EFF7FE;
	border-radius: 2px;
	line-height: 29px;
	padding: 7px 11px 7px 50px;
	color: #26659F;
	text-decoration: none;
	margin-bottom: 24px;
}
.lesson-detail-homework-status span {
	background: #E0F4E8;
	border-radius: 2px;
	display: inline-block;
	line-height: 30px;
	padding: 0 11px;
	font-family: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-left: 10px;
	color: #00713B;
	margin-bottom: 30px;
}
.lesson-detail-homework-status span.complete {
	background: #CFE5F6;
}
.lesson-detail-next-closed {
	color: #6F6F6F;
}
.lesson-detail-next-closed .btn {
	background: url('/local/templates/vidyakin_lk/images/lock2.svg') 207px center no-repeat #BFC2C9;
	padding-right: 64px;
	margin-right: 30px;
}
.bx-auth-profile h1 {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	margin: 0;
}
.bx-auth-profile .site-block {
	padding: 0;
}
.bx-auth-profile .site-block-inner {
	padding: 35px 40px;
}
.bx-auth-profile h2 {
	margin: 0 0 19px;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
}
.bx-input-file-desc {
	display: none;
}

.field__wrapper {
  width: 100%;
  position: relative;
  margin: 15px 0;
  text-align: center;
}
.field__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.field__file-wrapper {
  display: inline-block;
  background: url("/local/templates/vidyakin_lk/images/files.svg") left center no-repeat;
  padding-left: 32px;
}
.field__file-button {
  width: 133px;
  height: 38px;
  line-height: 38px;
	font-weight: 500;
	font-size: 16px;
	color: #26659F;
  cursor: pointer;
  position: relative;
}
.field__file-count-mob {
	display: none;
}

.chat-message.admin {
	float: right;
}
.chat-message .date {
	background: #CFE5F6;
	border-radius: 2px;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 17px;
	display: inline-block;
}
.chat-message .message {
	background: #EFF7FE;
	border-radius: 3px;
	padding: 12px 14px;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	overflow: hidden;
}
.chat-message {
	float: left;
	clear: both;
	margin-bottom: 20px;
	max-width: 620px;
	text-align: left;
}
.chat-message .time {
	color: #6F6F6F;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	float: right;
}
.chat-message .author {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
}
.chat-message .author span {
	/*display: inline-block;*/
	vertical-align: middle;
}
.chat-message .file a {
	display: inline-block;
	padding-left: 28px;
	background: url("/local/templates/vidyakin_lk/images/file.svg") left center no-repeat;
	line-height: 22px;
	margin-bottom: 5px;
	color: #26659F;
}
.chat-message .text {
	margin-bottom: 7px;
}
.chat-message img {
	width: 25px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    border-radius: 50%;
}

.manager-table {
	width: 100%;
	background: #FFFFFF;
	border: none;
	border-radius: 14px;
	border-collapse: collapse;
}
.manager-table td, .manager-table th {
	border-bottom: 1px solid #F1F2F2;
	padding: 15px 30px;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
	font-family: Manrope;
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.05em;
color: #737171;
}
.manager-table tr:last-child td {
	border-bottom: none;
}
.manager-table th  {
	padding: 18px 30px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.05em;
color: #515151;
border-bottom: none;
background: #F9F9FF;
}
.manager-table th:first-child {
border-radius: 14px 0 0 0;
}
.manager-table th:last-child {
border-radius: 0 14px 0 0;
}
.manager-table .actions {
	width: 114px;
	text-align: center;
	padding: 15px 12px;
}
.manager-table .actions a, .lesson-detail-homework-form .accept {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url("/local/templates/vidyakin_lk/images/accept.svg") center center no-repeat #ffffff;
	border-radius: 5px;
	margin: 0 3px;
	color: #26659F;
}
.lesson-detail-homework-form .accept {
	margin: 0 0 0 15px;
	background-color: transparent;
}
.lesson-detail-homework-form .accept.inactive {
	background-image: url("/local/templates/vidyakin_lk/images/accept-gr.svg");
	cursor: default;
}
.manager-table .actions a.chat {
	background-image: url("/local/templates/vidyakin_lk/images/mail.svg");
}
.manager-table .actions a:hover {
	background-color: #F9F9FF;
}
.manager-table .actions a.inactive {
	background-color: #f1f1f1;
	background-image: url("/local/templates/vidyakin_lk/images/accept-gr.svg");
	cursor: default;
}
#manager-chat {
	display: none;
	position: fixed;
	top: 50%;
	margin-top: -300px;
	background: #fff;
	width: 1300px;
	left: 50%;
	margin-left: -650px;
	padding: 47px 30px 30px;
}
.lesson-detail-homework-info {
	background: #EFF7FE;
	border-bottom: 1px solid #D7DDE3;
	padding: 13px 17px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	overflow: hidden;
}
.lesson-detail-homework-info > div {
	width: 50%;
	float: left;
}
.lesson-detail-homework-info-right {
	float: right;
}
#manager-chat .username {
	font-weight: 500;
	margin-bottom: 4px;
}
#manager-chat .lesson-detail-homework-messages {
	max-height: 350px;
}
.lesson-detail-homework-info-right div {
	margin-bottom: 4px;
	text-align: right;
}
#window-bg {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	display: none;
}
.window {
	position: relative;
}
.window-close {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 15px;
	top: 15px;
	background: url("/local/templates/vidyakin_lk/images/close.svg") no-repeat;
}

.manager-check-flow, .lesson-check-table, .manager-check-btn {
	margin: 0 0 20px;
    max-width: 695px;
}
.manager-check-flow select, .manager-check-flow input {
  background: #FFFFFF;
  border: 1px solid #D7DDE3;
  border-radius: 3px;
  line-height: 20px;
  padding: 10px 30px 10px 15px;
  max-width: 220px;
  font-size: 16px;
  font-family: 'Manrope', Arial, sans-serif;
}
.custom-select {
	position: relative;
  display: inline-block;
}
.manager-check-date {
  margin-left: 30px;
}
.manager-check-date input {
	border: none;
	background: #fff;
	border-radius: 4px;
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.05em;
color: #737171;
background: url("/local/templates/vidyakin_lk/images/date.svg") 160px 10px no-repeat #fff;
width: 195px;
}
.custom-select select {
	appearance: none;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 20px;
  padding: 10px 30px 10px 15px;
  color: #737171;
  font-family: Manrope, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0.05em;
}
.custom-select::before {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	width: 11px;
	height: 8px;
  top: 50%;
  margin-top: -4px;
  right: 12px;
  background: url("/local/templates/vidyakin_lk/images/select-ar.svg") left center no-repeat;
}
.custom-checkbox input{
  appearance: none;
	width: 20px;
	height: 20px;
	position: relative;
}
.custom-checkbox input:before {
	border: 1px solid #5D5D5D;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.custom-checkbox input:checked:before {
	border-color: #F4802D;	
}
.custom-checkbox input:checked:after {
  width: 10px;
  height: 7px;
	content: "";
	position: absolute;
	left: 6px;
	top: 8px;
	background: url("/local/templates/vidyakin_lk/images/check2.svg") no-repeat;
}
.custom-checkbox input:disabled:before {
	border-color: #DADADB;	
}
.custom-radio input{
  appearance: none;
	width: 20px;
	height: 20px;
	position: relative;
}
.custom-radio input:before {
	border: 1px solid #5D5D5D;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.custom-radio input:checked:before {
	border-color: #F4802D;	
}
.custom-radio input:checked:after {
  width: 8px;
  height: 8px;
	content: "";
	position: absolute;
  left: 7px;
  top: 7px;
	background: #F4802D;
	border-radius: 50%;
}
.custom-radio input:disabled:before {
	border-color: #DADADB;	
}
.lesson-check-table th {
	vertical-align: middle;
	text-align: center;
}
.lesson-check-table th:first-child {
	text-align: left;
}
.manager-check-btn {
	text-align: right;
	display: flex;
	justify-content: space-between;
}
.manager-check-btn textarea {
	width: 390px;
	height: 56px;
	padding: 10px;
  background: #FFFFFF;
  border: 1px solid #D7DDE3;
  border-radius: 3px;
  line-height: 20px;
  padding: 10px 15px;
  font-size: 16px;
  font-family: 'Manrope', Arial, sans-serif;
}

.profile-sum {
	font-size: 50px;
	line-height: 68px;
	font-weight: 700;
	font-family: Manrope, sans-serif;
	margin-bottom: 24px;
	color: #2E2E2E;
}
.bx-auth-profile .btn {
	min-width: 240px;
	text-align: center;
}
.profile-scores {
	float: right;
	margin-top: -25px;
	padding-left: 39px;
	background: url("/local/templates/vidyakin_lk/images/magic.svg") left 5px no-repeat;
	text-align: right;
	color: #2E2E2E;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
}
.profile-scores span {
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	font-family: Manrope, sans-serif;
	margin-bottom: 4px;
	color: #2E2E2E;
	display: block;
}
.profile-ranks {
	padding-top: 110px;
	background: url("/local/templates/vidyakin_lk/images/sh_byte.png") left 0 no-repeat;
	background-size: 111px;
	margin-bottom: 40px;
	clear: both;
}
.profile-ranks-line {
	/*background: #D7DDE3;*/
	/*height: 5px;*/
	max-width: 550px;
	overflow: hidden;
}
.profile-ranks-marks {
	display: grid;
	grid-template-columns: repeat(5, 20%);
}
.profile-ranks-marks span {
	display: block;
	padding-top: 28px;
	position: relative;
  min-width: 75px;
  text-align: center;
}
.profile-ranks-marks span:before {
	position: absolute;
	display: block;
	width: 100%;
	left: -50%;
	top: 11px;
	content: "";
	height: 5px;
	background: #D7DDE3;
	z-index: 1;
}
.profile-ranks-marks span:after {
	display: block;
	content: "";
	position: absolute;
	width: 23px;
	height: 23px;
	border: 1px solid #D7DDE3;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	margin-left: -13px;
	top: 0;
    z-index: 2;
}
.profile-ranks-marks span.checked:before {
	background: #FF823F;
}
.profile-ranks-marks span.checked:after {
	background: url("/local/templates/vidyakin_lk/images/check.svg") center center no-repeat #FF823F;
	border-color: #FF823F;
}
.profile-ranks.kilobyte {
	background-image: url("/local/templates/vidyakin_lk/images/sh_kilobyte.png");
	background-position: 22% 0;
}
.profile-ranks.megabyte {
	background-image: url("/local/templates/vidyakin_lk/images/sh_megabyte.png");
	background-position: 44.5% 0;
}
.profile-ranks.gigabyte {
	background-image: url("/local/templates/vidyakin_lk/images/sh_gigabyte.png");
	background-position: 68% 0;
}
.profile-ranks.terabyte {
	background-image: url("/local/templates/vidyakin_lk/images/sh_terabyte.png");
	background-position: 90% 0;
}

.feed-wrapper {
	max-width: 870px;
	margin: 9px auto 0;
}
.feed-author {
	display: flex;
}
.feed-author-img {
	width: 129px;
	margin-right: 28px;
    position: relative;
    z-index: 3;
}
.feed-author-img img {
	border-radius: 50%;
	width: 100%;
}
.feed-author-name {
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
  margin-top: 20px;
}
.feed-author-info {
	width: 100%;
}
.feed-wrapper .profile-ranks {
	padding-top: 0;
	background-image: none;
	margin-top: 20px;
  margin-left: -8%;
  margin-right: -8%;
  position: relative;
}
.feed-wrapper .profile-ranks:before {
	background: linear-gradient(to right, #F5F6F7 50%, transparent);
	content: "";
	display: block;
	left: 0;
	width: 8%;
	height: 50px;
	position: absolute;
  z-index: 2;
}
.feed-wrapper .profile-ranks-line {
	max-width: 9999px;
}
.feed-wrapper .profile-ranks-marks {
  /*grid-template-columns: 1fr 2fr 2fr 2fr 2fr;*/
}
.feed-header {
	margin-top: 40px;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #333;
	text-transform: uppercase;
}
.feed-block {
	background: #fff;
	border: 1px solid #F1F2F2;
	border-radius: 14px;
	margin: 20px 0 0;
	padding: 34px 30px;
	position: relative;
}
.feed-block textarea {
	background: #F5F7F8;
	border-radius: 10px;
	padding: 20px;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	width: 100%;
	border: none;
}
.feed-block .btn {
	margin: 18px 0 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	width: 277px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	min-height: 48px;
}
.files-inp-big {
	border: 1px dashed #B5B5B5;
	min-height: 136px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 10px;
}
.files-inp-big input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.files-inp-big .files-inp-big-emp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/local/templates/vidyakin_lk/images/files-big.svg") top center no-repeat #fff;
	pointer-events: none;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #737171;
	padding-top: 84px;
	border-radius: 10px;
}
.files-inp-big .files-inp-big-emp input {
	display: none;
}
.files-inp-big div a {
	text-decoration: none;
	color: #F4802D;
	border-bottom: 1px dashed #F4802D;
}
.files-inp-big-val > div {
	margin: 15px 0px;
	height: 41px;
	background: url("/local/templates/vidyakin_lk/images/file_all.svg") no-repeat;
	padding: 2px 0 0 47px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.files-inp-big-val > div.pdf {
	background-image: url("/local/templates/vidyakin_lk/images/file_pdf.svg");
}
.files-inp-big-val > div.xls {
	background-image: url("/local/templates/vidyakin_lk/images/file_xls.svg");
}
.files-inp-big-val > div.doc {
	background-image: url("/local/templates/vidyakin_lk/images/file_doc.svg");
}
.files-inp-big-val .del {
	background: url("/local/templates/vidyakin_lk/images/fluent_delete-24-regular.svg") no-repeat;
	width: 20px;
	height: 20px;
}
.files-inp-big-val span {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #737171;
	display: block;
	margin-top: 2px;
}

.feed-wrapper > h1 {
	margin-top: -40px;
}
.feed-block .feed-author-img {
	width: 83px;
	margin-right: 23px;
}
.feed-block .feed-author-img img {
	max-width: 100%;
}
.feed-block-author {
	display: flex;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	color: #737171;
}
.feed-block .feed-author-name {
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 4px;
	color: #292929;
	margin-top: 15px;
}
.feed-block-text {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
.feed-add .files-inp-big-val > div {
	margin: 15px 20px;
}
.feed-block img {
	margin: 20px 0 0;
	max-width: 100%;
}
.feed-block-author img {
	margin-top: 0;
}
.files-inp-more {
	display: none;
	padding-left: 24px;
	background: url("/local/templates/vidyakin_lk/images/paper-clip.svg") no-repeat;
	color: #737171;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
    float: right;
    margin: 35px 0 0;
}
.feed-block-actions {
	position: absolute;
	right: 30px;
	top: 28px;
}
.feed-block-actions > span {
	height: 10px;
	width: 28px;
	background: url("/local/templates/vidyakin_lk/images/dots.svg") 0 2px no-repeat;
	cursor: pointer;
	display: block;
}
.feed-block-actions > div {
	position: absolute;
	display: none;
  right: 0;
  top: 20px;
  border: 1px solid #F1F2F2;
  width: 147px;
  /*text-align: center;*/
  padding: 15px;
}
.feed-block-actions > div > span {
	font-size: 14px;
	font-weight: 500;
	color: #737171;
	padding-left: 22px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;

}
.feed-block-actions > div > span:not(:last-child) {
	margin-bottom: 8px;
}
.feed-block-del {
	background: url("/local/templates/vidyakin_lk/images/fluent_delete-24-regular.svg") center left  no-repeat;
	background-size: 16px;
}
.feed-block-make-pers {
	background: url("/local/templates/vidyakin_lk/images/lock-svgrepo-com.svg") center left  no-repeat;
	background-size: 15px;
}
.feed-block-make-pers.open {
	background: url("/local/templates/vidyakin_lk/images/lock-open-svgrepo-com.svg") center left  no-repeat;
	background-size: 15px;
}
.feed-personal-label {    position: absolute;
    top: 21px;
    right: 90px;
    background: #ff823f;
    color: #fff;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 3px;
}
body.feed {
	background: #F5F6F7;
}
.feed .profile-scores span {
	font-size: 40px;
	line-height: 54px;
	margin-bottom: 0;
}
.feed .profile-scores b {
	font-weight: normal;
}
.feed .profile-scores {
  margin-top: -20px;
}
.feed-wrapper.guest:first-child {
	padding-top: 50px;
}
.feed-wrapper.guest .profile-ranks {
	margin-bottom: 70px;
}
.files-inp-big-val a {
	font-size: 16px;
	font-weight: 600;
	color: #292929;
}
.feed-add .back-btn {
	display: none;
}

.content-menu {
	margin: 0 0 35px;
}
.content-menu li {
	list-style: none;
	margin-right: 16px;
	display: inline-block;
}
.content-menu li a {
	display: inline-block;
	padding: 10px 40px;
	border-radius: 10px;
	background: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #2E2E2E;
}
.content-menu li a.selected {
	color: #F4802D;
}
body.manager {
	background: #F5F6F7;
}
.manager-filter-link {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	float: right; 
	margin-top: -55px;
}
body.manager h1 {
	font-size: 32px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: 0.05em;
	margin-bottom: 30px;
}
.manager-check-table-wrp {    
	display: grid;
    grid-template-columns: 695px auto;
    grid-column-gap: 27px;
}
.manager-check-table-wrp textarea {
	width: 100%;
	border-radius: 14px;
	padding: 30px 22px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.05em;
	color: #737171;
	border: none;
	height: 210px;
}

@media screen and (max-width: 1400px) {
	#manager-chat {
		width: auto;
		left: 50px;
		right: 50px;
		margin-left: 0;
	}
	.pers-scores {
    margin-right: 20px;
	}
}

@media screen and (max-width: 1134px) {
	.courses-list-item-next:nth-child(3n) {
		margin-right: 30px;
	}
	.courses-list-item-next:nth-child(3n+1) {
		clear: none;
	}
	.courses-list-item-next:nth-child(2n) {
		margin-right: 0px;
	}
	.courses-list-item-next:nth-child(2n+1) {
		clear: both;
	}
}
@media screen and (max-width: 1023px) {
	.pers-scores, .pers-rank {
		display: none;
	}
	.site-header {
		padding: 6px 0 0;
	}
	.site-header .logo {
    background-size: 125px;
    padding-left: 0;
    width: 125px;
    height: 70px;
  }
  .pers-info {    
  	margin-top: 7px;
  }
  .pers-info span {
  	font-size: 15px;
  }
  .site-content {
  	padding-top: 20px;
  }
  .back-btn a {
  	margin-bottom: 20px;
  	font-size: 12px;
  }
  .bx-auth-profile h1 {
  	font-size: 28px;
  }
  .bx-auth-profile .site-block-inner {    
  	padding: 20px 0;
  }
  .bx-auth-profile .site-block {box-shadow: none;}
}
@media screen and (max-width: 900px) {
	.back-btn {
		margin-left: 0;
	}
	.site-container {
		padding: 0;
	}
	.site-header .site-container {
		padding: 0 20px;
	}
	.site-content {
		padding: 30px 20px 110px;
	}
	.site-block {
		padding: 30px 20px 40px;
		border-radius: 0;
	}
	.site-footer {
		padding: 20px 20px 23px;
		font-size: 16px;
    margin-top: -65px;
	}
	.pers-info span {
		display: none;
	}
	.bx-auth-profile .site-block-inner {
		padding: 20px;
	}
	.courses-list.site-block {
		padding: 0;
	}
	.courses-list-item {
		padding: 18px 20px;
	}
	.courses-list-complete h2, .courses-list-complete p, .courses-list-next {
		padding-left: 20px;
		padding-right: 20px;
	}
	.lesson-detail .site-block {
    padding: 16px 20px;
	}
	.site-block.lesson-detail-content {
		padding: 0;
	}
	.lesson-detail-content .btn {
		background: url("/local/templates/vidyakin_lk/images/cloud_or.svg") left center no-repeat;
		font-weight: 500;
		font-size: 15px;
		line-height: 17px;
		text-align: center;
		color: #E16A2F;
		padding: 0 0 0 29px;
		height: auto;
		bottom: auto;
		top: 20px;
	}
	.lesson-detail-content .btn span {
		padding-left: 0;
	}
	.lesson-detail-content .site-block-inner {
		padding: 20px;
	}
	.lesson-detail-content h1 {
		margin-right: 0;
	}
	.lesson-detail-homework-files {
		float: left;
		width: 32px;
		overflow: hidden;
    height: 31px;
    position: relative;
	}
	.lesson-detail-homework-text {
		margin: 0 43px 0 32px;
    height: 31px;
	}
	.lesson-detail-homework-form input[type="text"] {
    height: 31px;
	}
	.lesson-detail-homework-form input[type="submit"] {
		width: 31px;
		text-indent: -9999px;
		margin-left: 0;
		background: url("/local/templates/vidyakin_lk/images/arr-top.svg") center center no-repeat #26659F;
    padding: 0;
    height: 31px;f
	}
	.field__file-button {
		height: 31px;
		line-height: 31px;
	}
	.field__file-count-mob {
		position: absolute;
		background: red;
		color: #fff;
		font-size: 12px;
		text-align: center;
		border-radius: 50%;
		line-height: 13px;
		height: 13px;
		width: 13px;
		right: 4px;
		top: 0;
		display: block;
	}
	.lesson-detail-homework-form {
		padding: 10px 12px;
	}
	.lesson-detail-homework-header::before {
		width: 39px;
		background-size: 21px;
    height: 50px;
	}
	.lesson-detail-homework-header {
		padding-left: 50px;
		font-size: 15px;
    line-height: 50px;
    height: 50px;
	}
	.lesson-detail-homework-header span {
		margin: 15px 11px 0 0 ;
	}
	.lesson-detail-next-closed .btn {
		padding: 13px 48px 13px 20px;
		font-weight: 500;
		font-size: 19px;
		line-height: 22px;
		background-position: 195px center;
	}
	.lesson-detail-next-note {
		display: block;
		padding-top: 20px;
	}
}
@media screen and (max-width: 700px) {
	.two-cols {
		display: block;
	}
	.two-cols > div {
		width: 100%;
		margin-bottom: 30px;
	}
	.courses-list-greeting {
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 12px;
	}
	h1 {
		font-weight: 500;
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.courses-list-item-icon {
		float: left;
		margin-right: 14px;
	}
	.courses-list-item-icon img {
		width: 48px;
	}
	.courses-list-item-name {
		font-weight: 500;
		font-size: 16px;
		line-height: 18px;
	}
	.courses-list-item {
		display: block;
	}
	.courses-list-item-name span {
		margin-top: 7px;
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
	}
	.courses-list-item .btn {
		background: url("/local/templates/vidyakin_lk/images/cloud_or.svg") left center no-repeat;
		font-weight: 500;
		font-size: 15px;
		line-height: 17px;
		text-align: center;
		color: #E16A2F;
		padding: 0 0 0 29px;
		height: auto;
	}
	.courses-list-item .btn span {
		background: none;
		padding-left: 0;
	}
	.courses-list-item-progress {
		margin: 0 20px 20px;
	}
	.courses-list-lessons {
		padding: 0;
		border-top: none;
	}
	.courses-list-lesson {
		margin-top: 6px;
		box-shadow: none;
		border-top: 1px solid #E8EDF3;
		border-bottom: 1px solid #E8EDF3;
		position: relative;
	}
	.courses-list-lesson:first-child {
		margin-top: 0;
	}
	.courses-list-lesson > div:last-child {
		position: absolute;
		right: 5px;
		bottom: 12px;
	}
	.courses-list-lesson-name span {
		margin-top: 12px;
	}
	.courses-list {
		margin-bottom: 30px;
	}
	.courses-list-complete {
		padding-top: 30px;
	}
	.courses-list-complete p {
		margin: 12px 0 30px;
	}
	.courses-list-next > p {
		margin-bottom: 0;
	}
	.lesson-detail-course img {
		width: 34px;
		float: left;
		margin-right: 12px;
	}
	.lesson-detail-course {
		display: block;
	}
	.lesson-detail-course > span {
		font-weight: 500;
		font-size: 16px;
		line-height: 34px;
	}
	.lesson-detail-total {
		margin-left: 30px;
	}
	.lesson-detail-total > span, .lesson-detail-total a > span {
		background-color: #ffffff;
		height: 24px;
		width: 20px;
	}
	.lesson-detail-total p span {
		display: inline;
	}
	.lesson-detail-content .btn {
		right: auto;
		left: 20px;
    top: auto;
		bottom: 24px;
	}
	.lesson-detail-content .site-block-inner {
		padding-bottom: 55px;
    overflow: hidden;
	}
	.lesson-part-header {
		position: relative;
	}
	.lesson-part-header div {
		padding: 10px 11px 40px;
	}
	.lesson-part-header div:last-child {
		display: block;
		position: absolute;
		left: 50px;
		bottom: 12px;
		padding: 0;
		width: auto;

	}
	.lesson-part-header div:first-child {
		width: 39px;
		text-align: center;
		padding-bottom: 10px;
	}
	.profile-scores-ranks {
		background: #FF823F;
		border-radius: 5px;
		padding: 17px 13px 22px;
		position: relative;
    overflow: hidden;
	}
	.profile-scores-ranks h2 {
		color: #fff;
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 7px;
		font-weight: 400;
	}
	.profile-scores {
		float: none;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 30px;
		line-height: 40px;
		font-weight: bold;
	}
	.profile-ranks-line {
		display: none;
	}
	.profile-scores-ranks .profile-ranks {
		position: absolute;
		background-color: #FFF3EA;
		width: 230px;
		height: 230px;
		top: -71px;
		right: -89px;
    background-position: 30px 84px;
		border-radius: 50%;
		background-size: 94px;
	}
	.profile-scores span {
		color: #fff;
		font-size: 30px;
		line-height: 40px;
    display: inline;
	}
	.scores-ranks-cols {
    display: flex;
    flex-direction: column-reverse;
  }
  .two-cols .profile-sum-col {
  	padding: 32px 20px 0;
    border-top: 1px solid #E8EDF3;
    margin-bottom: 0;
    width: 100%;
    box-sizing: content-box;
    margin-left: -20px;
  }
  .profile-sum {
		font-size: 30px;
		line-height: 40px;
  }
}
@media screen and (max-width: 700px) {
	.manager-check-date {
		display: block;
		margin: 20px 0 0;
	}
	.site-header .site-container {
    padding: 0 15px;
	}
	.site-content {
    padding: 30px 15px 110px;
	}
	.feed .profile-scores {
		background: url("/local/templates/vidyakin_lk/images/stars.svg") 10px center no-repeat #FFF3EA;
		border-radius: 30px;
		line-height: 25px;
		height: 25px;
    position: absolute;
    padding: 0 10px 0 30px;
    top: 75px;
    left: 50%;
    margin-left: 20px;
    margin-top: 0;
    z-index: 4;
	}
	.feed .profile-scores span {
		font-size: 16px;
		font-weight: 700;
		line-height: 25px;
		letter-spacing: 0em;
		text-align: left;
		color: #FF823F;
    vertical-align: top;
	}
	.feed-wrapper {
		overflow: hidden;
	}
	.feed-author-info {
		background: #fff;
		border-radius: 20px;
    /*overflow: hidden;*/
		padding-top: 65px;
		text-align: center;
		padding-bottom: 40px;
	}
	.feed-author {
		display: block;
		position: relative;
		padding-top: 50px;
	}
	.feed-wrapper .profile-ranks-line {
		display: block;
		min-width: 480px;
	}
	.feed-author .feed-author-img {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -50px;
		width: 100px;
	}
	.feed-author-name {
		margin-top: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 27px;
	}
	.feed .profile-scores b {
		display: none;
	}
	.feed-wrapper .profile-ranks {
		margin-bottom: 0;
		margin-left: -5%;
    overflow-y: auto;
    margin-right: 0;
	}
	.feed-wrapper .profile-ranks:before {
		background: linear-gradient(to right, #FFFFFF 50%, transparent);
	}
	.feed-wrapper.guest .profile-ranks {
    margin-bottom: 0;
	}
	.feed-wrapper.guest {
    padding-top: 0;
	}	
	.feed-block {
		padding: 20px 15px 5px;
	}
	.files-inp-big-emp {

	}
	.feed-block .feed-author-img {
		width: 45px;
		margin-right: 8px;
	}
	.feed-block .feed-author-name {
		font-size: 14px;
		font-weight: 600;
		line-height: 19px;
	}
	.feed-author-date {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.feed-block-actions > span {
		width: 22px;
		background-size: 22px;
	}
	.feed-block-actions {
		right: 15px;
    top: 24px;
	}
	.feed-block-text {
		margin-top: 14px;
	}
	.feed-add-mob {
		background: #FF823F;
		border-radius: 5px;
		text-align: center;
		line-height: 48px;
		height: 48px;
		text-transform: none;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0;
	}
	.feed-add.feed-block {
    margin: 0;
    border-radius: 0;
		display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    overflow: hidden;
	}
	.feed-add .back-btn {
		display: block;
	}
}
@media screen and (max-width: 400px) {
	.profile-scores {
		font-size: 24px;
	}
}
/* End */
/* /local/templates/vidyakin_lk/template_styles.css?170763218144000 */