@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap);

.svg-container{
  display: flex;
  justify-content: center;
  line-height: 1;
}


.svg-container{
  display: flex;
  justify-content: center;
  line-height: 1;
}


.legend {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.legend .legend-item {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #2dc6b6;
  display: flex;
  align-items: center;
}
.legend .legend-item + .legend-item {
  margin-left: 30px;
}
.legend .legend-item:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #2dc6b6;
  border-radius: 5px;
  margin-right: 5px;
}
.legend .legend-item.light {
  color: #9FCF62;
}
.legend .legend-item.light:before {
  background: #9FCF62;
}
.field {
  overflow-y: auto;
  width: 100%;
  height: auto;
}
.field::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.link line {
  stroke: rgb(78 189 122 / 30%);
}
.link line.separator {
  stroke: #fff;
  stroke-width: 2px;
}
.node text {
  font-size: 12px;
  pointer-events: none;
  width: 90%;
  white-space: normal;
  fill: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.node .module {
  -webkit-filter: drop-shadow(0px 0px 100px rgba(78, 189, 122, 0.5));
          filter: drop-shadow(0px 0px 100px rgba(78, 189, 122, 0.5));
}
.node .category {
  -webkit-filter: drop-shadow(0px 0px 100px rgba(78, 189, 122, 0.5));
          filter: drop-shadow(0px 0px 100px rgba(78, 189, 122, 0.5));
}
.node .lesson,
.node .homework,
.node .test {
  /*filter: drop-shadow(0px 0px 100px rgba(158, 207, 98, 0.5));*/
}


.teacher-carousel[data-v-6aa48818] {
  margin-bottom: 40px;
}
.h2[data-v-6aa48818] {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
.teacher-card[data-v-6aa48818] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  padding: 20px;
  background: white;
  border-radius: 8px;
  transition: transform 0.3s;
}
.teacher-card[data-v-6aa48818]:hover {
  transform: translateY(-5px);
}
.teacher-image[data-v-6aa48818] {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 15px;
  background: #f5f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher-image img[data-v-6aa48818] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teacher-placeholder[data-v-6aa48818] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f7fa;
}
.teacher-name[data-v-6aa48818] {
  text-align: center;
  font-size: 16px;
  margin: 0;
  color: #303133;
}
.el-carousel__item[data-v-6aa48818] {
  border-radius: 8px;
}
.teacher-placeholder-block[data-v-6aa48818] {
  margin-bottom: 40px;
}
.teacher-placeholder-content[data-v-6aa48818] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  background: white;
  border-radius: 8px;
}
.teacher-placeholder-icon[data-v-6aa48818] {
  margin-bottom: 20px;
}
.teacher-placeholder-text[data-v-6aa48818] {
  font-size: 16px;
  color: #909399;
  margin: 0;
  text-align: center;
}


.switch-tabs {
  display: flex;
  margin-bottom: 20px;
}
.switch-tabs__item {
  margin: 0 10px;
  cursor: pointer;
}
.switch-tabs__image {
  display: block;
  margin: 0 auto;
}
.witch-tabs__text {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  margin-top: 8px;

  color: #383838;
}
.motivator-modal {
  padding: 20px 16px;
}
.motivator-modal:after{
  content: '';
  position: absolute;
  left: 0;
  top: 60px;
  background: rgba(56, 56, 56, 0.1);
  height: 1px;
  width: 100%;
}
.modal-header {
  display: flex;
  justify-content: space-between;
}
.motivators-form {
  margin-right: -16px;
}
.modal-header__title {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 20px;
}
@media (max-width: 375px) {
.modal-header__title {
    font-size: 15px
}
}
.modal-header__img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.motivator-modal__button {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: white;
  background-color: #2dc6b6;
  padding: 10px 30px;
  margin-top: 20px;
}
.modal-items {
  max-height: 500px;
  overflow-y: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding-right: 35px;
}
.modal-item {
  padding-top: 20px;
}
.modal-item__title {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #2dc6b6;
  background-color: #EFF8F2;
  border-radius: 5px;
  padding: 5px;
}
.modal-item__text {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  margin: 5px 0;
  color: #757474;
}
.modal-item__input {
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #757474;
}
.motivators {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}
.motivators.mobile {
  grid-template-columns: 1fr;
}
.motivators-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
  padding: 45px 20px;
}
.motivators-item__text {
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  margin-left: 16px;
}
.motivators.mobile .motivators-item {
  padding: 20px 16px;
}
.motivators.mobile .motivators-item__text {
  font-size: 14px;
  line-height: 19px;
}
.motivators.mobile img {
  width: 30px;
  height: 30px;
}
.motivator-button {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: white;
  background-color: #2dc6b6;
  padding: 10px 30px;
  align-self: flex-end;
}
.el-tabs__item {
  height: auto;
}
.zaglushka .note-tabs {
  margin-top: 40px;
}
.zaglushka .note-tabs .el-tabs__item {
  padding: 0;
  margin-right: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #AEB7C2;
}
.zaglushka .note-tabs .el-tabs__item.is-active,
.zaglushka .note-tabs .el-tabs__item:hover {
  color: #383838;
}
.zaglushka .note-tabs .el-tabs__nav-wrap::after {
  display: none;
}
.zaglushka .note-tabs .file_a p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #333C4D;
}
.zaglushka .note-tabs .file {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 14px;
}
.zaglushka .note-tabs .file__image {
  margin:  0;
  margin-left: 16px;
}
.zaglushka .note-tabs .el-tabs__nav {
  z-index: auto;
}
.zaglushka .note-tabs .file__image svg {
  width: 16px;
}
.edit-motivators-btn {
  margin: 20px auto;
  display: block;
  min-width: 200px;
}
.zaglushka .hi {
  align-items: center;
}
.hi.mobile {
  display: block;
  box-shadow: none;
  background: transparent;
  padding: 0;
}
.hi.mobile .zaglushka__top__hand {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.hi.mobile .h1 {
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.hi.mobile .text {
  font-size: 14px;
  line-height: 16px;
}
/*@media (max-width: 320px) {
  .motivators-item {
    width: 100%;
  }*/


.dashboard-motivation[data-v-45888b84] {
  position: relative;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px 32px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  overflow: hidden;
}
.dashboard-motivation .opacity[data-v-45888b84] {
  opacity:  0;
}
.dashboard-motivation.mobile[data-v-45888b84] {
  /*margin-left: -16px;
  margin-right: -16px;*/
}
.dashboard-motivation .text[data-v-45888b84] {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #383838;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.dashboard-motivation.mobile .text[data-v-45888b84] {
  font-size: 12px;
  line-height: 18px;
}
.dashboard-motivation .text span[data-v-45888b84] {
  color: #2dc6b6;
}
.dashboard-motivation img.left[data-v-45888b84],
.dashboard-motivation img.right[data-v-45888b84] {
  position: absolute;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.dashboard-motivation img.left[data-v-45888b84] {
  left: -40px;
  top: -65px;
  border-top-left-radius: 10px;
}
.dashboard-motivation img.right[data-v-45888b84] {
  right: -40px;
  bottom: -65px;
  border-bottom-right-radius: 10px;
}
.dashboard-motivation img.avatar[data-v-45888b84] {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
}
.dashboard-motivation .controls[data-v-45888b84] {
  display: flex;
  align-items: center;
}
.dashboard-motivation .controls i[data-v-45888b84] {
  font-size: 18px;
  color: #8F9AA4;
  cursor: pointer;
  transition: color 100ms;
}
.dashboard-motivation .controls i[data-v-45888b84]:hover {
  color: #2dc6b6;
}
.dashboard-motivation .controls i + i[data-v-45888b84] {
  margin-left: 14px;
}
.dashboard-motivation .controls i.edit[data-v-45888b84] {
  background-image: url(../img/Icon_edit.0aa959df.svg);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
.dashboard-motivation .controls i.edit[data-v-45888b84]:hover {
  background-image: url(../img/Icon_edit-hover.4bc87e44.svg);
}
.dashboard-motivation .not-content[data-v-45888b84] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgb(255 255 255 / 90%);
  border-radius: 10px;
  padding: 20px 32px 18px;
}
.dashboard-motivation .mot-title[data-v-45888b84] {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #383838;
  margin-bottom: 4px;
}
.dashboard-motivation.mobile .mot-title[data-v-45888b84] {
  font-size: 14px;
  line-height: 19px;
}
.dashboard-motivation .mot-desc[data-v-45888b84] {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #8F9AA4;
}
.dashboard-motivation.mobile .mot-desc[data-v-45888b84] {
  font-size: 12px;
  line-height: 16px;
}


.dashboard-progress[data-v-105f45af] {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.dashboard-progress.mobile[data-v-105f45af] {
  margin-bottom: 0;
}
.dashboard-progress .title[data-v-105f45af] {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
  margin-bottom: 8px;
}
.dashboard-progress.mobile .title[data-v-105f45af] {
  font-size: 14px;
  line-height: 19px;
}
.dashboard-progress .sub-title[data-v-105f45af] {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #383838;
  margin-bottom: 21px;
}
.dashboard-progress.mobile .sub-title[data-v-105f45af] {
  font-size: 12px;
  line-height: 16px;
}
.dashboard-progress .progress[data-v-105f45af] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.dashboard-progress .persent[data-v-105f45af] {
  font-size: 14px;
  line-height: 19px;
  color: #383838;
  margin-top: 20px;
}
.dashboard-progress.mobile .persent[data-v-105f45af]{
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
}
.dashboard-progress .sub-title span[data-v-105f45af],
.dashboard-progress .persent span[data-v-105f45af] {
  color: #2dc6b6;
}
.dashboard-progress .path[data-v-105f45af] {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.dashboard-progress .path .persent[data-v-105f45af] {
  margin: 5px;
  line-height: 30px;
}
.dashboard-progress.mobile .path[data-v-105f45af] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.dashboard-progress .path div.cell[data-v-105f45af] {
  position: relative;
  background: #D7F5E3;
  border-radius: 5px;
  color: #2dc6b6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 50ms;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  margin: 5px;
}
.dashboard-progress .path div.cell[data-v-105f45af]:hover {
  box-shadow: 0px 2px 10px rgba(78, 189, 122, 0.5);
  border: 1px solid #2dc6b6;
}
.dashboard-progress .path div.cell[data-v-105f45af]:before {
  content: '';
  margin-top: 100%;
}
.dashboard-progress .path div.cell i[data-v-105f45af] {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -3px;
  position: absolute;
  right: -3px;
  font-size: 10px;
  background: #FFFFFF;
  color: #2dc6b6;
  border-radius: 50%;
  font-weight: bold;
}
.dashboard-progress .path div.cell span[data-v-105f45af] {
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.dashboard-progress .path div.cell img[data-v-105f45af] {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 5px;
}
.dashboard-progress .path div.cell img.finish-progress-dashboard[data-v-105f45af] {
  width: 24px;
  height: 24px;
}
.dashboard-progress .path div.cell.module[data-v-105f45af] {
  width: 36px;
  height: 36px;
  margin: 2px;
}
.dashboard-progress .path div.cell.module[data-v-105f45af]:hover {
  border: none;
}
.dashboard-progress .path div.cell.success[data-v-105f45af] {
  background: #2dc6b6;
  color: #FFFFFF;
}
.dashboard-progress .path div.cell.exam[data-v-105f45af] {
  background: #D3E8F0;
  color: #0091CE;
}
.dashboard-progress .path div.cell.exam[data-v-105f45af]:hover {
  box-shadow: 0px 2px 10px rgba(0, 145, 206, 0.5);
  border: 1px solid #0091CE;
}
.dashboard-progress .path div.cell.exam.success[data-v-105f45af] {
  background: #0091CE;
  color: #FFFFFF;
}


.dashboard-info[data-v-16889bc4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.dashboard-info .tile[data-v-16889bc4] {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}
.dashboard-info .tile .title[data-v-16889bc4] {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.dashboard-info.mobile .tile .title[data-v-16889bc4] {
  font-size: 14px;
  line-height: 19px;
}
.dashboard-info .tile .title i[data-v-16889bc4] {
  font-weight: bold;
}
.dashboard-info .tile .title i[data-v-16889bc4]:hover {
  color: #2dc6b6;
}
.dashboard-info .tile .title i.info-svg[data-v-16889bc4] {
  background-image: url(../img/Icon_info.4b442be1.svg);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-size: 20px;
}
.dashboard-info .tile .title i.info-svg[data-v-16889bc4]:hover {
  background-image: url(../img/Icon_info-hover.2356c255.svg);
}
.dashboard-info .tile .text[data-v-16889bc4] {
  font-size: 14px;
  line-height: 19px;
  color: #383838;
}
.dashboard-info.mobile .tile .text[data-v-16889bc4] {
  font-size: 12px;
  line-height: 16px;
}
.dashboard-info .tile .text.active[data-v-16889bc4] {
  color: #2dc6b6;
  font-weight: 600;
}
.dashboard-info .tile .text.center[data-v-16889bc4] {
  flex-grow: 1;
}
.dashboard-info .tile .text .number[data-v-16889bc4] {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #2dc6b6;
}
.dashboard-info .tile .text.sub[data-v-16889bc4] {
  margin-top: 20px;
}


.dashboard-diagram {
  position: relative;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.dashboard-diagram .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
}
.dashboard-diagram.mobile .title {
  font-size: 14px;
  line-height: 19px;
}
.dashboard-diagram .description {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #383838;
}
.dashboard-diagram .description .green {
  color: #2dc6b6;
}
.dashboard-diagram .diagram-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.dashboard-diagram .diagram-content .svg {
}
.dashboard-diagram .not-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 10px;
}
.dashboard-diagram .not-content .desc {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #383838;
  margin-bottom: 16px;
}
.dashboard-diagram.mobile .not-content .desc {
  font-size: 12px;
  line-height: 16px;
}


.new-dashboard[data-v-3643c498] {
}
.new-dashboard .hi[data-v-3643c498] {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.new-dashboard .hi img[data-v-3643c498] {
  width: 26px;
  margin-right: 8px;
}
.new-dashboard .username[data-v-3643c498] {
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  color: #383838;
}
.new-dashboard.mobile .username[data-v-3643c498] {
  font-size: 16px;
  line-height: 22px;
}
.new-dashboard .support[data-v-3643c498] {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #383838;
  margin-bottom: 28px;
}
.new-dashboard .support span + span[data-v-3643c498] {
  margin-left: 40px;
}
.new-dashboard .support a[data-v-3643c498] {
  color: #2dc6b6;
}
.new-dashboard .support a + a[data-v-3643c498] {
  margin-left: 16px;
}
.new-dashboard .grid[data-v-3643c498] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.new-dashboard.mobile .support[data-v-3643c498] {
  font-size: 12px;
  line-height: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.new-dashboard.mobile .support span[data-v-3643c498] {
  display: block;
}
.new-dashboard.mobile .support span + span[data-v-3643c498] {
  margin-left: 0;
}
.new-dashboard.mobile .support a[data-v-3643c498] {
  display: block;
}
.new-dashboard.mobile .support a + a[data-v-3643c498] {
  margin-left: 0;
}
.new-dashboard.mobile .grid[data-v-3643c498] {
  grid-template-columns: 1fr;
}


.bottom[data-v-26f2415a] {
  display: flex;
  justify-content: space-between;
}
.socials[data-v-26f2415a]{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}
.socials_icon[data-v-26f2415a] {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.socials_icon[data-v-26f2415a]:hover {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
  transition: .3s ease;
}


.bottom[data-v-5d8a42c7] {
  display: flex;
  justify-content: space-between;
}
.socials[data-v-5d8a42c7]{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}
.socials_icon[data-v-5d8a42c7] {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.socials_icon[data-v-5d8a42c7]:hover {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
  transition: .3s ease;
}


.auto-reglink-login {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}


.edit-value-input[data-v-52b9f232]:disabled {
  background: #e6e6e6;
}
.edit-value-input.error[data-v-52b9f232] {
  box-shadow: 0 0 0 1px #f56c6c inset;
  border-color: #f56c6c;
}
.invalid-feedback[data-v-52b9f232] {
  color: #f56c6c;
  font-weight: 600;
  font-size: 12px;
}


.edit-value-input[data-v-5312e5e0]:disabled {
  background: #e6e6e6;
}
.edit-value-input.error[data-v-5312e5e0] {
  box-shadow: 0 0 0 1px #f56c6c inset;
  border-color: #f56c6c;
}
.data_field__wrap__flag.disabled[data-v-5312e5e0] {
  pointer-events: none;
}


.sms-modal-controls[data-v-957e4c2e] {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sms-modal-controls button[data-v-957e4c2e] {
  background: transparent;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #222;
  font-weight: 600;
}
.sms-modal-controls button[data-v-957e4c2e]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.sms-modal-timer[data-v-957e4c2e] {
  margin-top: 24px;
  line-height: 1.5;
  text-align: center;
  font-size: 13px;
}
.release-edo-modal-body[data-v-957e4c2e] {
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sms-form h3[data-v-957e4c2e] {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
  color: #2b394c;
  font-size: 1.5rem;
}
.sms-form p[data-v-957e4c2e] {
  font-size: 0.8rem;
}
.sms-form .repeat-code[data-v-957e4c2e] {
  background: transparent;
  border: none;
  font-size: 13px;
  cursor: pointer;
  color: #222;
  font-weight: 500;
  margin-top: 24px;
  color: #54b3ff;
  text-decoration: underline;
}
.sms-form .error-code-msg[data-v-957e4c2e] {
  margin-top: 16px;
  color: #F44336;
}


.sms-form .input.react-code-input-container {
  border: none;
  width: auto !important;
}
.sms-form .input.react-code-input-container > div {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.sms-form .react-code-input > input {
  border: none !important;
  border-bottom: 2px solid #7c7d81 !important;
  height: 65px !important;
}
.sms-form.mobile .react-code-input > input {
  width: 20% !important;
}
.sms-form .react-code-input > input:focus {
  border-bottom: 2px solid #2dc6b6 !important;
  background: #EFFBEF !important;
  caret-color: #2dc6b6 !important;
}
.sms-form .react-code-input > input:first-child,
.sms-form .react-code-input > input:last-child {
  border-radius: 0 !important;
}
.sms-form.error .react-code-input > input {
  border-bottom: 2px solid #F44336 !important;
  caret-color: #F44336 !important;
}


.release-edo[data-v-7a93d05e] {
  margin: 10px 0;
  padding: 16px 0;
}
.release-edo p[data-v-7a93d05e] {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
}
.release-edo button[data-v-7a93d05e] {
  font-size: 14px;
  padding: 12px 18px !important;
}
.release-edo-modal-body[data-v-7a93d05e] {
  padding: 12px 32px 48px;
}
.release-edo-modal-grid[data-v-7a93d05e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px 16px;
  gap: 0px 16px;
}
.mobile .release-edo-modal-grid[data-v-7a93d05e] {
  grid-template-columns: 1fr;
}
.release-edo-modal-body .tip[data-v-7a93d05e] {
  font-size: 12px;
  padding: 12px 0;
  border-radius: 5px;
  line-height: 16px;
  color: #888;
}
.release-edo-modal-body .btn.btn_green.nav-btn[data-v-7a93d05e] {
  margin-left: 0;
  margin-top: 46px;
}


.v--modal-overlay[data-modal="release-edo"] .v--modal-box.v--modal {
  overflow: visible;
}


.edit-value-input[data-v-4f0838a1]:disabled {
  background: #e6e6e6;
}
.edit-value-input.error[data-v-4f0838a1] {
  box-shadow: 0 0 0 1px #f56c6c inset;
  border-color: #f56c6c;
}
.data-address[data-v-4f0838a1] {
  width: 100%;
  position: relative;
}
.address-list[data-v-4f0838a1] {
  position: absolute;
  top: 42px;
  background: #fff;
  z-index: 100;
  border-radius: 4px;
  overflow-y: auto;
  max-height: 208px;
  width: 100%;
  box-shadow: 0 1.17px 2px rgba(0, 0, 0, 0.0196802), 0 1.4px 5px rgba(0, 0, 0, 0.03), 0 2px 10px rgba(0, 0, 0, 0.03), 0 2px 18px rgba(0, 0, 0, 0.04), 0 9px 33px rgba(0, 0, 0, 0.03);
}
.address-list .address-list-item[data-v-4f0838a1] {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.address-list .address-list-item[data-v-4f0838a1]:hover {
  background: #F5F7FA;
}


.education-type-select {
  width: 100%;
}
.education-type-select input {
  border: 1px solid #b4cab3 !important;
  background: white;
  border-radius: 5px;
  padding: 10px 10px;
  box-sizing: border-box;
  outline: none;
  font-size: 14px;
}
.education-type-select input:focus {
  box-shadow: 0 0 0px 1px #b4cab3;
}


.empty-docs[data-v-ac4064c0] {
  margin: 20px 0 120px;
  font-size: 14px;
}
.docs-grid[data-v-ac4064c0] {
  display: grid;
  grid-template-columns: 1fr 180px;
  align-items: center;
  grid-gap: 8px;
  grid-gap: 8px;
  gap: 8px;

  max-width: 65%;
  border-top: 1px solid #EBEEF5;

  padding-top: 8px;

  padding-bottom: 8px;
  padding-left: 30px;
}
.docs-grid p[data-v-ac4064c0] {
  font-size: 16px;
  color: black;
  font-weight: 600;
}
.docs-grid p[data-v-ac4064c0]:first-child {
  font-weight: 400;
  font-size: 14px;
  color: black;
}
.docs-btn[data-v-ac4064c0] {
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
}
@media(max-width: 769px) {
.docs-grid[data-v-ac4064c0] {
    max-width: 100%;
}
.el-collapse-item__header > h4[data-v-ac4064c0] {
    font-size: 14px;
    line-height: 1;
}
}
@media(max-width: 481px) {
.docs-grid[data-v-ac4064c0] {
    padding-left: 0px;
}
}


.collapse {
  margin-top: 20px !important;
  border-top:  none;
}
.collapse .el-collapse-item__header {
  height: 56px !important;
  background: transparent;
  font-weight: bold;
  font-size: 16px;
}
.collapse .el-collapse-item__arrow {
  margin-right: 0;
  font-size: 18px;
  font-weight: bold;
}
.collapse .el-collapse-item__wrap {
  background: transparent;
}
.collapse .el-collapse-item__content {
  padding-bottom: 0 !important;
}
.collapse .module-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  display: flex;
  align-items: center;
  width: 100%;
}
.collapse .module-title img {
  margin-right: 20px;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.collapse .module-title .el-icon-lock {
  color: #8F9AA4;
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
}
.collapse .module-title .locked-status {
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  color: #8F9AA4;
  margin-left: auto;
  font-weight: normal;
  margin-right: 28px;
}
.collapse .module-title .circle-status {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-left: auto;
  margin-right: 28px;
}
.collapse .module-title .circle-status.success {
  background: #2dc6b6;
}
.collapse .module-title .circle-status.paused {
  background: #F1A739;
}
.collapse .grid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1660px) {
.collapse .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1400px) {
.collapse .grid {
    grid-template-columns: 1fr 1fr 1fr;
}
}
.collapse.mobile .grid {
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.collapse.mobile .module-title {
  font-size: 12px;
  line-height: 16px;
}
.collapse.mobile .module-title img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.collapse.mobile .module-title .circle-status {
  width: 16px;
  height: 16px;
  font-size: 8px;
  margin-right: 16px;
}
.collapse.mobile .module-title .locked-status {
  display: none;
}


.feedback-button[data-v-13886992] {
  background: #2dc6b6;
  border-radius: 10px;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.feedback-button .thumbs-up[data-v-13886992] {
  position: absolute;
  opacity: 0.2;
  height: 124%;
  left: -8px;
  bottom: -8px;
  z-index: 0;
}
.feedback-button.mobile .thumbs-up[data-v-13886992] {
  height: 100%;
  bottom: -4px;
}
.feedback-button .heart-white[data-v-13886992] {
  position: absolute;
  z-index: 0;
  right: 104px;
  height: 124%;
  opacity: 0.2;
  transform: rotate(24deg);
  bottom: -12px;
}
.feedback-button.mobile .heart-white[data-v-13886992] {
  right: 72px;
  height: 100%;
}
.feedback-button .star-1[data-v-13886992] {
  position: absolute;
  left: 0;
  top: 0;
}
.feedback-button .star-2[data-v-13886992] {
  position: absolute;
  bottom: 0;
  right: 60px;
}
.feedback-button .text[data-v-13886992] {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
.feedback-button .hide-btn[data-v-13886992] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
}
.feedback-button.mobile[data-v-13886992] {
  padding: 8px 16px;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -45px;
  margin-right: -20px;
  margin-bottom: -16px;
}
.feedback-button.mobile .text[data-v-13886992],
.feedback-button.mobile .hide-btn[data-v-13886992] {
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}


.marks[data-v-230ae065] {
  margin: 22px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 8px;
}
.mark-btn[data-v-230ae065] {
  display: flex;
  width: 36px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #2dc6b6;
  border-radius: 50%;
  cursor: pointer;
  outline: 0;
  transform: scale(1) rotate(16deg);
}
.mark-btn img[data-v-230ae065] {
  transform: rotate(-16deg);
}
.mark-btn.selected[data-v-230ae065] {
  background: #2dc6b6;
}

/*.mark-btn:hover {
  transform: scale(1.03) rotate(16deg);
}

.mark-btn:active {
  transform: scale(1) rotate(16deg);
}*/
.mark-btn[data-v-230ae065]:disabled {
  pointer-events: none;
  opacity: 0.7;
  cursor: not-allowed;
}


.main[data-v-797567e8] {
  padding: 20px 20px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.main .thumbs-up[data-v-797567e8] {
  position: absolute;
  opacity: 0.2;
  left: -10px;
  top: 10px;
  z-index: 0;
}
.main .heart-white[data-v-797567e8] {
  position: absolute;
  opacity: 0.2;
  bottom: 0;
  right: 16px;
}
.main.green[data-v-797567e8] {
  background: #2dc6b6;
}
.main .text[data-v-797567e8] {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #383838;
  flex: none;
  margin-bottom: -6px;
  text-align: center;
}
.main.green .text[data-v-797567e8] {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.main.green.mobile .text[data-v-797567e8] {
  font-weight: 600;
  font-size: 14px;
}


.link[data-v-a189e540] {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 12px 16px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 20px 1fr 20px;
  background: #f7fafe;
  border-radius: 5px;
  cursor: pointer;
  align-items: center;
}
.link img[data-v-a189e540] {
  width: 20px;
}
.link.mobile  img[data-v-a189e540] {
  width: 15px;
}
.link .text[data-v-a189e540] {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #383838;
  transition: color 70ms;
}
.link.mobile .text[data-v-a189e540] {
  font-size: 12px;
  line-height: 16px;
}
.link .arrow[data-v-a189e540] {
  color: #383838;
  transition: color 70ms;
}
.link:hover .arrow[data-v-a189e540],
.link:hover .text[data-v-a189e540] {
  color: #2dc6b6;
}


.thanks[data-v-a7ad42f8] {
  position: relative;
  padding: 24px 20px 20px;
  background: #fff;
  border-radius: 10px;
}
.hide-btn[data-v-a7ad42f8] {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgb(99 99 99 / 70%);
  background: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  position: absolute;
  right: 12px;
  top: 12px;
}
.thanks-word[data-v-a7ad42f8] {
  margin-top: 16px;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}
.thanks.mobile .thanks-word[data-v-a7ad42f8] {
  font-size: 16px;
  line-height: 24px;
}
.thanks-desc[data-v-a7ad42f8] {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  margin: 8px 0px;
  text-align: center;
}
.thanks.mobile .thanks-desc[data-v-a7ad42f8] {
  font-size: 12px;
  line-height: 20px;
}
.heart[data-v-a7ad42f8] {
  display: block;
  width: 50px;
  margin: 0 auto;
}
.info-block[data-v-a7ad42f8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.info[data-v-a7ad42f8] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #383838;
  cursor: pointer;
  transition: color 70ms;
}
.thanks.mobile .info[data-v-a7ad42f8] {
  font-size: 12px;
}
.info[data-v-a7ad42f8]:hover {
  color: #2dc6b6;
}
.info i.info-svg[data-v-a7ad42f8] {
  background-image: url(../img/Icon_info-hover.2356c255.svg);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-size: 20px;
  margin-right: 8px;
}
.back[data-v-a7ad42f8] {
  padding: 6px 12px;
  cursor: pointer;
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #2dc6b6;
  transition: all 70ms;
  background: transparent;
  border: 1px solid #2dc6b6;
  border-radius: 5px;
}
.back[data-v-a7ad42f8]:hover {
  background: #2dc6b6;
  color: #fff;
}
.back .arrow[data-v-a7ad42f8] {
  margin-right: 14px;
}


.info[data-v-fc74b9a2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.title[data-v-fc74b9a2] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #383838;
}
.mobile .title[data-v-fc74b9a2] {
  font-size: 12px;
}
.steps[data-v-fc74b9a2] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #7f848d;
}
.mobile .steps[data-v-fc74b9a2] {
  font-size: 12px;
}
.pro-box[data-v-fc74b9a2] {
  background: #dce4ed;
  border-radius: 3px;
  height: 3px;
}
.thub[data-v-fc74b9a2] {
  height: 100%;
  width: 0;
  background: #2dc6b6;
  border-radius: 3px;
}


.detailed[data-v-ba133e2a] {
  padding: 24px 20px 20px;
  background: #fff;
  border-radius: 10px;
}
.text[data-v-ba133e2a] {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #383838;
  margin-bottom: 20px;
}
.detailed.mobile .text[data-v-ba133e2a] {
  font-size: 14px;
  line-height: 20px;
}
.sub-text[data-v-ba133e2a] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #383838;
  margin-bottom: 10px;
}
.detailed.mobile .sub-text[data-v-ba133e2a] {
  font-size: 12px;
}
.tags[data-v-ba133e2a] {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  margin-bottom: 10px;
}
.tags > button[data-v-ba133e2a] {
  padding: 4px 8px;
  margin: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #383838;
  border-radius: 4px;
  border: 1px solid #2dc6b6;
  cursor: pointer;
  outline: 0;
  background: transparent;
  transition: color 70ms;
}
.detailed.mobile .tags > button[data-v-ba133e2a] {
  font-size: 9px;
  line-height: 12px;
}
.tags > button[data-v-ba133e2a]:hover {
  color: #2dc6b6;
}
.marks-box[data-v-ba133e2a] {
  display: flex;
  justify-content: center;
}
.textarea[data-v-ba133e2a] {
  margin-bottom: 20px;
}
.detailed.mobile .textarea[data-v-ba133e2a] {
  font-size: 12px;
}
.controls[data-v-ba133e2a] {
  display: flex;
  align-items: center;
}
.back-btn[data-v-ba133e2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border:  1px solid #2dc6b6;
  color: #2dc6b6;
  margin-right: 12px;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  border-radius: 5px;
  background: #fff;
  height: 40px;
  width: 40px;
}
.next-btn[data-v-ba133e2a] {
  cursor: pointer;
  flex-grow: 1;
  padding: 7px 16px;
  background: #2dc6b6;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  border: none;
  outline: 0;
}
.back-btn[data-v-ba133e2a]:disabled,
.next-btn[data-v-ba133e2a]:disabled,
.tags > button[data-v-ba133e2a]:disabled {
  pointer-events: none;
  opacity: 0.7;
  cursor: not-allowed;
}


.feedback-modal[data-v-09195a4b] {
}
.head[data-v-09195a4b] {
  padding: 20px 20px 0;
  color: #dadada;
  display: flex;
  justify-content: flex-end;
  margin-bottom: -8px;
}
.head i[data-v-09195a4b] {
  cursor: pointer;
  font-size: 18px;
}
.green-btn[data-v-09195a4b] {
  cursor: pointer;
  flex-grow: 1;
  padding: 7px 16px;
  background: #2dc6b6;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  border: none;
  outline: 0;
  width: calc(100% - 40px);
  margin: 0 20px 20px;
}


.feedback[data-v-37770d6f] {
  margin: 40px 0;
}


.hw_content table,
.hw_content table tr,
.hw_content table td {
  border: 1px solid #c6c6c6;
}
.hw_content table {
  table-layout: fixed;
}
.hw_content table td {
  padding: 4px 8px;
  height: inherit !important;
  vertical-align: top;
  height: initial !important;
}
.home_work_mob .hw_content table {
  width: 100% !important;
}
.hw_content span.homework-underscore-text,
.hw_content span.homework-underscore-input {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: 0;
  caret-color: #2dc6b6;
  min-width: 100px;
  border-bottom: 1px solid #2dc6b6;
  cursor: text;
  font-size: 16px;
  color: #2b394c;
  display: inline-block;
  min-height: 22px !important;
  width: inherit !important;
  height: inherit !important;
  max-width: 100%;
  color: #2dc6b6;
  font-weight: 600;
}
.hw_content table span.homework-underscore-input {
  min-width: 100%;
}
.hw_content span.homework-underscore-text.err,
.hw_content span.homework-underscore-input.err {
  border-color: #ff564a;
}
.hw_content span.homework-underscore-text {
  display: block;
  border: 1px solid #2dc6b6;
  border-radius: 4px;
  padding: 4px 8px;
  min-height: 66px !important;
}
.hw_content input.homework-checkbox-input {
  accent-color: #2dc6b6;
  width: 16px;
  height: 16px;
}


.reset {
  width: 100%;
}
.reset body {
    font: 9pt/1.5em sans-serif;
}
.reset pre,
  .reset code,
  .reset tt {
    font: 1em/1.5em "Andale Mono", "Lucida Console", monospace;
}
.reset h1,
  .reset h2,
  .reset h3,
  .reset h4,
  .reset h5,
  .reset h6,
  .reset b,
  .reset strong {
    font-weight: bold;
}
.reset em,
  .reset i,
  .reset dfn {
    font-style: italic;
}
.reset dfn {
    font-weight: bold;
}
.reset p,
  .reset code,
  .reset pre,
  .reset kbd {
    margin: 0 0 1.5em 0;
}
.reset blockquote {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset cite {
    font-style: italic;
}
.reset li ul,
  .reset li ol {
    margin: 0 1.5em;
}
.reset ul,
  .reset ol {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset ul {
    list-style-type: disc;
}
.reset ol {
    list-style-type: decimal;
}
.reset ol ol {
    list-style: upper-alpha;
}
.reset ol ol ol {
    list-style: lower-roman;
}
.reset ol ol ol ol {
    list-style: lower-alpha;
}
.reset dl {
    margin: 0 0 1.5em 0;
}
.reset dl dt {
    font-weight: bold;
}
.reset dd {
    margin-left: 1.5em;
}
.reset table {
    margin-bottom: 1.4em;
    width: 100%;
}
.reset th {
    font-weight: bold;
}
.reset th,
  .reset td,
  .reset caption {
    padding: 4px 10px 4px 5px;
}
.reset tfoot {
    font-style: italic;
}
.reset sup,
  .reset sub {
    line-height: 0;
}
.reset abbr,
  .reset acronym {
    border-bottom: 1px dotted;
}
.reset address {
    margin: 0 0 1.5em;
    font-style: italic;
}
.reset del {
    text-decoration: line-through;
}
.reset pre {
    margin: 1.5em 0;
    white-space: pre;
}
.reset img.centered,
  .reset .aligncenter,
  .reset div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.reset img.alignright {
    display: inline;
}
.reset img.alignleft {
    display: inline;
}
.reset .alignright {
    float: right;
    margin-left: 10px;
}
.reset .alignleft {
    float: left;
    margin-right: 10px;
}
.reset img {
    max-width: 100%;
}
.reset * html .clearfix {
    height: 1%;
}
.reset * + html .clearfix {
    display: inline-block;
}
.reset .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset * html .group {
    height: 1%;
}
.reset * + html .group {
    display: inline-block;
}
.reset .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.diet-link {
  text-align: center;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 15px;
  display: block;
}
.diet-link.mobile {
  font-size: 13px !important;
  margin-bottom: 15px;
  margin-top: -5px;
}


.el-collapse-item .el-collapse-item__header {
    font-weight: bold;
}
.el-collapse-item.red .el-collapse-item__header {
    color: #742a2a;
    background: #fed7d7;
}
.el-collapse-item.yellow .el-collapse-item__header {
    color: #742a2a;
    background: #fefcbf;
}
.el-collapse-item.blue .el-collapse-item__header {
    color: #2a4365;
    background: #bee3f8;
}
.el-collapse-item.green .el-collapse-item__header {
    color: #22543d;
    background: #c9eada;
}



.block-select-course {
  margin-bottom: 20px;
  padding: 25px 20px !important;
  padding-left: 105px !important;
}
.desc-select-course {
  margin-bottom: 15px;
}


.green_ok[data-v-ae0907ca] {
  background: #2dc6b6;
  color: white;
  padding: 10px 20px;
  text-align: center;
  border-radius: 5px;
}


.error_mes[data-v-a914198c] {
  color: white;
  text-align: center;
  background: #f56c6c;
  font-size: 1.5rem;
  margin-bottom: 30px;
}


.breadcrumbs-head {
  margin-bottom: 20px;
}


.pay-btn-w60 {
  min-width: 60%;
}
.month-tabs .el-tabs__active-bar {
  background-color: #2dc6b6;
}
.month-tabs .el-tabs__item {
  font-weight: 600;
}
.month-tabs .el-tabs__item.is-active {
  font-weight: 700;
}
.month-tabs .el-tabs__item.is-active,
.month-tabs .el-tabs__item:hover {
  color: #2dc6b6;
}


.date-picker-body[data-v-6e04f24b] {
  padding: 16px 20px;
}
.buttons-grid-body[data-v-6e04f24b] {
  height: 269px;
}
.buttons-grid[data-v-6e04f24b] {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  align-items: flex-start;
  padding: 10px 0;
}
.date-picker-footer[data-v-6e04f24b] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.sub-info[data-v-6e04f24b] {
  width: 100%;
}
.exam_item.mobile .sub-info[data-v-6e04f24b] {
  font-size: 12px;
}


.reset {

  width: 100%;
}
.reset body {
    font: 9pt/1.5em sans-serif;
}
.reset pre,
  .reset code,
  .reset tt {
    font: 1em/1.5em "Andale Mono", "Lucida Console", monospace;
}
.reset h1,
  .reset h2,
  .reset h3,
  .reset h4,
  .reset h5,
  .reset h6,
  .reset b,
  .reset strong {
    font-weight: bold;
}
.reset em,
  .reset i,
  .reset dfn {
    font-style: italic;
}
.reset dfn {
    font-weight: bold;
}
.reset p,
  .reset code,
  .reset pre,
  .reset kbd {
    margin: 0 0 1.5em 0;
}
.reset blockquote {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset cite {
    font-style: italic;
}
.reset li ul,
  .reset li ol {
    margin: 0 1.5em;
}
.reset ul,
  .reset ol {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset ul {
    list-style-type: disc;
}
.reset ol {
    list-style-type: decimal;
}
.reset ol ol {
    list-style: upper-alpha;
}
.reset ol ol ol {
    list-style: lower-roman;
}
.reset ol ol ol ol {
    list-style: lower-alpha;
}
.reset dl {
    margin: 0 0 1.5em 0;
}
.reset dl dt {
    font-weight: bold;
}
.reset dd {
    margin-left: 1.5em;
}
.reset table {
    margin-bottom: 1.4em;
    width: 100%;
}
.reset th {
    font-weight: bold;
}
.reset th,
  .reset td,
  .reset caption {
    padding: 4px 10px 4px 5px;
}
.reset tfoot {
    font-style: italic;
}
.reset sup,
  .reset sub {
    line-height: 0;
}
.reset abbr,
  .reset acronym {
    border-bottom: 1px dotted;
}
.reset address {
    margin: 0 0 1.5em;
    font-style: italic;
}
.reset del {
    text-decoration: line-through;
}
.reset pre {
    margin: 1.5em 0;
    white-space: pre;
}
.reset img.centered,
  .reset .aligncenter,
  .reset div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.reset img.alignright {
    display: inline;
}
.reset img.alignleft {
    display: inline;
}
.reset .alignright {
    float: right;
    margin-left: 10px;
}
.reset .alignleft {
    float: left;
    margin-right: 10px;
}
.reset img {
    max-width: 100%;
}
.reset * html .clearfix {
    height: 1%;
}
.reset * + html .clearfix {
    display: inline-block;
}
.reset .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset * html .group {
    height: 1%;
}
.reset * + html .group {
    display: inline-block;
}
.reset .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset .ck-dropdown__panel {
    top: auto !important;
    bottom: 100% !important;
}
.exam-q-files {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  flex-wrap: wrap;
}
.file-control-grid {
  display: grid !important;
  grid-template-columns: 208px 1fr;
  flex: auto !important;
  align-items: center;
}


.reset {

  width: 100%;
}
.reset body {
    font: 9pt/1.5em sans-serif;
}
.reset pre,
  .reset code,
  .reset tt {
    font: 1em/1.5em "Andale Mono", "Lucida Console", monospace;
}
.reset h1,
  .reset h2,
  .reset h3,
  .reset h4,
  .reset h5,
  .reset h6,
  .reset b,
  .reset strong {
    font-weight: bold;
}
.reset em,
  .reset i,
  .reset dfn {
    font-style: italic;
}
.reset dfn {
    font-weight: bold;
}
.reset p,
  .reset code,
  .reset pre,
  .reset kbd {
    margin: 0 0 1.5em 0;
}
.reset blockquote {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset cite {
    font-style: italic;
}
.reset li ul,
  .reset li ol {
    margin: 0 1.5em;
}
.reset ul,
  .reset ol {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset ul {
    list-style-type: disc;
}
.reset ol {
    list-style-type: decimal;
}
.reset ol ol {
    list-style: upper-alpha;
}
.reset ol ol ol {
    list-style: lower-roman;
}
.reset ol ol ol ol {
    list-style: lower-alpha;
}
.reset dl {
    margin: 0 0 1.5em 0;
}
.reset dl dt {
    font-weight: bold;
}
.reset dd {
    margin-left: 1.5em;
}
.reset table {
    margin-bottom: 1.4em;
    width: 100%;
}
.reset th {
    font-weight: bold;
}
.reset th,
  .reset td,
  .reset caption {
    padding: 4px 10px 4px 5px;
}
.reset tfoot {
    font-style: italic;
}
.reset sup,
  .reset sub {
    line-height: 0;
}
.reset abbr,
  .reset acronym {
    border-bottom: 1px dotted;
}
.reset address {
    margin: 0 0 1.5em;
    font-style: italic;
}
.reset del {
    text-decoration: line-through;
}
.reset pre {
    margin: 1.5em 0;
    white-space: pre;
}
.reset img.centered,
  .reset .aligncenter,
  .reset div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.reset img.alignright {
    display: inline;
}
.reset img.alignleft {
    display: inline;
}
.reset .alignright {
    float: right;
    margin-left: 10px;
}
.reset .alignleft {
    float: left;
    margin-right: 10px;
}
.reset img {
    max-width: 100%;
}
.reset * html .clearfix {
    height: 1%;
}
.reset * + html .clearfix {
    display: inline-block;
}
.reset .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset * html .group {
    height: 1%;
}
.reset * + html .group {
    display: inline-block;
}
.reset .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset .ck-dropdown__panel {
    top: auto !important;
    bottom: 100% !important;
}


.personal_data.data_elements[data-v-d862d0a8] {
  padding-top: 10px;
  padding-bottom: 20px;
}


.edit-value-input[data-v-08a02528]:disabled {
  background: #e6e6e6;
}
.edit-value-input.error[data-v-08a02528] {
  box-shadow: 0 0 0 1px #f56c6c inset;
  border-color: #f56c6c;
}
.data-citizenship[data-v-08a02528] {
  width: 100%;
  position: relative;
}
.citizenship-list[data-v-08a02528] {
  position: absolute;
  top: 42px;
  background: #fff;
  z-index: 100;
  border-radius: 4px;
  overflow-y: auto;
  max-height: 208px;
  width: 100%;
  box-shadow: 0 1.17px 2px rgba(0, 0, 0, 0.0196802), 0 1.4px 5px rgba(0, 0, 0, 0.03), 0 2px 10px rgba(0, 0, 0, 0.03), 0 2px 18px rgba(0, 0, 0, 0.04), 0 9px 33px rgba(0, 0, 0, 0.03);
}
.citizenship-list .citizenship-list-item[data-v-08a02528] {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.citizenship-list .citizenship-list-item[data-v-08a02528]:hover {
  background: #F5F7FA;
}


.file-list[data-v-a8ed893c] {
  padding-top: 20px;
}
.delete-btn[data-v-a8ed893c] {
  cursor: pointer;
}
.invalid-feedback[data-v-a8ed893c] {
  color: red;
  font-weight: 600;
  font-size: 12px;
}


.personal_data.data_elements[data-v-e79a5c1e] {
  padding-top: 10px;
  padding-bottom: 20px;
}


.personal_data.data_elements[data-v-62ede3e8] {
  padding-top: 10px;
  padding-bottom: 20px;
}
.offert-chekbox[data-v-62ede3e8] {
  margin-top: 15px;
}


.tip[data-v-00b62b6c] {
  padding: 15px 20px 25px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #FEF8ED;
  box-shadow: 0px 8px 18px -1px rgba(188,188,188,0.16863);
}
.tip p[data-v-00b62b6c] {
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.7;
}
.tip li[data-v-00b62b6c] {
  line-height: 1.7;
  align-items: baseline;
  display: grid;
  grid-template-columns: 6px 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.tip li[data-v-00b62b6c]:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2b394c;
}


.edo-controls {
  margin-top: 48px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
  flex-wrap: wrap;
}
.edo-controls > div {
  display: flex;
  align-items: center;
}
.edo-controls.mobile button,
.edo-controls.mobile > div {
  width: 100%;
}
.edo-controls .skip-reg-btn {
  background: transparent;
  color: #575757;
  padding: 14px 28px 14px;
  border: 2px solid transparent;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}
.edo-controls .skip-reg-btn:hover {
  background: #f1f1f1;
}
.offert-chekbox {
  display: flex;
  align-items: baseline;
}
.offert-chekbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #2dc6b6;
}
.offert-chekbox .el-checkbox__label {
  white-space: normal;
  display: inline;
}
.offert-chekbox .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #2dc6b6;
  border-color: #2dc6b6;
}
.edo-controls .personal_data__btn_green {
  margin-left: 0 !important;
}
.personal_data.data_elements.ddata-block .h4 {
  font-weight: 600;
  margin: 30px 0 0;
}
.personal_data.data_elements.ddata-block {
  display: block;
}
.personal_data.data_elements.ddata-block.show {
  display: block;
}


.education-type-select {
  width: 100%;
}
.education-type-select input {
  border: 1px solid #b4cab3 !important;
  background: white;
  border-radius: 5px;
  padding: 10px 10px;
  box-sizing: border-box;
  outline: none;
  font-size: 14px;
}
.el-input__inner {
  border: 1px solid #b4cab3 !important;
}
.el-select.error input{
  box-shadow: 0 0 0 1px #f56c6c inset !important;
  border-color: #f56c6c !important;
}
.el-autocomplete.error input{
  box-shadow: 0 0 0 1px #f56c6c inset !important;
  border-color: #f56c6c !important;
}
.education-type-select input:focus {
  box-shadow: 0 0 0px 1px #b4cab3;
}
.el-select-dropdown.el-popper .el-select-dropdown__item.selected {
  color: #2dc6b6 !important;
}
.el-step.is-center .el-step__line {
  left: 53%;
  right: -47%;
  background: #d7d7d7;
  height: 4px;
}
.el-step__icon.is-text {
  background: #d7d7d7;
  border: 2px solid #d7d7d7;
  outline: 4px solid #fff;
}
.el-step__head.is-success .el-step__icon.is-text {
  background: #2dc6b6;
  border: 2px solid #2dc6b6;
}
.el-step__head.is-success .el-step__line {
  background: #2dc6b6;
}
.el-step__head.is-success .el-step__line-inner {
  border-color: #2dc6b6;
  /* border-width: 2px !important; */
}
.el-step__title {
  color: #d7d7d7;
  font-weight: bold;
}
.el-step__title.is-success {
  color: #2dc6b6;
}
.el-step__icon-inner {
  display: none;
}
.el-step__head.is-success .el-step__icon-inner {
  display: block;
}
.el-step__icon-inner.is-status.el-icon-check:before {
  content: '';
  background-image: url(../img/check.a6ebd571.svg);
  display: flex;
  width: 12px;
  height: 15px;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-filter: brightness(1000%);
          filter: brightness(1000%);
}


.calendar-container-btnn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}


.event {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 14px 20px 14px 12px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 100px 1fr 200px;
  align-items: center;
  margin-bottom: 5px;
}
.event img {
  width: 100px;
  height: 70px;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}
.event h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
  margin: 0;
  margin-bottom: 18px;
}
.event span.on {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #FF564A;
  border-radius: 3px;
  padding-left: 18px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
}
.event span.on:before {
  content: '';
  display: block;
  background: #FFFFFF;
  border-radius: 50px;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 6px;
  top: 6px;
}
.event.mobile {
  grid-template-columns: 100px 1fr;
}
.event.mobile img {
  height: 60px;
}
.event.mobile h2 {
  font-size: 10px;
  line-height: 14px;
}
.event.mobile span.on {
  font-size: 8px;
  line-height: 11px;
}
.event.mobile span.on:before {
  width: 7px;
  height: 7px;
  top: 4px;
}
.event span.date {
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  color: #000;
}
.event.mobile span.date {
  font-size: 10px;
}
.event.mobile .btn {
  display: none;
}


.last {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 10px 16px 10px 10px;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: auto 1fr 232px;
  align-items: center;
  margin-bottom: 30px;
}
.last img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.last h2 {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #333C4D;
  margin: 0;
}
.last h4 {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #2dc6b6;
  margin: 0;
}
.last .btn {
  display: flex;
  align-items: center;
  padding: 9px 16px 9px 18px !important;
}
.last .btn i {
  margin-right: 8px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: -2px;
}
.last.mobile {
  grid-gap: 8px;
  grid-template-columns: 30px 1fr;
}
.last.mobile img {
  width: 30px;
  height: 30px;
}
.last.mobile h2 {
  font-size: 12px;
  line-height: 16px;
}
.last.mobile h4 {
  font-size: 10px;
  line-height: 14px;
}
.last.mobile .btn {
  display: none;
}


.category {
  padding: 16px;
  padding-top: 20px;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
}
.category h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
  margin: 0;
  height: 50px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.category p {
  font-size: 14px;
  line-height: 22px;
  color: #333C4D;
  margin-top: 12px;
  margin-bottom: 38px;
  height: 66px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.category .footer {
  display: grid;
  align-items: center;
  grid-column-gap: 14px;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.category .footer .progress {
  font-size: 12px;
  line-height: 16px;
  color: #383838;
}
.category .footer .el-progress-bar {
  padding-right:  0;
  margin-right: 0;
}
.category .footer .el-progress__text {
  display: none;
}
.category .btn {
  height: 40px;
}
.category .success {
  font-size: 12px;
  line-height: 16px;
  color: #2dc6b6;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.category .success span {
  background: #2dc6b6;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
}
.category .lock-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 10px;
  background: rgba(219, 229, 241, 0.9);
  z-index: 1;
  padding: 20px;
}
.category .lock-box .lock-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  border: 1px solid white;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #383838;
  text-align: center;
}
.category .lock-box .lock-content i {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #231F20;
}
.category.mobile {
  padding: 10px;
  padding-top: 15px;
}
.category.mobile h3 {
  font-size: 10px;
  line-height: 14px;
  -webkit-line-clamp: 3;
  height: 44px;
  margin-bottom: 28px;
}
.category.mobile p {
  display: none;
}
.category.mobile .footer {
  display: flex;
  flex-direction: column-reverse;
}
.category.mobile .footer > div {
  width: 100%;
}
.category.mobile .success {
  height: 29px;
  width: 100%;
  font-size: 10px;
  line-height: 14px;
}
.category.mobile .footer .progress {
  font-size: 10px;
  line-height: 14px;
}
.category.mobile .success span {
  width: 16px;
  height: 16px;
  font-size: 8px;
}
.category.mobile .footer .btn {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}
.category.mobile .lock-box {
  padding: 4px;
}
.category.mobile .lock-box .lock-content {
  font-size: 10px;
  line-height: 14px;
}


.collapse {
  border-top:  none;
}
.collapse .el-collapse-item__header {
  height: 72px;
  background: transparent;
}
.collapse .el-collapse-item__arrow {
  margin-right: 0;
  font-size: 18px;
  font-weight: bold;
}
.collapse .el-collapse-item__wrap {
  background: transparent;
}
.collapse .el-collapse-item__content {
  padding-bottom: 16px;
}
.collapse .module-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  display: flex;
  align-items: center;
  width: 100%;
}
.collapse .module-title img {
  margin-right: 20px;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.collapse .module-title .el-icon-lock {
  color: #8F9AA4;
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
}
.collapse .module-title .locked-status {
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  color: #8F9AA4;
  margin-left: auto;
  font-weight: normal;
  margin-right: 28px;
}
.collapse .module-title .circle-status {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-left: auto;
  margin-right: 28px;
}
.collapse .module-title .circle-status.success {
  background: #2dc6b6;
}
.collapse .module-title .circle-status.paused {
  background: #F1A739;
}
.collapse .grid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1660px) {
.collapse .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1400px) {
.collapse .grid {
    grid-template-columns: 1fr 1fr 1fr;
}
}
.collapse.mobile .grid {
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.collapse.mobile .module-title {
  font-size: 12px;
  line-height: 16px;
}
.collapse.mobile .module-title img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.collapse.mobile .module-title .circle-status {
  width: 16px;
  height: 16px;
  font-size: 8px;
  margin-right: 16px;
}
.collapse.mobile .module-title .locked-status {
  display: none;
}


.leaning-class-new h1 {
  margin-bottom: 32px;
  color: #2b394c;
  font-size: 2rem;
  line-height: 1.15;
  display: flex;
  align-items: center;
}
.leaning-class-new .calendar-btn {
  margin-left: 40px;
  height: 40px;
}
.leaning-class-new .switch {
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.leaning-class-new.mobile h1 {
  font-size: 16px;
  line-height: 22px;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.leaning-class-new.mobile h1 > span {
  width: calc(100% - 110px);
}
.leaning-class-new.mobile .calendar-btn {
  margin-left: auto;
  margin-bottom: -31px;
  font-size: 12px;
  line-height: 16px;
}
.leaning-class-new.mobile .switch {
  margin-bottom: 15px;
}
.leaning-class-new.mobile .switch span {
  font-size: 12px;
}


.back-module-btn {
  display: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #8F9AA4;
  margin-right: auto;
  padding: 8px 8px 8px 10px;
  background: transparent;
  border: none;
  border-radius: 5px;
}
.back-module-btn > span {
  margin-left: 8px;
}
.back-module-btn.mobile {
  display: block;
}


.category-list .breadcrumbs-head {
  display: grid;
  grid-template-columns: 1fr 230px;
  grid-gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
.category-list .breadcrumbs-head .switch {
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.category-list.mobile .breadcrumbs-links {
  display: none;
}
.category-list.mobile .switch span {
  font-size: 12px;
}
.category-list.mobile .breadcrumbs-head {
  grid-template-columns: 80px 1fr;
}


.lessons-list-item-difficulty {
  display: grid;
  align-items: center;
  grid-template-columns: 14px 1fr;
  grid-gap: 6px;
}
.lessons-list-item-difficulty .icon {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.lessons-list-item-difficulty .icon > div {
  width: 2px;
  background: #E2E5E7;
}
.lessons-list-item-difficulty .label {
  font-size: 14px;
  line-height: 19px;
  color: #333C4D;
}
.lessons-list-item-difficulty .label .level {
  color: #8F9AA4;
  font-weight: 600;
}
.lessons-list-item-difficulty {
  grid-gap: 8px;
}
.lessons-list-item-difficulty.mobile .text {
  display: none;
}
.lessons-list-item-difficulty.mobile .label {
  font-size: 10px;
  line-height: 14px;
}


.lessons-list-item-tags {
  display: inline-block;
}
.lessons-list-item-tags.mobile {
  display: block;
  margin-top: 10px;
}
.lessons-list-item-tags.delimiter:not(.mobile) {
  border-left: 1px solid #dadada;
  margin-left: 10px;
  padding-left: 10px;
}
.lessons-list-item-tags .tag-item {
  font-size: 13px;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 2px;
  border: 2px solid #7f848d;
  border-radius: 5px;
}
.lessons-list-item-tags.mobile .tag-item {
  font-size: 10px;
  padding: 2px 4px;
}



.item-image-wrapper {
  background: #eff8f2;
  border-radius: 10px;
  padding: 10px;

  display: flex;
  justify-content: center;
}
.lessons-list-item-box {
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 14px;
}
.lessons-list-item {
    padding: 14px 20px 14px 12px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 100px 1fr 280px;
    align-items: center;
}
.lessons-list-item img {
    width: 100px;
    height: 70px;
    border-radius: 5px;
    -o-object-fit: contain;
       object-fit: contain;
}
.lessons-list-item img.img-locked {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.lessons-list-item .head {
    margin-bottom: 14px;
}
.lessons-list-item .head .el-icon-lock {
    color: #8F9AA4;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}
.lessons-list-item.mobile .head .el-icon-lock {
    font-size: 12px;
}
.lessons-list-item .lock-message {
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    color: #8F9AA4;
    margin-left: auto;
    font-weight: normal;
}
.lessons-list-item.mobile .lock-message {
    display: none;
}
.lessons-list-item .timer-repeat {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #8F9AA4;
    text-align: right;
    width: 130px;
    margin-left: auto;
}
.lessons-list-item .timer-repeat span {
    color: #383838;
}
.lessons-list-item .timer-repeat.mobile {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    display: none;
    margin-left: 0;
    text-align: left;
    width: 100%;
    margin-top: -9px;
    margin-bottom: 13px;
}
.lessons-list-item.mobile .timer-repeat.desktop {
    display: none;
}
.lessons-list-item.mobile .timer-repeat.mobile {
    display: block;
}
.lessons-list-item .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #383838;
}
.lessons-list-item .status {
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-left: 16px;
}
.lessons-list-item .status.mobile {
    display: none;
}
.lessons-list-item .status.good {
    color: #2dc6b6;
    background: #EFF8F2;
}
.lessons-list-item .status.check {
    color: #5071E8;
    background: rgba(80, 113, 232, 0.1);
}
.lessons-list-item .status.bad {
    color: #FF564A;
    background: rgba(255, 86, 74, 0.1);
}
.lessons-list-item .status.progress {
    color: #383838;
    background: rgba(56, 56, 56, 0.1);
}
.lessons-list-item .btn {
    margin-left: auto;
}
.lessons-list-item.mobile .btn {
    display: none;
}
.lessons-list-item.mobile .status.desktop {
    display: none;
}
.lessons-list-item.mobile .status.mobile {
    display: block;
    font-size: 8px;
    line-height: 11px;
    margin-left: auto;
}
.lessons-list-item.desktop .status.mobile {
    display: none;
}
.lessons-list-item.mobile img {
    height: 60px;
    width: 90px;
}
.lessons-list-item.mobile {
    padding: 10px;
    grid-template-columns: 90px 1fr;
}
.lessons-list-item.mobile .title {
    font-size: 10px;
    line-height: 14px;
}
.lessons-list-item .difficulty {
    display: inline-block;
}
.lessons-list-item.mobile .difficulty {
    display: grid;
    grid-gap: 8px;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
}


.lessons-list .breadcrumbs-head {
  display: grid;
  grid-template-columns: 1fr 230px;
  grid-gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
.lessons-list .breadcrumbs-head .switch {
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.lessons-list .title-page {
  display: none;
}
.lessons-list.mobile .title-page {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  display: block;
  margin-bottom: 16px;
}
.lessons-list.mobile .breadcrumbs-links {
  display: none;
}
.lessons-list.mobile .switch span {
  font-size: 12px;
}
.lessons-list.mobile .breadcrumbs-head {
  grid-template-columns: 80px 1fr;
}
.collapse {
  margin-top: 48px;
}
.collapse.mobile {
  margin-top: 24px;
}
.collapse .bonus-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
}
.collapse.mobile .bonus-title {
  font-size: 16px;
  line-height: 22px;
}


.audio-player[data-v-15e3c4b4] {
  background: #FFFFFF;
  border-radius: 5px;
}
.audio-player + .audio-player[data-v-15e3c4b4] {
  margin-top: 10px;
}
.audio-main[data-v-15e3c4b4] {
  display: flex;
  align-items: center;
  padding: 10px;
}
.audio-play[data-v-15e3c4b4] {
  width: 28px;
  height: 28px;
  background: #2dc6b6;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio-middle-box[data-v-15e3c4b4] {
  flex-grow: 1;
  margin-left: 8px;
  margin-right: 16px;
}
.audio-title[data-v-15e3c4b4] {
  overflow: hidden;
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #333C4D;
  margin-bottom: -5px;
}
.audio-time-box[data-v-15e3c4b4] {
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  height: 14px;
  color: #AEB7C2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.audio-time[data-v-15e3c4b4]:last-child {
  text-align: right;
}
.audio-volume[data-v-15e3c4b4] {
  cursor: pointer;
  width: 70px;
  padding: 7px 0;
  margin-top: -5px;
}
.track-box[data-v-15e3c4b4] {
  position: relative;
}
.track-box-progress[data-v-15e3c4b4] {
  position: absolute;
  left: 0;
  top: 12px;
  background: #2dc6b6;
  border-radius: 2px;
  height: 2px;
}
.track[data-v-15e3c4b4] {
  margin: 0;
  width: 100%;
}
.track[data-v-15e3c4b4] {
  webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  height: 2px;
  outline: none;
  transition: opacity .2s;
  background: #E7E8EC;
  border-radius: 2px;
}
.track[data-v-15e3c4b4]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 6px; /* Set a specific slider handle width */
  height: 6px; /* Slider handle height */
  background: #2dc6b6; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 50%;
}
.track[data-v-15e3c4b4]::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.audio-player .sub-controls[data-v-15e3c4b4] {
  padding-top: 0;
  height: 0;
  overflow: hidden;
  transition: height 300ms;
}
.audio-player:hover .sub-controls[data-v-15e3c4b4],
.audio-player.dowloading .sub-controls[data-v-15e3c4b4] {
  height: 38px;
}
.audio-player hr[data-v-15e3c4b4] {
  background: #F0F0F0;
  border: none;
  height: 1px;
  margin: 0;
  margin-bottom: 9px;
  margin-right: 10px;
  margin-left: 10px;
}
.audio-player .controls[data-v-15e3c4b4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.audio-player .controls .download[data-v-15e3c4b4] {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2dc6b6;
  cursor: pointer;
  border: none;
  outline: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.audio-player .controls .download[data-v-15e3c4b4]:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/download.6940a8f5.svg);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 6px;
}
.audio-player .controls .speed[data-v-15e3c4b4],
.audio-player .controls .percent[data-v-15e3c4b4] {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #333C4D;
  margin-right: 10px;
  margin-bottom: 10px;
}
.audio-player .controls .speed span[data-v-15e3c4b4] {
  margin-right: 6px;
}
.audio-player .controls .speed button[data-v-15e3c4b4] {
  cursor: pointer;
  border: none;
  outline: 0;
  background: transparent;
  padding: 0;
}
.audio-player .controls .speed button + button[data-v-15e3c4b4] {
  margin-left: 10px;
}
.audio-player .controls .speed button.active[data-v-15e3c4b4],
.audio-player .controls .speed button[data-v-15e3c4b4]:hover {
  color: #2dc6b6;
}


.breadcrumbs-head {
  margin-bottom: 20px;
}
.lesson .new-notes .new-notes__title {
  margin-bottom: 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
}
.lesson .new-notes .new-notes__text {
  margin-right: 20px;
  font-size: 15px;
  line-height: 20px;
  word-wrap: break-word;
  word-break: break-all;
}
.lesson .new-notes .new-notes__item {
  margin: 5px 0 5px 0;
}
.lesson .new-notes .new-notes__input {
  max-width: 500px;
}
.lesson .new-notes .new-notes__pagination {
  margin-bottom: 15px;
}
.lesson .new-notes .note-tabs {
  margin-top: 40px;
}
.lesson .new-notes .note-tabs .el-tabs__item {
  padding: 0;
  margin-right: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #AEB7C2;
}
.lesson .new-notes .note-tabs .el-tabs__item.is-active,
.lesson .new-notes .note-tabs .el-tabs__item:hover {
  color: #383838;
}
.lesson .new-notes .note-tabs .el-tabs__nav-wrap::after {
  display: none;
}
.lesson .new-notes .note-tabs .file_a p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #333C4D;
}
.lesson .new-notes .note-tabs .file {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 14px;
}
.lesson .new-notes .note-tabs .file__image {
  margin:  0;
  margin-left: 16px;
}
.lesson .new-notes .note-tabs .el-tabs__nav {
  z-index: auto;
}
.lesson .new-notes .note-tabs .file__image svg {
  width: 16px;
}
.lesson .new-notes .home_work__content p,
.lesson .new-notes .home_work__content {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #333C4D;
}
.lesson.mobile .new-notes .home_work__content p,
.lesson.mobile .new-notes .home_work__content {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.lesson .new-notes .home_work__content p {
  margin-bottom: 12px;
}
.lesson .new-notes .home_work__content br {
  content: '';
  margin-bottom: 12px;
  display: block;
}
.lesson .home_work__content {
  z-index: auto !important;
}
.lesson .description h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
  margin-top: 20px;
  margin-bottom: 10px;
}
.lesson.mobile .description h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.lesson .description .content {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #333C4D;
}
.lesson.mobile .description .content {
  font-size: 14px;
 line-height: 19px;
}
.lesson .commets-content {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #333C4D;
  margin-top: 8px;
  max-height: 350px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 10px;
}
.lesson .commets-content > div + div {
  margin-top: 10px;
}
.lesson.mobile .breadcrumbs-links {
  display: none;
}
.lesson .title-page {
  display: none;
}
.lesson.mobile .title-page {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  display: block;
  margin-bottom: 16px;
}


.breadcrumbs-head {
  margin-bottom: 20px;
}


.no-events[data-v-cc6da37a] {
  pointer-events: none;
}


.hw_content table,
.hw_content table tr,
.hw_content table td {
  border: 1px solid #c6c6c6;
}
.hw_content table {
  table-layout: fixed;
}
.hw_content table td {
  padding: 4px 8px;
  height: inherit !important;
  vertical-align: top;
  height: initial !important;
}
.home_work_mob .hw_content table {
  width: 100% !important;
}
.hw_content span.homework-underscore-text,
.hw_content span.homework-underscore-input {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: 0;
  caret-color: #2dc6b6;
  min-width: 100px;
  border-bottom: 1px solid #2dc6b6;
  cursor: text;
  font-size: 16px;
  color: #2b394c;
  display: inline-block;
  min-height: 22px !important;
  width: inherit !important;
  height: inherit !important;
  max-width: 100%;
  color: #2dc6b6;
  font-weight: 600;
}
.hw_content table span.homework-underscore-input {
  min-width: 100%;
}
.hw_content span.homework-underscore-text.err,
.hw_content span.homework-underscore-input.err {
  border-color: #ff564a;
}
.hw_content span.homework-underscore-text {
  display: block;
  border: 1px solid #2dc6b6;
  border-radius: 4px;
  padding: 4px 8px;
  min-height: 66px !important;
}
.hw_content input.homework-checkbox-input {
  accent-color: #2dc6b6;
  width: 16px;
  height: 16px;
}


.breadcrumbs-head {
  margin-bottom: 20px;
}
.reset {
  width: 100%;
}
.reset body {
    font: 9pt/1.5em sans-serif;
}
.reset pre,
  .reset code,
  .reset tt {
    font: 1em/1.5em "Andale Mono", "Lucida Console", monospace;
}
.reset h1,
  .reset h2,
  .reset h3,
  .reset h4,
  .reset h5,
  .reset h6,
  .reset b,
  .reset strong {
    font-weight: bold;
}
.reset em,
  .reset i,
  .reset dfn {
    font-style: italic;
}
.reset dfn {
    font-weight: bold;
}
.reset p,
  .reset code,
  .reset pre,
  .reset kbd {
    margin: 0 0 1.5em 0;
}
.reset blockquote {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset cite {
    font-style: italic;
}
.reset li ul,
  .reset li ol {
    margin: 0 1.5em;
}
.reset ul,
  .reset ol {
    margin: 0 1.5em 1.5em 1.5em;
}
.reset ul {
    list-style-type: disc;
}
.reset ol {
    list-style-type: decimal;
}
.reset ol ol {
    list-style: upper-alpha;
}
.reset ol ol ol {
    list-style: lower-roman;
}
.reset ol ol ol ol {
    list-style: lower-alpha;
}
.reset dl {
    margin: 0 0 1.5em 0;
}
.reset dl dt {
    font-weight: bold;
}
.reset dd {
    margin-left: 1.5em;
}
.reset table {
    margin-bottom: 1.4em;
    width: 100%;
}
.reset th {
    font-weight: bold;
}
.reset th,
  .reset td,
  .reset caption {
    padding: 4px 10px 4px 5px;
}
.reset tfoot {
    font-style: italic;
}
.reset sup,
  .reset sub {
    line-height: 0;
}
.reset abbr,
  .reset acronym {
    border-bottom: 1px dotted;
}
.reset address {
    margin: 0 0 1.5em;
    font-style: italic;
}
.reset del {
    text-decoration: line-through;
}
.reset pre {
    margin: 1.5em 0;
    white-space: pre;
}
.reset img.centered,
  .reset .aligncenter,
  .reset div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.reset img.alignright {
    display: inline;
}
.reset img.alignleft {
    display: inline;
}
.reset .alignright {
    float: right;
    margin-left: 10px;
}
.reset .alignleft {
    float: left;
    margin-right: 10px;
}
.reset img {
    max-width: 100%;
}
.reset * html .clearfix {
    height: 1%;
}
.reset * + html .clearfix {
    display: inline-block;
}
.reset .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.reset * html .group {
    height: 1%;
}
.reset * + html .group {
    display: inline-block;
}
.reset .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.diet-link {
  text-align: center;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 15px;
  display: block;
}
.diet-link.mobile {
  font-size: 13px !important;
  margin-bottom: 15px;
  margin-top: -5px;
}


.dashboard-motivation-edit {
}
.dashboard-motivation-edit .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  color: #383838;
  margin-bottom: 38px;
  display: flex;
  align-items: center;
}
.dashboard-motivation-edit .title i {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #2dc6b6;
  font-size: 20px;
  font-weight: bold;
  margin-right: 8px;
  margin-top: 4px;
}
.dashboard-motivation-edit.mobile .title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
.dashboard-motivation-edit .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 36px;
}
.dashboard-motivation-edit.mobile .grid {
  grid-template-columns: 1fr;
}
.dashboard-motivation-edit .motivator-control {
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  position: relative;
}
.dashboard-motivation-edit .motivator-control,
.dashboard-motivation-edit .motivator-control .motivator-input textarea {
  font-size: 18px;
  line-height: 25px;
  color: #383838;
}
.dashboard-motivation-edit.mobile .motivator-control,
.dashboard-motivation-edit.mobile .motivator-control .motivator-input textarea {
  font-size: 14px;
  line-height: 19px;
}
.dashboard-motivation-edit.mobile .motivator-control {
  margin-top: 15px;
  margin-bottom: 30px;
}
.dashboard-motivation-edit .motivator-control .pre {
  position: absolute;
  top: 0;
  left: 0;
}
.dashboard-motivation-edit .motivator-control .count {
  position: absolute;
  top: -25px;
  right: 0;
  font-size: 9px;
  font-weight: 600;
  color: #bfbfbf;
}
.dashboard-motivation-edit .motivator-control:focus .count {
  display: block;
}
.dashboard-motivation-edit .motivator-control .motivator-input textarea {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: 0;
  caret-color: #2dc6b6;
  flex-grow: 1;
}
.dashboard-motivation-edit .motivator-control .motivator-input textarea::-webkit-input-placeholder,
.dashboard-motivation-edit .motivator-control .motivator-input textarea::-moz-placeholder,
.dashboard-motivation-edit .motivator-control .motivator-input textarea:-ms-input-placeholder,
.dashboard-motivation-edit .motivator-control .motivator-input textarea:-moz-placeholder {
  font-size: 18px;
  line-height: 25px;
  color: #8F9AA4;
}
.dashboard-motivation-edit .motivator-control.part .motivator-input textarea {
  text-indent: 69px;
}
.dashboard-motivation-edit .motivator-control.benefit .motivator-input textarea {
  text-indent: 93px;
}
.dashboard-motivation-edit .motivator-control.success .motivator-input textarea {
  text-indent: 97px;
}
.dashboard-motivation-edit .motivator-control.creation .motivator-input textarea {
  text-indent: 84px;
}
.dashboard-motivation-edit .motivator-control.interest .motivator-input textarea {
  text-indent: 140px;
}
.dashboard-motivation-edit .motivator-control.influence .motivator-input textarea {
  text-indent: 78px;
}
.dashboard-motivation-edit .motivator-control.development .motivator-input textarea {
  text-indent: 68px;
}

/*MOBILE*/
.dashboard-motivation-edit.mobile .motivator-control.part .motivator-input textarea {
  text-indent: 54px;
}
.dashboard-motivation-edit.mobile .motivator-control.benefit .motivator-input textarea {
  text-indent: 73px;
}
.dashboard-motivation-edit.mobile .motivator-control.success .motivator-input textarea {
  text-indent: 76px;
}
.dashboard-motivation-edit.mobile .motivator-control.creation .motivator-input textarea {
  text-indent: 65px;
}
.dashboard-motivation-edit.mobile .motivator-control.interest .motivator-input textarea {
  text-indent: 109px;
}
.dashboard-motivation-edit.mobile .motivator-control.influence .motivator-input textarea {
  text-indent: 60px;
}
.dashboard-motivation-edit.mobile .motivator-control.development .motivator-input textarea {
  text-indent: 53px;
}
.dashboard-motivation-edit .grid img {
  max-width: 524px;
  width: 100%;
  display: block;
  margin: 0 auto;
}


.web-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.web-header-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 30px;
    gap: 30px;
}
.web-points {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 127px;
}
.web-points-point {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.collected-points {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #373638;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
}
.all-points {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #828287;
}
.desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8B8B8B
}
.web-header-account {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
}
.account-avatar {
    width: 45px;
    height: 45px;
}
.account-notification {
    width: 25px;
}
.account-profile {
    width: 25px;
}
.account-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #211F24;
}
.bonus-progress {
    margin-top: 5px;
    width: 100%;
    height: 6px;
    background: #EFEFEF;
    border-radius: 34px;
}
.bonus-indicator {
    background: #00CB67;
    border-radius: 34px;
    height: 5px;
    display: flex;
}


.points {
    padding: 20px;
}
.points-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.points-head-title {
    font-family: 'TT Firs Neue' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #222222;
}
.points-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
}
.card-progress {
    width: 100%;
    background: #EFEFEF;
    border-radius: 34px;
}
.card-progress-indicator {
    background: #00CB67
}
.points-card {
    width: 100%;
    max-width: 195px;
    height: 100%;
    max-height: 249px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}
.points-card-active {
    width: 100%;
    max-width: 626px;
    height: 100%;
    max-height: 249px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}


.usefull {
    padding: 40px;
}
.usefull-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 12px;
    gap: 12px;
}
.usefull-head-title {
    font-family: 'TT Firs Neue' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #222222;
}
.usefull-head-title > span{
    color: #00CB67;
}
.usefull-head-subtitle {
    font-weight: 200;
    font-size: 18px;
    line-height: 24px;
    color: #828287;
}
.usefull-body {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 30px;
    gap: 30px;
}
.podcast {
    display: flex;
    flex-direction: row;
    grid-gap: 20px;
    gap: 20px;
}
.podcast-item-white {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    max-width: 384px;
    height: 191px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.podcast-item-white-round {
    position: absolute;
    bottom: 0;
    left: 0;
}
.podcast-item-white-head {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}
.podcast-item-white-head-row {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    position: relative;
    z-index: 9;
}
.podcast-item-white-head-row-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #211F24;
}
.podcast-item-white-head-row-time {
    padding: 2px 8px;
    background: #F9F9F9;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #211F24;
}
.podcast-item-white-head-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #211F24;
    position: relative;
    z-index: 9;
}
.podcast-item-white-player {
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.podcast-item-green {
    padding: 20px;
    background: #00CB67;
    border-radius: 5px;
    width: 100%;
    max-width: 384px;
    height: 191px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.podcast-item-green-round {
    position: absolute;
    bottom: 0;
    left: 0;
}
.podcast-item-green-head {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}
.podcast-item-green-head-row {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    position: relative;
    z-index: 9;
}
.podcast-item-green-head-row-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.podcast-item-green-head-row-time {
    padding: 2px 8px;
    background: #F9F9F9;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #00CB67;
}
.podcast-item-green-head-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    position: relative;
    z-index: 9;
}
.podcast-item-green-player {
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.podcast-item-purple {
    padding: 20px;
    background: #8365FC;
    border-radius: 5px;
    width: 100%;
    max-width: 384px;
    height: 191px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.podcast-item-purple-round {
    position: absolute;
    bottom: 0;
    left: 0;
}
.podcast-item-purple-head {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}
.podcast-item-purple-head-row {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    position: relative;
    z-index: 9;
}
.podcast-item-purple-head-row-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.podcast-item-purple-head-row-time {
    padding: 2px 8px;
    background: #F9F9F9;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #8365FC;
}
.podcast-item-purple-head-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    position: relative;
    z-index: 9;
}
.podcast-item-purple-player {
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.usefull-docs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: flex-start;
    grid-gap: 24px;
    gap: 24px;
}
.usefull-docs-item {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 16px;
    height: 180px;
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}
.usefull-docs-item-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #211F24;
    margin-bottom: 6px;
}
.usefull-docs-item-extension {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 15px;
    top: -10px;
    padding: 2px 6px;
}
.usefull-docs-item-img {
    position: absolute;
    top: 0;
    right: 0;
}
.usefull-docs-item-size {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828287;
}
.usefull-cards {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    grid-gap: 24px;
    gap: 24px;
}
.usefull-cards-item {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    max-width: 310px;
    height: 100%;
    max-height: 446px;
}
.usefull-cards-item-img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.usefull-cards-item-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin: 20px 0;
}
.usefull-cards-item-body-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #211F24;
}
.usefull-cards-item-body-subtitle {
    font-weight: 100;
    font-size: 18px;
    line-height: 24px;
    color: #8B8B8B;
    text-align: justify;
}
.usefull-cards-item-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.usefull-cards-item-footer-bonus {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    grid-gap: 4px;
    gap: 4px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.08);
    border-radius: 42px;
}
.usefull-cards-item-green {
    background: #00CB67;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    width: 100%;
    max-width: 310px;
    height: 370px;
    position: relative;
}
.usefull-cards-item-green-head {
    position: absolute;
    top:-27px;
    left: 0;
    width: 100%;
}
.usefull-cards-item-green-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin: 20px 0;
    height: 75%;
}
.usefull-cards-item-green-body-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #ffffff;
}
.usefull-cards-item-green-body-subtitle {
    font-weight: 100;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-align: justify;
}
.usefull-cards-item-green-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.usefull-cards-item-green-footer-bonus {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    grid-gap: 4px;
    gap: 4px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.08);
    border-radius: 42px;
}

[dir="ltr"] .base-common-btn {
    text-align: left !important;
}
[dir="rtl"] .base-common-btn {
    text-align: right !important;
}
.base-common-btn {
    width: auto;
    height: 48px;
    background: #F5F5F7;
    border-radius: 5px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #211F24;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    padding: 0 20px;
}
.base-common-btn > span {
    width: 50%;
}
.base-common-btn > span > span{
    display: flex;
    align-items: center;
    grid-gap: 5px;
    gap: 5px;
    color: #211F24;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 42px;
    padding: 4px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    float: right;
}


.modal[data-v-b7df732a] {
  width: 500px;
  margin: 0px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px 3px;
  transition: all 0.2s ease-in;
  font-family: Helvetica, Arial, sans-serif;
}
.fadeIn-enter[data-v-b7df732a] {
  opacity: 0;
}
.fadeIn-leave-active[data-v-b7df732a] {
  opacity: 0;
  transition: all 0.2s step-end;
}
.fadeIn-enter .modal[data-v-b7df732a],
.fadeIn-leave-active.modal[data-v-b7df732a] {
  transform: scale(1.1);
}
button[data-v-b7df732a] {
  padding: 7px;
  margin-top: 10px;
  background-color: green;
  color: white;
  font-size: 1.1rem;
}
.overlay[data-v-b7df732a] {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.58039);
  z-index: 999;
  transition: opacity 0.2s ease;
}


.webinars-player {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 0px;
}
.webinars-player-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 35px;
}
.webinars-player-header-title {
    font-family: 'TT Firs Neue';
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    color: #060814;
    width: 100%;
    max-width: 548px;
}
.webinars-player-header-card {
    max-width: 200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #F9F9F9;
    border-radius: 5px;
    padding: 12px 20px;
}
.webinars-player-header-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828287;
}
.webinars-player-header-date {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #373638;
    margin-top: 5px;
}
.webinars-player-body {
    display: flex;
    flex-direction: row;
    grid-gap: 20px;
    gap: 20px;
    padding: 20px;
}
.webinars-player-courses {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
}
.webinars-player-days {
    width: 100%;
    max-width: 62px;
}
.webinars-player-day {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
.webinars-player-day-icon {
    width: 24px;
    height: 24px;
}
.webinars-player-day-title {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #828287;
}
.active-day-title {
    color: #211F24;
}
.webinars-player-course {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #F9F9F9;
    box-shadow: 0px 4px 26px rgba(6, 8, 20, 0.01);
    border-radius: 5px;
}
.webinars-player-course-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
}
.webinars-player-course-left-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
}
.webinars-player-course-left-head-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 8px;
    gap: 8px;
}
.webinars-player-course-left-head-day {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    background: #00CB67;
    border-radius: 22px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.webinars-player-course-left-head-date {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #211F24;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    gap: 5px;
    padding: 6px 10px;
    background: #FFFFFF;
    border-radius: 43px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.webinars-player-course-left-head-authors {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 10px;
    gap: 10px;
}
.webinars-player-course-left-head-authors li {
    list-style-type: disc;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #373638;
    list-style-position: inside;
}
.webinars-player-course-left-head-authors li:first-child {
    list-style-type: none;
}
.webinars-player-course-left-head-title {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #060814;
}
.webinars-player-course-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 12px;
    gap: 12px;
}
.webinars-player-course-right-title {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #828287;
}
.webinars-player-course-right-btns {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
}
.webinars-player-cert {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #8365FC;
    box-shadow: 0px 4px 26px rgba(6, 8, 20, 0.01);
    border-radius: 5px;
}
.webinars-player-cert-left {
    display: flex;
    flex-direction: row;
    grid-gap: 20px;
    gap: 20px;
}
.webinars-player-cert-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 5px;
    gap: 5px;
}
.webinars-player-cert-head-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
}
.webinars-player-cert-head-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.webinars-player-cert-right {
    width: 100%;
    max-width: 442px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px;
}
.webinars-player-cert-right-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #373638;
}
.webinars-player-cert-right-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #373638;
}
.webinars-player-cert-right-indicator {
    display: flex;
    justify-content: space-between;
}
.webinars-player-cert-right-indicator > span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #373638;
}
.webinars-player-course-cert {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    width: 100%;
}
.webinars-player-course-cert-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
}
.webinars-player-course-cert-head-title {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #060814;
}
.webinars-player-course-cert-head-subtitle {
    width: 258px;
    font-family: 'TT Norms';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #828287;
}
.webinars-player-course-active {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-radius: 12px;
    border: 2px solid #F5F5F7;
    height: 360px;
}
.webinars-player-course-active-left {
    width: 50%;
    position: relative;
    z-index: 9;
    padding: 20px;
    background: #F9F9F9;
    border: 0px solid #F5F5F7;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.webinars-player-course-active-left-img {
    height: 100%;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.webinars-player-course-active-left-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
    gap: 12px;
}
.webinars-player-course-active-left-header-day {
    padding: 6px 10px;
    background: #00CB67;
    border-radius: 26px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    position: relative;
    z-index: 9;
}
.webinars-player-course-active-left-header-clock {
    padding: 6px 12px;
    background: #FFFFFF;
    border-radius: 26px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    gap: 5px;
    color: #211F24;
    position: relative;
    z-index: 9;
}
.webinars-player-course-active-left-header-time {
    padding: 6px 12px;
    background: #FFFFFF;
    border-radius: 26px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    color: #211F24;
    position: relative;
    z-index: 9;
}
.webinars-player-course-active-footer {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
    width: 60%;
    position: relative;
    z-index: 9;
}
.webinars-player-course-active-footer-author {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
}
.webinars-player-course-active-footer-author-details {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px;
}
.webinars-player-course-active-footer-author-details-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #211F24;
}
.webinars-player-course-active-footer-author-details-spec {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #373638;
}
.webinars-player-course-active-right {
    background: #FFFFFF;
    border-radius: 12px;
    width: 50%;
}
.count-down {
    position: absolute;
    left: 20px;
    top: 60px;
    display: flex;
    flex-direction: row;
    grid-gap: 5px;
    gap: 5px;
    justify-content: center;
    align-items: center;
    color: #373638;
}
.count-down-title {
    position: absolute;
    left: 20px;
    top: 30px;
    font-family: 'TT Norms';
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.count-down-date {
    background: #F5F5F7;
    border-radius: 5px;
    width: 24px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.webinars-player-course-active-right {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.webinars-player-course-active-right-head {
    display: flex;
    flex-direction: column;
}
.webinars-player-course-active-right-head-date {
    font-family: 'TT Norms';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #828287;
}
.webinars-player-course-active-right-head-title {
    font-family: 'TT Firs Neue';
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #211F24;
    width: 100%;
    padding: 10px;
}
.webinars-player-course-active-right-head-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #373638;
    padding: 0 10px;
}
.webinars-player-course-active-right-footer {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    padding: 0 10px;
}
.webinars-player-course-active-right-title {
    font-family: 'TT Norms';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #828287;
}
.webinars-player-course-active-right-btns {
    display: flex;
    flex-direction: row;
    grid-gap: 12px;
    gap: 12px;
}
.webinars-player-course-left-img {
    width: 100%;
    max-width: 200px;
    height: 100%;
}


.web-player {
    padding: 0 20px;
}


.card-progress {
    width: 100%;
    background: #EFEFEF;
    border-radius: 34px;
}
.card-progress-indicator {
    background: #00CB67
}
.points-card {
    width: 100%;
    max-width: 195px;
    height: 100%;
    max-height: 249px;
    min-height: 160px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.points-card-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 5px;
    gap: 5px;
}
.points-card-head-title {
    font-family: 'TT Firs Neue' !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #211F24;
}
.points-card-head-subtitle {
    font-family: 'TT Norms' !important;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #828287;
}
.points-card-body {
    display: flex;
    flex-direction: column;
}
.points-card-body-point {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.points-card-body-point-cert {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
}
.points-card-active {
    width: 100%;
    max-width: 626px;
    height: 100%;
    max-height: 249px;
    min-height: 160px;
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.points-card-progress {
    margin-top: 10px;
    width: 100%;
    height: 8px;
    background: #EFEFEF;
    border-radius: 34px;
}
.points-card-indicator {
    background: #00CB67;
    border-radius: 34px;
    height: 8px;
    display: flex;
}


.questions {
    padding: 20px 100px;
}
.questions_row {
    display: flex;
    flex-direction: row;
    grid-gap: 15px;
    gap: 15px;
    overflow: auto;
}
.questions_item {
    width: 140px;
}
.questions_item_img {
    width: 100%;
}
.questions_item_title {
    font-family: 'TT Norms';
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #211F24;
}


.webmain {
    font-family: 'TT Norms' !important;
    background:  #f6f6f6;
    height: 100%;
    width: 100%;
    padding-bottom: 30px;
    aspect-ratio: 100 / 29;
}


.testAuth {
  padding-top: 100px;
  padding-bottom: 100px;
}


.modal-content[data-v-9b9a38fc] {
  padding: 20px;
  min-height: 300px;
}
.modal-inputs[data-v-9b9a38fc] {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  gap: 15px;
}
.modal-inputs button[data-v-9b9a38fc] {
  background: #26a79a;
  border: 0;
}
.datepicker[data-v-9b9a38fc], .full-width[data-v-9b9a38fc] {
  width: 100%;
}
.invalid-feedback[data-v-9b9a38fc] {
  color: red;
  font-size: 12px;
}
.loading-container[data-v-9b9a38fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  width: 100%;
}
.loading-spinner[data-v-9b9a38fc] {
  font-size: 32px;
  color: #26a79a;
}
.loading-text[data-v-9b9a38fc] {
  margin-top: 15px;
  color: #6d6d6d;
  font-size: 16px;
}


.education-block[data-v-95ee9854] {
  margin-bottom: 20px;
  background: white;
  border-radius: 5px;
  padding: 15px;
}
.block-header[data-v-95ee9854] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.block-header button[data-v-95ee9854] {
  background: #26a79a;
  border: 0;
}
.education-items[data-v-95ee9854] {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
.education-item[data-v-95ee9854] {
  position: relative;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.education-item.is-deleting[data-v-95ee9854] {
  opacity: 0.7;
}
.education-item-content[data-v-95ee9854] {
  flex: 1;
}
.education-type[data-v-95ee9854] {
  font-size: 14px;
  color: #6d6d6d;
  margin-bottom: 5px;
}
.education-name[data-v-95ee9854] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.education-institution[data-v-95ee9854] {
  font-size: 16px;
  margin-bottom: 5px;
}
.education-date[data-v-95ee9854] {
  font-size: 14px;
  color: #6d6d6d;
}
.delete-btn[data-v-95ee9854] {
  color: #26a79a;
}
.no-data[data-v-95ee9854] {
  color: #6d6d6d;
  font-style: italic;
}
.deleting-overlay[data-v-95ee9854] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.deleting-spinner[data-v-95ee9854] {
  font-size: 24px;
  color: #26a79a;
}


.modal-content[data-v-0ca7c82b] {
  padding: 20px;
  min-height: 300px;
}
.modal-inputs[data-v-0ca7c82b] {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  gap: 15px;
}
.modal-inputs button[data-v-0ca7c82b] {
  background: #26a79a;
  border: 0;
}
.datepicker[data-v-0ca7c82b], .full-width[data-v-0ca7c82b] {
  width: 100%;
}
.invalid-feedback[data-v-0ca7c82b] {
  color: red;
  font-size: 12px;
}
.loading-container[data-v-0ca7c82b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  width: 100%;
}
.loading-spinner[data-v-0ca7c82b] {
  font-size: 32px;
  color: #26a79a;
}
.loading-text[data-v-0ca7c82b] {
  margin-top: 15px;
  color: #6d6d6d;
  font-size: 16px;
}


.education-block[data-v-6f85e5f4] {
  margin-bottom: 20px;
  background: white;
  border-radius: 5px;
  padding: 15px;
}
.block-header[data-v-6f85e5f4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.block-header button[data-v-6f85e5f4] {
  background: #26a79a;
  border: 0;
}
.education-items[data-v-6f85e5f4] {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
.education-item[data-v-6f85e5f4] {
  position: relative;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.education-item.is-deleting[data-v-6f85e5f4] {
  opacity: 0.7;
}
.education-item-content[data-v-6f85e5f4] {
  flex: 1;
}
.education-type[data-v-6f85e5f4] {
  font-size: 14px;
  color: #6d6d6d;
  margin-bottom: 5px;
}
.education-institution[data-v-6f85e5f4] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.education-course[data-v-6f85e5f4] {
  font-size: 16px;
  margin-bottom: 5px;
}
.education-date[data-v-6f85e5f4] {
  font-size: 14px;
  color: #6d6d6d;
}
.delete-btn[data-v-6f85e5f4] {
  color: #26a79a;
}
.no-data[data-v-6f85e5f4] {
  color: #6d6d6d;
  font-style: italic;
}
.deleting-overlay[data-v-6f85e5f4] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.deleting-spinner[data-v-6f85e5f4] {
  font-size: 24px;
  color: #26a79a;
}


.modal-content[data-v-84ab64e6] {
  padding: 20px;
  min-height: 300px;
}
.modal-inputs[data-v-84ab64e6] {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  gap: 15px;
}
.modal-inputs button[data-v-84ab64e6] {
  background: #26a79a;
  border: 0;
}
.datepicker[data-v-84ab64e6] {
  width: 100%;
}
.invalid-feedback[data-v-84ab64e6] {
  color: red;
  font-size: 12px;
}
.loading-container[data-v-84ab64e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  width: 100%;
}
.loading-spinner[data-v-84ab64e6] {
  font-size: 32px;
  color: #26a79a;
}
.loading-text[data-v-84ab64e6] {
  margin-top: 15px;
  color: #6d6d6d;
  font-size: 16px;
}


.publications-block[data-v-857ff450] {
  margin-top: 20px;
  background: white;
  border-radius: 5px;
  padding: 15px;
}
.block-header[data-v-857ff450] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.block-header button[data-v-857ff450] {
  background: #26a79a;
  border: 0;
}
.publications-items[data-v-857ff450] {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
.publication-item[data-v-857ff450] {
  position: relative;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.publication-item.\--clickable[data-v-857ff450] {
  cursor: pointer;
  transition: .3s ease;
}
.publication-item.\--clickable[data-v-857ff450]:hover {
  background: #f9f9f9;
}
.publication-item.is-deleting[data-v-857ff450] {
  opacity: 0.7;
}
.publication-item-content[data-v-857ff450] {
  flex: 1;
}
.publication-name[data-v-857ff450] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.publication-caption[data-v-857ff450] {
  font-size: 12px;
  color: #6d6d6d;
  margin-bottom: 2px;
}
.publication-date[data-v-857ff450] {
  font-size: 14px;
}
.delete-btn[data-v-857ff450] {
  color: #26a79a;
}
.no-data[data-v-857ff450] {
  color: #6d6d6d;
  font-style: italic;
}
.deleting-overlay[data-v-857ff450] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.deleting-spinner[data-v-857ff450] {
  font-size: 24px;
  color: #26a79a;
}


.teacher-profile[data-v-94c84934] {
  margin-top: 20px;
  min-height: 300px;
  position: relative;
}
.education-container[data-v-94c84934] {
  background: white;
  border-radius: 5px;
  margin-bottom: 20px;
}
.education-header[data-v-94c84934] {
  padding: 20px 20px 0 20px;
}
.mb-15[data-v-94c84934] {
  margin-bottom: 15px;
}
.loading-container[data-v-94c84934] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  width: 100%;
}
.loading-spinner[data-v-94c84934] {
  font-size: 32px;
  color: #26a79a;
}
.loading-text[data-v-94c84934] {
  margin-top: 15px;
  color: #6d6d6d;
  font-size: 16px;
}


.teacher-profile[data-v-51063c20] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.back-button[data-v-51063c20] {
  display: inline-flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  cursor: pointer;
  color: #606266;
  transition: color 0.3s;
  padding: 8px;
  border-radius: 4px;
}
.back-button[data-v-51063c20]:hover {
  color: #2dc6b6;
}
.back-button svg[data-v-51063c20] {
  width: 20px;
  height: 20px;
}
.teacher-header[data-v-51063c20] {
  display: flex;
  grid-gap: 30px;
  gap: 30px;
  padding: 30px;
}
.teacher-avatar[data-v-51063c20] {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  background: #f5f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher-avatar img[data-v-51063c20] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teacher-info[data-v-51063c20] {
  flex-grow: 1;
}
.teacher-description[data-v-51063c20] {
  margin-top: 15px;
  color: #606266;
  line-height: 1.6;
}
.h2[data-v-51063c20] {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  color: #303133;
}
.education-list[data-v-51063c20] {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
.education-item[data-v-51063c20] {
  padding: 20px;
  background: #f5f7fa;
  border-radius: 8px;
}
.education-type[data-v-51063c20] {
  font-weight: bold;
  color: #2dc6b6;
  margin-bottom: 10px;
}
.education-details[data-v-51063c20] {
  color: #606266;
}
.education-details p[data-v-51063c20] {
  margin: 5px 0;
}
.education-details strong[data-v-51063c20] {
  color: #303133;
}
@media (max-width: 768px) {
.teacher-header[data-v-51063c20] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.teacher-avatar[data-v-51063c20] {
    width: 150px;
    height: 150px;
}
}

* {
  font-family: 'Open Sans', sans-serif !important;
}
html {
  color: #2b394c;
  scroll-behavior: smooth;
}
button {
  font-family: 'Open Sans', sans-serif !important;
}
button[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
  }
p {
  line-height: 1.7;
}
*::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  box-shadow: inset 0 0 6px #e5e5e5;
}
*::-webkit-scrollbar {
  width: 10px;
  background-color: #e5e5e5;
}
*::-webkit-scrollbar-thumb {
  background-color: #22be75;
}
.el-badge > sup {
  height: 19px;
  background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
  font-weight: bold;
  border-radius: 30px;
}
#file_quest {
  display: none;
}
.zind {
  z-index: 1;
}
.el-main {
  /* z-index: 2; */
}
.preload_page {
  width: 100%;
  height: 100vh;
}
.header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  
  position: -webkit-sticky;
  
  position: sticky;
  top: 0;
  background: white;
  height: 80px;
  padding: 5px 20px;
  z-index: 10;
  box-shadow: 0px 1px 18px 0px rgba(188, 188, 188, 0.16863);
}
.header .active-course {
    flex-grow: 1;
    padding-left: 130px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: auto;
  }
.header .active-course > .course-name {
      color: #2b394c;
      font-size: 1rem;
      font-weight: 800;
      line-height: 1.1;
    }
.header__quest {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 20;
    border-radius: 15px;
    overflow: hidden;
    max-width: 330px;
    min-width: 330px;
  }
.mobile .header__quest {
      width: 90%;
      margin: 15px 5%;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      min-width: auto;
      z-index: 1000;
    }
.header__quest__done {
      padding: 15px 15px;
      background: white;
    }
.header__quest__done p {
        font-weight: bold;
        line-height: 1.3;
      }
.header__quest__done a {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #26a79a;
        text-decoration: underline;
        font-size: 14px;
      }
.header__quest__loader_wrap {
      border-radius: 15px;
      overflow: hidden;
    }
.header__quest__head {
      padding: 10px 15px;
      background: linear-gradient(to left, #2dc6b6 0%, #26a79a 100%);
      color: white;
    }
.header__quest__head__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 700;
        position: relative;
        padding-left: 30px;
      }
.header__quest__head__title__close {
          position: absolute;
          right: 10px;
          width: 20px;
          height: 20px;
          padding: 0px 0px 2px 0;
          border: none;
          outline: none;
          border-radius: 50%;
          cursor: pointer;
          z-index: 2;
          display: block;
          opacity: 1;
          background: #f5f7fa;
          top: 3px;
          left: 0;
        }
.header__quest__head__title__close svg {
            width: 8px;
            fill: #6e6e6e;
          }
.header__quest__head__title__icon {
          fill: rgba(0, 0, 0, 0.32);
        }
.header__quest__body {
      padding: 10px 15px;
      background: white;
    }
.header__quest__body p {
        margin-bottom: 10px;
        font-size: 11px;
      }
.header__quest__body textarea {
        width: 100%;
        padding: 5px 10px;
        border: 1px solid rgb(198, 209, 222);
        background: #f7fafe;
        border-radius: 5px;
        font-size: 12px;
        box-sizing: border-box;
        resize: none;
        outline: none;
        cursor: pointer;

        font-family: 'Open Sans', sans-serif !important;
      }
.header__quest__body textarea:focus {
          box-shadow: 0 0 0px 1px #b4cab3;
        }
.header__quest__send {
      display: flex;
      padding: 0 15px;
      padding-bottom: 20px;
      background: white;
      justify-content: space-between;
    }
.header__quest__send label {
        display: inline-block;
        width: 180px;
        padding: 8px 15px;
        border: 1px solid #b4cab3;
        background: white;
        color: #b4cab3;
        font-size: 14px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 5px;
        outline: none;
        cursor: pointer;
      }
.header__quest__err {
      margin-top: -10px;
      padding: 0px 15px 10px;
      background: white;
      color: #e31e24;
      font-size: 12px;
    }
.header__quest__foot {
      padding: 10px 15px;
      background: #f2f5f8;
    }
.header__quest__foot__socbtns {
        display: flex;
        justify-content: space-evenly;
      }
.header__quest__foot__t1 {
        margin-bottom: 7px;
        color: #94a3b7;
        font-weight: 700;
        font-size: 13px;
        text-align: center;
      }
.header__quest__foot__t2 {
        margin-top: 15px;
        color: #94a3b7;
        font-weight: 700;
        font-size: 11px;
        text-align: center;
      }
.mobile .header {
    padding: 17px 30px;
  }
.mobile .header__burger_wrap {
    margin-left: 0;
    margin-right: auto;
  }
.mobile .header__burger_wrap__btn {
      position: relative;
      width: 22px;
      height: 3px;
      border: none;
      background: #26a79a;
      border-radius: 4px;
    }
.mobile .header__burger_wrap__btn::after,
    .mobile .header__burger_wrap__btn::before {
      display: block;
      position: absolute;
      left: 0;
      width: 22px;
      height: 3px;
      background: #26a79a;
      border-radius: 4px;
      content: '';
    }
.mobile .header__burger_wrap__btn::after {
      top: 7px;
    }
.mobile .header__burger_wrap__btn::before {
      bottom: 7px;
    }
.header__dropdown li {
      color: #2b394c;
      line-height: 28px;
    }
.header__dropdown li svg {
        margin-right: 10px;
        vertical-align: sub;
        fill: #2b394c;
      }
.header__dropdown .el-dropdown-menu__item:focus,
    .header__dropdown .el-dropdown-menu__item:not(.is-disabled):hover {
      color: #2dc6b6;
      background-color: white;
    }
.header__dropdown .el-dropdown-menu__item:focus svg, .header__dropdown .el-dropdown-menu__item:not(.is-disabled):hover svg {
        fill: #2dc6b6;
      }
.header__user__trigger {
      display: flex;
      margin-left: 20px;
      align-items: center;
      cursor: pointer;
    }
.header__user__trigger__img {
        width: 45px;
        margin-left: 20px;
        border-radius: 50%;
      }
.header__user__trigger__strelka {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 17px;
        height: 17px;

        background: linear-gradient(
          to bottom,
          #2dc6b6 0%,
          #26a79a 100%
        );
        text-align: center;
        border-radius: 50%;
      }
.header__user__trigger__strelka img {
        transition: 0.2s ease-in-out;
      }
.header__user__trigger__strelka img.active {
        transform: rotate(180deg);
      }
.header__top_icon {
    position: relative;
    width: 45px;
    cursor: pointer;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
  }
.header__top_icon__strelka {
      position: absolute !important;
      top: 50px;
      right: -15px;
      width: 355px;
      height: 290px;
      background: white;
      transition: 0.3s ease-in-out;
      box-shadow: 0 0 14px 0px rgba(128, 128, 128, 0.18);
      border-radius: 5px;
      overflow: hidden;
    }
.header__top_icon__strelka__more {
        text-align: center;
        border-top: 1px solid #ebeef5;
      }
.header__top_icon__strelka__more:hover {
          background: #fafffc;
        }
.header__top_icon__strelka__more a {
          display: inline-block;
          width: 100%;
          padding: 10px 0 13px;
          color: #26a79a;
          text-decoration: none;
        }
.mobile .header__top_icon__strelka {
        width: calc(100vw - 30px);
      }
.header__top_icon__strelka::before {
        display: block;
        position: absolute;
        top: -10px;
        right: 27px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #fff;
        -webkit-filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));
                filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
      }
.header__top_icon__a {
      display: flex;
      width: 45px;
      height: 45px;
      vertical-align: baseline;
      align-items: center;
      justify-content: center;
    }
.header__top_icon__svg {
      fill: #dbdbdb;
      transition: 0.3s ease-in-out;
    }
.header__top_icon.active_top_icon {
      background: #26a79a !important;
    }
.header__top_icon.active_top_icon .header__top_icon__svg {
        fill: white;
      }
.header__top_icon:hover {
      background: #eaf5ee;
    }
.header__top_icon__notif {
      width: 355px;
      height: 250px;
      transition: 0.3s ease-in-out;
    }
.mobile .header__top_icon__notif {
        width: calc(100vw - 30px);
      }
.header__top_icon__notif__wrap {
        height: 250px;
        overflow: auto;
        border-radius: 15px;
      }
.header__top_icon__notif__wrap::before {
          display: block;
          position: absolute;
          top: -10px;
          right: 27px;
          width: 0;
          height: 0;
          border-bottom: 10px solid #fff;
          -webkit-filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));
                  filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          content: '';
        }
.header__top_icon__notif__iteam {
        display: flex;
        padding: 15px 15px;
        border-bottom: 1px solid #f7fafe;
      }
.header__top_icon__notif__iteam:last-child {
          border-bottom: none;
        }
.header__top_icon__notif__iteam__dot {
          width: 5px;
          height: 5px;
          margin: 13px 13px 0 0;
          background: #dfe6e5;
          border-radius: 50%;
          flex: 0 0 5px;
        }
.header__top_icon__notif__iteam__dot.red_dot {
            background: #e31e24;
          }
.header__top_icon__notif__iteam__dot.dark_green_dot {
            background: #26a79a;
          }
.header__top_icon__notif__iteam__icon {
          display: flex;
          width: 30px;
          height: 30px;
          margin-right: 10px;
          border-radius: 50%;
          text-align: center;
          align-items: center;
          justify-content: center;
          flex: 0 0 30px;
        }
.green_iteam .header__top_icon__notif__iteam__icon {
            background: linear-gradient(
              to bottom,
              #2dc6b6 0%,
              #26a79a 100%
            );
          }
.red_iteam .header__top_icon__notif__iteam__icon {
            background: linear-gradient(to bottom, #f85144 0%, #d13223 100%);
          }
.yellow_iteam .header__top_icon__notif__iteam__icon {
            background: linear-gradient(to bottom, #f3ba38 0%, #ed773c 100%);
          }
.header__top_icon__notif__iteam__icon img {
            width: 14px;
          }
.header__top_icon__notif__iteam__info__name {
            margin-bottom: 5px;
            color: #26a79a;
            font-size: 12px;
          }
.green_iteam .header__top_icon__notif__iteam__info__name {
              color: #26a79a;
            }
.red_iteam .header__top_icon__notif__iteam__info__name {
              color: #f85144;
            }
.yellow_iteam .header__top_icon__notif__iteam__info__name {
              color: #f3ba38;
            }
.header__top_icon__notif__iteam__info__title {
            margin-bottom: 5px;
            font-weight: 900;
            font-size: 13px;
            line-height: 18px;
          }
.header__top_icon__notif__iteam__info__date {
            color: #c1c5ca;
            font-size: 11px;
          }
.header > div {
  display: inline-block;
  display: flex;
  height: 45px;
  margin-left: 15px;
  align-items: center;
}
aside {
  position: fixed;
  background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
  min-height: 100vh;
  z-index: 2;
}
aside::after {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100vh;
  background: url(../img/aside.23a12aa9.png);
  content: ' ';
  z-index: -1;
}
.aside__top {
  display: flex;
  height: 80px;
  justify-content: center;
}
.aside__top__logo {
    display: flex;
    align-self: center;
  }
.aside__menu__li {
    display: flex;
    min-height: 95px;
    justify-content: center;
    align-items: center;
    position: relative;
  }
.aside__menu__li__a {
      display: flex;
      width: 100px;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      min-height: 95px;
      flex-flow: column;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
    }
.aside__menu__li__a__icon {
        margin-bottom: 11px;
        max-height: 30px;
      }
.aside__menu__li ul {
      display: none;
      position: absolute;
      top: inherit;
      left: 100px;
      width: inherit;
      background: inherit;
      transform: 0;
      top: 0;
    }
.aside__menu__li__li:hover {
      background: #1c796f;
    }
.aside__menu__li__li.router-link-exact-active {
      background: #26a79a;
    }
.aside__menu__li__li.router-link-exact-active:hover {
      background: #1c796f;
    }
.aside__menu__li.router-link-exact-active {
    background: rgba(38,167,154,0.52);
  }
.aside__menu__li:hover {
    background: #1f887d;
  }
.aside__menu__li:hover > ul {
    display: flex;
  }
.mob_menu {
  width: 280px;
  padding-bottom: 100px;
  background: white;
  min-height: 100vh;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
.mob_menu__wrap {
    position: fixed;
    top: 0;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    z-index: 20;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
  }
.mob_menu__wrap::-webkit-scrollbar {
      width: 0px;
    }
.mob_menu__top {
    padding: 10px 20px 5px;
    background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
    overflow: hidden;
  }
.mob_menu__top img {
        width: 100%;
    }
.mob_menu__top:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 280px;
      height: 81px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABSCAYAAAAl+Q2OAAAPQElEQVR4nO2djW7juA6FJdlO2tn7/k+6d2bapPFFF+LigOMkIkXJci4/oOjuYjuTxsoR/xnD8TmFEM4hhM8Qwofwt5lDCO/5nz/yn2HFFEJY8tcWtxDCVwjhmr+vL/AsXpX3fFa+n9Uvwe/4VwghhRB+5mf8jJh/5vv7334m2jO/wO9wyt+l4pUaid+cX9PE/vv3B+CSv9+M/i6nPQt8Tn4L/raYz9haKH4hn5noF2I/ji6Ac8WB+St//zQSvyULX8r/fssWw8UF77B8n6+3/OJ/Cc8YXcxXwc+Qt3B54fd0KF5BAIPwkH3zA35O6jZzyJJE4fvwW/zwcA9BesbobJZerhF+xgWwE0cXQM2NSe7pTRjP2eIMN/2aXSTpB8UZE7okLwoPYcoCKgl3aC9zp4IjCyBZXBJLK2XRCjkwXcN/8q0dGiRQnP1ILDyi8RDIbZacCYoZuwB25MgCSNaf5JCRS/NZ4Z5OYB18GQipMw5YFXBRil+C5Icm/ucC2JEjC+ApH7JSF2MCq1Eb9zuBBam1DpwxwXBGjUVP1p/kbGi8GceAowpggn8uFUASLm3cb4E/47cHql+KH+CC/qqwwmaIL0vOh2d/d+KoAijNlqV8MKVuCXFiAupuymuwgMW25nCGtmQpgvssqRcM+XVI6gUdI44qgNJ4CbqtUmYXv5eD6vsoiSXt8NiCxO8qFLKUX4cknOMYcUQBTMIK+5r6qsRudRe/4xJZGCNAKVSt8JzBw5AKac3l7FRyRAGkQHWpmGF5gTTATNneD4/PHJaUz8wMFh8JlYXLOcOZlFYERDiffr524IgCKD0w2l5hcpGufjsfBuq/pWQE9mOv8CytYm3cQ5BakiTKF8/+7sJ0NAGUVtjjDSs59DPEGWtjQ047EggdDRLgE45o4s7VOMaGBdNaD4HcX7f++jKRV3A0AcQ6rRK0sT/KDEqzeU47IgjdfEfsAgheS6sKi+G1wzTod7h59rcbfwwsOZIAkmsjKRfQ9FfiwfSbeX8WcGm54N3AuuslIgsrdq4tmPZLth0JvDmsHV6px/tIAkgHRiJKGgH0g7k/E2RWkStYd3tg2S0SOwv3qxNZOCSxC3OFmZz/6sFRBBALmUvdX01vJc4X9IPZHxpWQedyBcHb83nE7PKSFVFTD5rgbPolq2diX2HDQ1hB8DbPz1EEkDJtkoSEJv6nmeLh1BNB+OgC+hyk7vLEagf/W5lMwdihZ37LiGAEzRvWHXGFr6L39ggC+AaZX2kmVxIvxDfVrb9+YFfGChnVvcVhyhcvnQmL4RfvEF/2QRrPibBXJ7H/2yS7P7oATkp3gUziVfBBwvFafjP34Y0NAvjY+b2P0PqIbXIfBiU0J7iUfYTac/iw4SbZ/ZEFMIK7IC0ylZbLRJ/I0ZWUxW9iVt9eTJBtRi9AU9y8xcL6yf2CvQ8KX8jnolkMeGQBxL0dkg8H9v6WvmkRXDBvSG9Lys82GotMKbyecLM8wvA18cVKHl7ZBsuLQq8p66MKIC0ZuipHCwVh769bf31A8aNn29oa2iqN2OoWabGydGHi58M0tsF5jJee2fERBZCWSWuXFmlG5XtDensiiF+radqJ9QI/6ha5KAdklPLG2ild/P4EF8EHgwy7mNEEEMVPEyiehKOy8Odu7v42I+YlUqFi18Y9IsTvtsoj9ugWQYvmp7u9mwyxW2cUAcQPyC3fBBo0XRwUcPVD2g5cMWnl3lC2lsfwrrzavyP4oV7zOfaEx59MLMbfa+BIAiPpn+8jCKDVTbCA9Sjt/ghe/NyMN3guFuK31SZHmcLbToIT8++JyTcvddlmYnM2W33utlrjAvcQ9hbAdyZANa4RLiwqJUIpht/U9mAdZ60gcJG55TOzd9yWl234wqz7TKy0zfJ94rMgt8IhvDVu3UsAcf9qMAgSv0NZhbRbJPg6wmZgC2PN+7tAcfIN2uT2emYJRisRvhz/MTg81rLuM0KR+Va3yMNkV28B5HEbC1dhqaiwJ+vE25LsOcOlpL3cqEcYS5t6lM7cey0zyzCvDZI6r8o7VABYXRSYaQ+abpEeAkhm6QlMUuqFrA1UR6XrGyAQ6sXP9kSwjrQB7gT1oOsOS6ki6xBB0P12z+E5GAe2uCze2TNRrzpoKYAzfGFfpdVOBl5XJv1wSJcrOeXQpaTt7Z3Y4ICfnQqm5zuu1AoZ5uuOyZYjMhvGgXm3yGdt776lAG71U4b84j4hS2cBFlBeFbdKzapMp+17i+LXqisgMXeWs0It6dVjxFVgJ0zNe4i1lWalM1oBvDdqOoBL2bL4FHtJNW/EBD/v7q8tM1xM0gOfGpVIREhcbF3QKyTQ/EzYsRjEgXH5lOU6038oEcBHsZC18wFCy0/bLRLYTgfHFu0a0si2rFmI3715ck8nBTsm1K6XwLKZmgaJu9wTQGwv4rtVVyZ0vQ6QVbcIZif98NsSIdgtfW9J/C5G4rdVcXDxkEc3KA6sHViKpXKtesf/EEDK1vK4yGXnWAgGP2tKZzA76fsY7NHuueXjsWqYIOsYBhuv//9ETYnZzBbOWxdM/5ugJQGcoJgwQAzPMnGhxbJbBPcxeJzHFm3yY2GDA2rArgyrUitHzgRhKunnbGYF9FbPbzNJO28cmr2r7PG1YbdI7VSNM9SUeezPngiHvvTsRLDsa8Qv5rNCQupdGfuitf4mZvlZiB/f7bJCKOSLXF6chDvaMpovgxT6BCLvTept0KwhxWSU9nLjgfIeNYPOfSh/IB1JF1nMr9bt5aGQsFU3OO80lpwTIf5IL5gGota+rsRuFXd920Dub+mtT4XHa8VhRy+h51gl5z7a/vp3KJ+y2L6Hu6XvWpPzzhbRVreIpSAn1i3iGcA2YPa3FEyYaCy2hVmQ7vKOgabDCuPANUkwbJ8MJQmUPYYhzKyBOTRaRoOtct6w3hap+4tjyDTPZWE1Zn6xjUFkhkwJ2M//d0X4Ar2B4rBZSwEs6a1s1Wo0NZpC7GwjvfW1xdJhY8uaZ3nHIYIbW/p5PoORotUAvBBFlSJWAhjBsnvWW/nVOMvM40Iufm2hwZOSobI13SI4U87FbyzouUo8gdqRdGc2eUh0JmoE8F4/MH0Qbqw9rgdv7A31uFB7sPavRAClO5sR624RxxZpHWhtHPgE4qfaKKcRwBG7Rfh6PXeN+iHt/tBaf2ewNN2qHw9KZGomsmue58kidigRwJT/Qkwvj1A7eGab3bzOrx90CZYOlcXkh7RGjOpV/fmOCelCqeGxQOxPygLiV7V5r3QazAle8G0AFyTBayI8G9gf6TTumhqx4HWcQ0OfRaknIP3MJlYBUHUengkgH0v+UZmtqWUC95vcXc/y7gOuFCi99WtqxKTrTp1+SC+2CJoijQWbLlZ6JIDoY+/VLRJZOQ3281WPw3aqQKus9FlKa8RCZcmM0wfSidJnJLUWiTMU3Juchy0B5Ju4emVTI3xNUD/Ip/fiEmxnH2a4wUutsqSoEUtw4D28MSaJjR4rQXOpYcmM2WBULoA4VcOqF3cLEjVyoyb2RhI3VjvoojcGmkm/mlufPijexTMu+IxKLjYclaXpFTY9CyiA1DqWGk7VSBDT4WU0K8wPw4nT7uKOhXbfrzRLiFNFPPY3JgmeUenFRp97SRgE482m3igKIImfxfgp4tlu1RsInWZ4otOXWVmOoqkRI4vR1xaMC7afleqFxhOgv8c8DEKihJaflfgtbLxVYL2/bt0dCz6sUoLU+gvwQfHkx5hMYJWVCpMm+xtBQ8xDIdRYTr+IRXDRdzK8HqmyB3cRui+pokzC6QOeh1JDRrMy4QTj7Myx3NrOx5LfYNKvW3rHhnpwr4qDqJkU7Uvrx+YNMvqapNYwngAdtJ+V8TccR/NwAqtzKCITP83EZWmNWFB+UJw+LCBKkvMQFeUySZkxLmam5SAVf8Y7u7G9K+M1wD3MX0rxw/bJ0gsWY8aeFBuLuWKJVU0ZVDNPYK4ILKLL61bfa2E1UFZTx5cg5uOhk3HgSTCp0aSZ+6ftGClmVh4y7BH2CSyvhdVMxRnOhybm45fpOKTKjW0TnAVpwqRpDkEzDxAXDfkmrtchQbwvGMxU1JTMRHbwnf2ZIemh3a2D9YKlUDK16UUoFUC+aMjjfceHlpPjnMe/K38rdJ8lcTzP/o7FzCw/jfhhSdNwnoBUANHyc/E7NnzAbTCaqXhicWEJmoJpxx5+KdZ4A7i6tJSkSJ6pkAggb5Vzjse91kQra36GshdpXDhCTNoFcD/Q5a1Nbs4wWEU6AzL06AIqFUDcAeLidxwi1F/NEIwOIDSSSv5H8G4R6c3tc//2JbIlQ7UzAaJyalDs2QdeOhLfYnGx0xYaMRahT3NidXUhH6qLcC7fMyLE/bSZ4+Y1X84mEfr2I7Qs1l5E7xAuk+5/odfRvA60RADxYLv4jQNadyh2fIAsxVGujfYxY8G0plUusMnjfsb6QXt16JK8Kq13Ds4XkHqMXYdgPBNAnPzrrskYzPAV2Sta2Xix1lN3EtvVq4kjosvjibV2RBYDxnmcX9C3X0vtfIHmxc/IMwGUbv1y2rC1i3nvAbILm9OmPSNnKKvy1jc76HLk4RC8NC8GrbAIdotopskv4DZ3OcePBHBSVvI7NkQQPt4fSzG8vQQD+79rukUmGJXlY+/18H06j1ZMUJjC+uzMlSPTgnJwRhWPBFBTve3YPZczm55xGSBBgF1AIbs4tYM0gseXVeDysK1kV08PYWJ6odEMCuncenYB3RNAbfW2UwcvQKXbeoS2MLT6LNYmYJbQM79lJBhHxeO/NxYD/urkIZwhg19TSK8pmanmngCSKeoHsx8LxMNuyokb1iQokSAs1qSe4Ox5fPk5Ebp2UPj2XDHBByDXip+mZKaaewKI8R2nLdzq0/ZcWkGuFU+6XIxcVewWsdo/86pM+b2i57A2SFxomMCCXysHKk97VgFsCaCPI+oHriKlmqm9DnaCFjmKJ1HCxSoOPLMsoZ+x+/xgF9BHfhZ7XhhbIZrfld0iODWo+++2JYDekN6HHnuYH5GgZmurW+TTuDB5YpNF/HxtM+J6iQiWO7ngFoMzdo8DPxJAj/+1g3ZtRINbtIQEGUP+zFcIml8bdWPM7Kb3s7UNWn0WsVYLWnWLnFn8cBf4h6HLEEKn+UDZCay7rW6RrfKIVryxJTp+tv4E2wlrY2oWr2VrYpBlRQIm1r5X8e7j1ocQ/gdyDvKDHcFN3QAAAABJRU5ErkJggg==);
      content: ' ';
    }
.mob_menu__user {
    display: flex;
    padding: 20px 30px;
    align-items: center;
  }
.mob_menu__user__name {
      margin-left: 20px;
      font-weight: bold;
      line-height: 1.4;
      font-size: 16px;
    }
.mob_menu__user__ava img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }
.mob_menu__menu__ul {
      margin: 10px 0;
    }
.mob_menu__menu__ul::last-child {
        margin: 0;
      }
.mob_menu__menu__ul__iteam__a {
          display: flex;
          padding: 15px 0;
          color: initial;
          text-decoration: none;
          font-weight: bold;
          align-items: center;
        }
.router-link-exact-active .mob_menu__menu__ul__iteam__a {
            color: #26a79a;
          }
.router-link-active .mob_menu__menu__ul__iteam__a {
            color: #26a79a;
          }
.mob_menu__menu__ul__iteam__a__icon {
            margin-left: 30px;
            margin-right: 20px;
          }
.router-link-exact-active .mob_menu__menu__ul__iteam__a__icon {
              fill: #26a79a;
            }
.mob_menu__menu__ul__title {
        padding: 20px 30px 10px;
        color: #949494;
        font-weight: bold;
      }
main {
  margin-left: 100px;
  padding: 30px 60px !important;
  background: #f7fafe;
  min-height: calc(100vh - 80px);
}
.mobile main {
    margin-left: 0;
    padding: 30px 15px !important;
  }
.overlay_menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 20;
  -webkit-overflow-scrolling: touch;
}
.container_auth {
  width: 100%;
  background-color: whitesmoke;
  min-height: 100vh;
  background-size: cover;
}
.container_auth__logo {
    margin-top: 96px;
    text-align: center;
  }
.container_auth__logo img {
    width: 100px;
  }
main .h1 {
  margin-bottom: 20px;
  color: #2b394c;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
}
.mobile main .h1 {
    font-size: 1.5rem;
  }
main .h2 {
  margin-top: 40px;
  margin-bottom: 30px;
  color: #2b394c;
  font-size: 2rem;
  font-weight: 800;
}
.mobile main .h2 {
    font-size: 1.7rem;
  }
.ztm_main {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.mobile .ztm_main {
    z-index: 20;
  }
main .h3 {
  color: #2b394c;
  /* margin-bottom: 18px; */
  /* margin-top: 40px; */
  font-size: 1.2rem;
  font-weight: 800;
}
.exit_mob {
  border-top: 1px solid #f5f5f5;
}
.fade-enter-active {
  transition: opacity 0.5s;
}
.fade-enter {
  opacity: 0;
}
.fade-in-out-enter-active,
.fade-in-out-leave-active {
  transition: opacity 0.5s;
}
.fade-in-out-enter,
.fade-in-out-leave-to {
  opacity: 0;
}
.fademoboverlay-enter-active,
.fademoboverlay-leave-active {
  transition: opacity 0.2s;
}
.fademoboverlay-enter,
.fademoboverlay-leave-to {
  opacity: 0;
}
.fademobmenu-enter-active,
.fademobmenu-leave-active {
  transition: transform 0.2s;
}
.fademobmenu-enter,
.fademobmenu-leave-to {
  transform: translateX(-280px);
}
.fade_notif-enter-active,
.fade_notif-leave-active {
  transition: opacity transform 0.5s;
}
.fade_notif-enter,
.fade_notif-leave-to {
  opacity: 0;
  transform: translateY(20px);
}
input {
  cursor: pointer;
}
.green_link {
  color: #26a79a;
}
.btn {
  padding: 14px 28px;
  border: none;
  background: white;
  color: #dddddd;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 18px;
  outline: none;
  transition: 0.2s ease-in-out;
}
.btn svg {
    transition: 0.2s ease-in-out;
  }
.flex_wrap {
  flex-wrap: wrap;
}
.btn:hover {
  color: #575757;
}
.poligon_progress svg {
    overflow: visible;
  }
.poligon_progress h2 {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
  }
.poligon_progress .poligon {
    fill: rgba(31, 185, 118, 0.4);
    stroke-width: 2px;
    stroke: #26a79a;
  }
.poligon_progress .circle {
    fill: rgba(31, 185, 118, 0);
    stroke-width: 1px;
    stroke: #e6f3ec;
  }
.poligon_progress .line {
    fill: rgba(31, 185, 118, 0);
    stroke-width: 1px;
    stroke: #e6f3ec;
  }
.poligon_progress .circle_dot {
    fill: #e6f3ec;
  }
.poligon_progress .text {
    font-size: 12px;
    font-weight: 600;
  }
.progress_lessons .el-progress {
    margin-right: 15px;
  }
.progress_lessons .el-progress__text {
    font-size: 16px !important;
    font-weight: 800;
  }
.progress_lessons .red .el-progress__text {
    color: #f75044;
  }
.progress_lessons .yellow .el-progress__text {
    color: #f3b938;
  }
.progress_lessons .green .el-progress__text {
    color: #40e375;
  }
.progress_lessons__block {
    display: flex;
    margin-bottom: 10px;
  }
.progress_lessons__block__name {
      padding: 6px 0 8px;
      font-weight: 700;
      font-size: 18px;
    }
.progress_lessons__block__info {
      color: #c1c5ca;
      font-size: 13px;
    }
.main_carusel_white__stats_h2 {
    margin-top: 35px !important;
    margin-bottom: 35px;
    text-align: center;
  }
.mobile .main_carusel_white__arrow_block {
      margin-top: 10px;
      text-align: center;
    }
.main_carusel_white__arrow {
    position: relative;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
    color: #fff;
    outline: 0;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
  }
.mobile .main_carusel_white__arrow {
      width: 25px;
      height: 25px;
      transform: translateY(-0%);
    }
.main_carusel_white__arrow img {
      position: relative;
      vertical-align: middle;
    }
.mobile .main_carusel_white__arrow img {
        width: 10px;
      }
.main_carusel_white__arrow:hover {
    background-color: rgba(31, 45, 61, 0.23);
  }
.main_carusel_white__arrow-left {
    right: 5px;
  }
.main_carusel_white__arrow-left img {
      left: -1px;
    }
.main_carusel_white__arrow-right {
    left: 5px;
  }
.mobile .main_carusel_white__arrow-right {
      left: 0;
    }
.main_carusel_white__arrow-right img {
      right: -2px;
      transform: rotate(180deg);
    }
.main_carusel_green {
  height: 100%;
  overflow-x: inherit;
}
.main_carusel_green__arrow_block {
    position: absolute;
    bottom: 25px;
    left: calc(50% - 40px);
    z-index: 20;
  }
.mobile .main_carusel_green__arrow_block {
      position: relative;
      top: -35px;
      bottom: 0;
      left: 5px;
      z-index: 20;
    }
.main_carusel_green__arrow {
    position: relative;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    color: #fff;
    outline: 0;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, 0.11);
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
  }
.mobile .main_carusel_green__arrow {
      width: 25px;
      height: 25px;
      transform: translateY(-0%);
    }
.main_carusel_green__arrow img {
      position: relative;
      vertical-align: middle;
    }
.mobile .main_carusel_green__arrow img {
        width: 10px;
      }
.main_carusel_green__arrow:hover {
    background-color: rgba(31, 45, 61, 0.23);
  }
.main_carusel_green__arrow-left {
    right: 5px;
  }
.main_carusel_green__arrow-left img {
      left: -1px;
    }
.main_carusel_green__arrow-right {
    left: 5px;
  }
.mobile .main_carusel_green__arrow-right {
      left: 0;
    }
.main_carusel_green__arrow-right img {
      right: -2px;
      transform: rotate(180deg);
    }
.main_carusel_green .el-progress-circle {
    display: inline-block;
  }
.main_carusel_green .el-carousel__item {
    text-align: center;
  }
.main_carusel_green__circle {
    -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.14));
            filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.14));
  }
.main_carusel_green__circle text {
      fill: white;
    }
.main_carusel_green__circle .t1 {
      font-weight: 600;
      font-size: 18px;
    }
.main_carusel_green__circle .t2 {
      font-size: 13px;
    }
.main_carusel_green .el-carousel__container {
    height: 100%;
    overflow-x: hidden;
  }
.main_carusel_green .el-carousel__button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: 1;
  }
.main_carusel_green .el-carousel__indicator.is-active button {
    transform: scale(1.5);
  }
.main_carusel_green h2 {
    margin-top: 5px;
    margin-bottom: 30px;
    color: white;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
  }
.mobile .main_carusel_green h2 {
      margin-top: 20px;
      margin-bottom: 5px;
      font-size: 12px;
      text-align: left;
    }
.cours {
  display: flex;
  height: 100%;
  padding: 20px 20px 20px 25%;
  background: url(../img/b1.42e5bb08.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  border-radius: 5px;
  letter-spacing: 1px;
  flex-direction: column;
  box-sizing: border-box;
}
.mobile .cours {
    letter-spacing: normal;
    min-height: auto;
  }
.cours__potok {
    color: white;
  }
.cours .el-row {
    display: flex;
    flex-wrap: wrap;
  }
.cours__btn {
    margin-top: auto;
    padding: 10px 0;
    min-height: 45px;
  }
.cours__btn .btn {
      padding: 14px 28px;
    }
.cours__info {
    display: flex;
    margin-bottom: 15px;
  }
.cours__info__icons {
      display: flex;
      width: 30px;
      height: 30px;
      padding: 3px 6px;
      border: 2px solid #ffd800;
      border-radius: 13px;
      align-items: center;
      flex: 0 0 30px;
      justify-content: center;
    }
.cours__info__icons svg {
        fill: #ffd800;
      }
.cours__info__icons svg text {
          font-size: 18px;
        }
.cours__open .cours__info__icons {
        border: 2px solid #1c796f;
      }
.cours__open .cours__info__icons svg {
          fill: #1c796f;
        }
.cours__info__text {
      padding-left: 10px;
      padding-right: 10px;
      color: #ffd800;
      align-self: center;
      font-size: 12px;
      line-height: 17px;
      font-weight: bold;
    }
.mobile .cours__info__text {
        padding-right: 2px;
        font-size: 10px;
      }
.cours__open .cours__info__text {
        color: #1c796f;
      }
.cours h2 {
    margin-bottom: 20px;
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
  }
.mobile .cours h2 {
      font-size: 18px;
      line-height: 25px;
    }
.cours__teacher {
    display: flex;
    margin-bottom: 15px;
  }
.cours__teacher__title {
      color: white;
      font-size: 1.5rem;
      font-weight: bold;
    }
.mobile .cours__teacher__title {
        font-size: 16px;
        line-height: 20px;
      }
.cours__teacher__avatar {
      width: 54px;
      height: 54px;
      margin-right: 20px;
      border-radius: 7px;
    }
.mobile .cours__teacher__avatar {
        width: 45px;
        height: 45px;
        margin-right: 15px;
      }
.cours__teacher__info {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.cours__teacher__info__name {
        color: white;
        font-weight: bold;
        letter-spacing: 0.04rem;
      }
.mobile .cours__teacher__info__name {
          font-size: 0.875rem;
        }
.cours__teacher__info__description {
        color: white;
        font-size: 0.875rem;
        line-height: 1.1;
        font-weight: 300;
        letter-spacing: -0.005rem;
      }
.mobile .cours__teacher__info__description {
          font-size: 13px;
        }
.info_slide {
  margin-top: 20px;
  margin-bottom: 20px;
  color: white;
  font-weight: 600;
}
.mobile .info_slide {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 9px;
  }
.mobile .mobile .info_slide br {
      display: none;
    }
.mob_carusel_info {
  display: flex;
}
/* min-height: 100px; */
.mob_carusel_info__first {
    margin-right: 2%;
    /* height: 50px;
    width: 50px; */
    flex: 0 0 43%;
  }
.mob_carusel_info__second {
    flex: 0 0 57%;
  }
.mob_carusel_info__second__wrap {
      padding: 0 0 0 5px;
    }
.mob_carusel_info__second__dot {
      display: inline-block;
      width: 5px;
      height: 5px;
      margin-left: 7px;
      background: white;
      border-radius: 50%;
      transition: 0.3s ease-in-out;
    }
.mob_carusel_info__second__dot.ac {
        transform: scale(1.5);
      }
.mob_carusel_info_white__second__dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 7px;
    background: #26a79a;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
  }
.mob_carusel_info_white__second__dot.ac {
      transform: scale(1.5);
    }
.upload-btn-wrapper {
  position: relative;
}
.upload-btn-wrapper .upload-btn {
    top: -5px;
    padding: 9px 20px 8px;
    font-size: 0.7rem;
  }
.btn_grey {
  padding: 8px 20px !important;
  border: 2px solid #c8c8c8;
  background: #c8c8c8;
  color: white;
  border-radius: 5px !important;
  font-size: 10px;
  font-weight: bold;
  outline: 0;
  border-style: none;
}
.btn_grey:hover {
    background: #c8c8c8;
    color: white;
  }
.btn_grey_outline {
    background: white;
    color: #c8c8c8;
  }
.btn_grey_outline:hover {
      background: #c8c8c8;
      color: white;
    }
.nav-btn {
  margin-left: 15px;
  padding: 10px 20px 5px;
  font-size: 0.875rem;
  outline: 0;
}
.nav-btn.mobile {
    /* margin: 0px; */
    margin-left: 10px;
    /* padding: 5px 10px 2.5px !important; */
    font-size: 0.7rem;
  }
.nav-btn.__tools {
  background: #f7fafe !important;
  color: #d6dee8;
  border-style: solid !important;
  border-color: #d6dee8;
  border-width: 2px !important;
}
.nav-btn.__tools:hover {
    color: #2dc6b6;
    box-shadow: 0 5px 3px 0 #c5f0db;
    border-color: #2dc6b6;
  }
.circle_icon {
  width: 15px;
  height: 15px;
  padding: 0 !important;
  border-radius: 100% !important;
}
.profile__header {
    display: flex;
  }
.profile__header.mobile {
      position: relative;
      margin-bottom: 0px;
      flex-direction: column;
      align-items: center;
    }
.profile__header.mobile .next_arrow {
        display: flex;
        position: absolute;
        top: 38px;
        right: 0;
        width: 40px;
        height: 33px;
        margin-top: 4px;
        margin-right: -3px;
        padding-bottom: 16px;
        /* -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
          mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0)); */
        background: linear-gradient(
          to right,
          rgba(255, 255, 255, 0) 0%,
          #f7fafe 70%
        );
        align-items: center;
        justify-content: flex-end;
      }
.profile__header.mobile .next_arrow svg {
          transform: rotate(180deg);
        }
.profile__header.mobile .next_arrow svg .cls-1 {
            fill: rgb(198, 209, 222);
            fill-rule: evenodd;
          }
.profile__header h1.mobile {
        margin-bottom: 15px;
      }
.profile__header__navigation {
      display: flex;
      position: relative;
    }
.profile__header__navigation.mobile {
        width: 100%;
        margin-bottom: 20px;
        white-space: nowrap;
        grid-gap: 10px;
        gap: 10px;
        overflow-x: auto;
        height: auto;
      }
.profile__header__navigation.mobile::-webkit-scrollbar-track {
          background-color: transparent;
          background-color: initial;
          box-shadow: none;
          box-shadow: initial;
        }
.profile__header__navigation.mobile::-webkit-scrollbar {
          width: auto;
          width: initial;
          background-color: transparent;
          background-color: initial;
        }
.profile__header__navigation.mobile::-webkit-scrollbar-thumb {
          background-color: transparent;
          background-color: initial;
        }
.profile__header__navigation.mobile .mob_buttons {
          flex: 0 0 30%;
        }
.profile__header__navigation.mobile .mob_buttons .nav-btn.mobile {
            width: 100%;
            margin-left: 0;
          }
.profile__header__navigation.mobile .mob_buttons .nav-btn.mobile svg {
              fill: #26a79a;
            }
.profile__header__navigation.mobile .mob_buttons .nav-btn.mobile.router-link-exact-active svg {
                fill: white;
              }
.profile .avatar_col {
    padding: 0;
  }
.profile .avatar_col .avatar_block {
      display: flex;
      align-items: center;
      flex-direction: column;
    }
.profile .avatar_col .avatar_block.mobile {
        flex-direction: row;
        justify-content: space-around;
      }
.profile .avatar_col .avatar_block__bg {
        /* border-radius: 50px;
        background-color: #f1f0da;
        height: 100px; width: 100px;  */
        margin: 10px 0 22px 0;
      }
.profile .avatar_col .avatar_block__bg.mobile {
          margin-bottom: 10px;
        }
.profile .data_col {
    padding-left: 20px !important;
  }
.profile .data_col.mobile {
      padding: 3.5px !important;
    }
.personal_data {
  text-align: left;
}
.personal_data__text_ok {
    color: #26a79a;
    text-align: right;
  }
.personal_data__text_er {
    color: red;
    text-align: right;
  }
.personal_data__btn_green {
    display: flex;
    margin-left: auto;
    margin-bottom: 20px;
  }
.personal_data__btn_green svg {
      margin-right: 10px;
      align-items: end;
      align-self: center;
    }
.mobile .personal_data__btn_green {
      width: 100%;
      justify-content: center;
    }
.personal_data .input {
    padding: 10px 10px;
    box-sizing: border-box;
  }
.personal_data.data_elements .el-col {
      /* height: 70px; */
      margin-bottom: 10px;
    }
.personal_data .el-col {
    position: relative;
    padding-left: 0;
  }
.personal_data .name {
    margin-top: 20px;
    margin-bottom: 9px;
    color: #6d6d6d;
    font-size: 12px;
  }
.personal_data .name.mobile {
      margin-top: 10px;
    }
.personal_data .name .social {
      color: black;
      font-weight: bold;
      font-size: 15px;
      margin-left: 3px;
    }
.personal_data .value {
    display: flex;
    margin-bottom: 5px;
    color: #2b394c;
    font-size: 14px;
  }
.personal_data .value:hover {
      color: #2dc6b6;
    }
.personal_data .value svg {
      margin-left: 5px;
      cursor: pointer;
      flex: 0 0 15px;
    }
.personal_data .value svg .cls-1 {
        fill: #21bb76;
        fill-rule: evenodd;
      }
.personal_data .value.mobile h3 {
        overflow: hidden;
        text-overflow: ellipsis;
      }
.personal_data .value .empty_input {
      color: rgba(109,109,109,0.67843);
    }
.personal_data .el-row.mobile {
      margin: 0 !important;
    }
.personal_data .el-row.mobile .el-col {
        left: 0;
        padding: 0 !important;
      }
.personal_data .social {
    margin-top: 30px;
  }
.personal_data .social .box {
      display: flex;

      /* & .divtext{
        &.mobile{
           width: 100%;
        }
      } */
    }
.personal_data .social .box .icon {
      }
.personal_data .social .box .text {
        width: 100%;
        margin-left: 10px;
      }
.personal_data .social .box .text > .name {
        margin-top: 0;
      }
.personal_data.password_field .el-icon-view::before {
      content: '\E6CE' !important;
    }
.personal_data.password_field .form {
      display: flex;
      position: relative;
      align-items: center;
    }
.personal_data.password_field .reaction {
      width: 256px;
      height: 33px;
      margin-top: 5px;
    }
.personal_data.password_field .reaction p {
        position: 'absolute';
        margin-top: 0;
      }
.personal_data.password_field .reaction.mobile {
        display: flex;
        width: 100%;
        height: 10px;
        justify-content: flex-end;
      }
.personal_data.password_field .reaction.mobile p {
          font-size: 0.75rem;
        }
.personal_data.password_field .password_input {
      width: 100%;
    }
.personal_data.password_field .password_input.mobile {
      }
.personal_data.password_field .password_input::-webkit-credentials-auto-fill-button {
      position: absolute;
      right: 0;
      visibility: hidden;
      pointer-events: none;
    }
.personal_data.password_field i {
      margin-left: -35px;
      color: rgb(198, 209, 222);
      cursor: pointer;
      font-size: 20px;
    }
.personal_data.password_field i:hover {
        color: &light-green;
      }
.personal_data.password_field .name {
      font-size: 14px;
    }
.personal_data.password_field .name .true {
        color: &light-green;
      }
.personal_data.password_field .name .false {
        color: red;
      }
.data_field .head {
    display: flex;
    align-items: center;
  }
.data_field .head .text_box {
      margin-top: 0px;
    }
.data_field .head .text_box .p {
        width: 40vw;
        font-size: 0.8rem;
      }
.data_field .head .text_box .p.mobile {
          width: 100%;
        }
.data_field .head .text_box .h3 {
        margin-bottom: 7px;
      }
.data_field .svg {
    margin-right: 17px;
    align-self: flex-start;
    flex: 0 0 34px;
  }
.data_field .input_update {
    position: absolute;
    width: 80%;
    margin-top: -6px;
    margin-left: -10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 8px;
    border: 2px solid #d6dee8;
    color: #2b394c;
    border-radius: 15px;
    background-color: #f7fafe;
    outline: none;
    font-size: 14px;
    font-family: inherit;

    /* width: 90%; */
  }
.data_field .input_update.mobile {
      width: 90%;
    }
/* divtext */
.data_field__wrap {
    position: relative;
  }
.data_field__wrap__allflags {
      position: absolute !important;
      top: 50px;
      left: 0;
      width: 100%;
      height: 250px;
      padding: 10px 0;
      background: white;
      transition: 0.3s ease-in-out;
      box-shadow: 0 0 14px 0px rgba(128, 128, 128, 0.18);
      border-radius: 15px;
      z-index: 1;
    }
.data_field__wrap__allflags__block {
        height: 250px;
      }
.data_field__wrap__allflags__block__item hr {
            width: 100%;
            height: 1px;
            margin: 0px 4px;
            border: 0;
            background: rgb(198, 209, 222);
          }
.data_field__wrap__allflags__block__item__wrap {
            display: flex;
            width: 100%;
            padding: 5px 6px;
            align-items: center;
            font-size: 20px;
          }
.mobile .data_field__wrap__allflags__block__item__wrap {
              font-size: 17px;
            }
.data_field__wrap__allflags__block__item__wrap:hover {
              background: rgba(78, 189, 122, 0.1);
              cursor: pointer;
            }
.data_field__wrap__allflags__block__item__code {
            padding-left: 5px;
            flex: 0 0 60px;
          }
.mobile .data_field__wrap__allflags__block__item__code {
              flex: 0 0 50px;
            }
.data_field__wrap__allflags__block__item__flag {
            flex: 0 0 55px;
          }
.data_field__wrap__allflags__block__item__flag img {
              width: 42px;
              height: 28px;
              margin: 5px 6px;
              border-radius: 5px;
              -o-object-fit: contain;
                 object-fit: contain;
            }
.data_field__wrap__allflags::before {
        display: block;
        position: absolute;
        top: -10px;
        left: 18px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #fff;

        -webkit-filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));

                filter: drop-shadow(0 -2px 2px rgba(52, 73, 94, 0.1));
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
      }
.data_field__wrap__fl {
      padding-left: 70px !important;
    }
.data_field__wrap__flag {
      position: absolute;
      width: 42px;
      height: 28px;
      margin: 5px 6px;
      border-radius: 5px;
      -o-object-fit: contain;
         object-fit: contain;
      cursor: pointer;
    }
.data_field__wrap__good {
      position: absolute;
      color: #26a79a;
      font-size: 12px;
    }
.data_field__wrap__done {
      position: absolute;
      right: 0%;
      height: 38px;
      padding: 5px 12px;
      border: none;
      background: #26a79a;
      color: white;
      border-radius: 5px;
      font-size: 18px;
      cursor: pointer;
      outline: none;
    }
.data_field .divtext {
    width: 100%;
    font-size: 14px;
  }
.data_field .divtext:focus {
    }
.data_field :empty:not(:focus):before {
    color: rgb(220, 226, 232);
    content: attr(customplaceholder);
  }
.notice__top_desc {
  margin-bottom: 20px;
  color: #b4cab3;
}
main .h1.notice__top_h1 {
  margin-bottom: 10px;
}
.notice_block {
  margin: -15px -20px;
}
.notice_block__no_more {
    padding: 30px 15px;
    text-align: center;
  }
.notice_block__loading {
    padding: 30px;
  }
.notice_block__title {
    display: flex;
    height: 60px;
    padding: 0px 29px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0U0NzcwNzZCOTMyMTFFOTkxOTVBQzkwQkVENUVBNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0U0NzcwNzdCOTMyMTFFOTkxOTVBQzkwQkVENUVBNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RTQ3NzA3NEI5MzIxMUU5OTE5NUFDOTBCRUQ1RUE1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RTQ3NzA3NUI5MzIxMUU5OTE5NUFDOTBCRUQ1RUE1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIADwEQwMBEQACEQEDEQH/xAB1AAEBAQEBAQAAAAAAAAAAAAAAAQIDBAgBAQEBAQAAAAAAAAAAAAAAAAABAgMQAQACAQIEBQQCAwEBAAAAAAABAhExEiFBUTJhoVIDE3GBkSJCI7HB0WJDEQEBAQADAQADAQAAAAAAAAAAAREhMRJRQQIiYf/aAAwDAQACEQMRAD8A+p73ikZn7QJbjz3969ueI6QOd/asIgAAAAACgAAAze2I4azwiBLStdsY585FkSbTM7a6856CaR7ddbftPWQxoUAAmYjWcAx8kTwpG6fIT18WtJzutObeUfQJG4gVRQAAABQAAAQAAAAJmIjMziAY+WJ7Ym3jyGfRv9z0ecBt+HyX9E/mA2/Dd7s6ViPGZ/4G1PjzObzunpy/AefrekZnhA0xXN7b57Y7Y/2Mznlq9ttc6zpEeItuJSm2OPG08bSEmN4FVVAAAAVAAAAAUAAAUAAE3R1DTMATasRxmIRNZn3c8KRnx5Cb8StOOZnNuoSLe0xGI7p0FtWlYrGICRmZ3zMfwjXxE7biMRjl0GlwBgDAGAUAAABQAAFEAAAAAFUAAAAAAAAAAABQAAAAAFAAAAEAAAAUUAAAAAAAAAAAAiZgG62zqLKory+7fdeekcIHL9rywiAAAAAAAKAACWtFYzIazWJmd1vtHQSF5ntjukLVrWKxiBZEm/HFYzbygS1Nkz3WmfCOEBh8Xt9A8w+H2+geYR7Xtxy/IeY3EdBVwCigAAAACgAAAgAAAl7xWOszpAluMRTM7r8Z6coEz62NJNqxrMQJsT5Pb9UfkPUN9PVH5DYfLX+ObT4Cek22vxvp6Y/2Gb23pHSIGmK/vbfOkcK/9GZzddIgaVVAAAAAVAAAAAUAAAUHObzM4pxnnPKETfhsz3TM+UCYfHT0wL5h8dPTAnmLHt0j+MB5jWBpm14icRxt0gZtKVnO63G0iyHuWnG2O6wWrWsRERHIWRsAAAAAAAABQAAFEAAAAAFUAAAAAAAAAAABQAAAAAFAAAAEAAAAUUAAAAAAAAAAAAABrd/gXXkHIQAAAAAJmI1Bn5K8uP0E0+SOk/iQ1fkr4/iQ1N9p7a/eeAaRTjm05nyDFmYiMzoLalInunWfKBIXtPCte6efSAtWtYrGIFkawBgDAGAAUAUAAAAAUAAAEAACZiIzOgOdM2nfPPt+gzPrVrRXxmdIFtZ22t3ziPTAmb2se3SNKwLkXbXpAuGynpj8CZFFS16V1nj05iWyM4t7ndG2np5z9RM10iBpRRQAAAABUAAAABQAABi8zM7I1nWekIl+LEREYjRVkSbxnERunpCJp/ZPOK+YnJt9z1+QZTHuevyDKbLT3WmfpwDGq1iNIwLIWvFfGeUBbiUrOd1u6QkbgVQAAAAAAAAFAAAUQAAAAAVQAAAAAAAAAAAFAAAAAAUAAAAQAAABRQAAAAAAAAAAAAAAHmHMQAAAAZtec4jjIlqRSNbcZDGhQFABmfcjSP2npAmkVmZzb7RygMW0xWMyLalInjadZEjcCgKAAAAAKAAAAAKAAACAADnM/JOI7I1nr4DPbVpitZmdIGrcSlZ7rd0+Qki2tFYzP2gLcZ/st/4j8yJzT4o5zM/cPJ8Vesx9w8nxV5zM/WZDy1Wla6RgWSRrAqigCgAAAACoAAAACgACXtFYyJbjNKzEZnunjKEhaZtO2vCI7pEq1rERiOECyFr1rrr0C1N950p+ZwJtN3ueiPyG03+56PMNvw/snnFY8OMhytaRH15zOosjcQKoAAAAAAAAACgAAKIAAAAAKoAAAAAAAAAAACgAAAAAKAAAAIAAAAooAAAAAAAAAAAAAADzDmIAAAM3tiP8BaVriOOs6yJIk2xOI4z0C022nWceEBh8dOgZF+OnTzkMh8dOgeY1ERGnAVLWrXXXpzEtZiLWnNuERpUMdIFAAUAAAAAUAAAAAUAZm9I1mETYnze31/yJ6i/L7fqF9RPlr/GJt9ID0kxe/dwr6YEy1uIiIxGg0x32z/GvnIz3WrWisZkW3EpWc7rd0+QSN4FMAYAwCgCgACgAAAACoAAAACgDNrxHDWekaiWpFZmd1teUdETC9sRw1nhCratK7Yx+ZQkS1pmdteWsiWrWsV0+8iyLhVXAGAMILgFAAAAAAAAAAAUAABRAAAAABVAAAAAAAAAAAAUAAAAABQAAABAAAAFFAAAAAAAAAAAAAAAeYcxAAAmQYj9p3co0Eha2OEazoFq1rEfXnIsha0R9eUCWpG+elfOQ5Nt/X5BlXbf1+UBlNludp+3AMWtK10j7iyLgFAABQAAAABQAAAAEtaKxmRLWMWt3TiPTH+xO2orWNIFxVUwgAk2rXWcCWs/tfh2085E7biIiMRpA0xH73z/GunjIz3XSBoABRQAAAABQAAAABUAGbXiOGs9IEtT+yecV8w5NtvXIYbb+vygMpsmdbTPkJi1rWNIFkLWisZlS3ErEzO62vKOiJC9piMR3TwgW1a1xGAkawqqAgoAAAAAAAAAAAAACgAAKIAAAAAKoAAAAAAAAAAACgAAAAAKAAAAIAAAAooAAAAAAAAAAAAAADyjmZAyCTeOXGekImpibd2nQManERnkKzXjO6een0Eha2OEazoFq1rjxnnISNQKYBcAYAwAAAACgAAAACgAAAEzgHOv7TunT+MDM5amYrGZ0FtZze2n6x46ic0+PraZ+4eV+OOtvyLifHHW35E8rFKxpH3Fka4RxnhArEzN+FeFeduv0Ge24iIjEaQNKAACigAAAACgAAAACoM3tOle6RLStYj685CQm0RrOAtZ3zOlZnyE03X9HmG1d1/R5wLpn3J5RXzDkikROdZ6yEizMVjMqtuJWJmd1teUdIRmNwrSgAIKAAAAAAAAAAAAAAoAACiAAAAACqAAAAAAAAAAAAoAAAAACgAAACAAAAKKAAAAAAAAAAAAAAA8X9fPzyjjwf1BwR8XgLw1GMcNPAVQYvrGe0StisV77Z15fQSdtwqtIAAAAAAAAKAAAAAKAAAAx7udvh/L6DP7LGMcBWP8A6ftr/HoJ+XRWknOOGojE/P4InJ/f4B/RPz+An9J+uf7M5/8AWgcfl1G1AAABRQAAAABQAAAABeSDnTutnu/0Mxq2cTt15C1im3PHv551EjoNAAChOccNQc693793Lp9kYn+uittAAAIKAAAAAAAAAAAAAAoAACiAAAAACqAAAAAAAAAAAAoAAAAACgAAACAAAAKKAAAAAAAAAAAAAAA//9k=);
    color: #96aca9;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-position: center;
    font-size: 1.3rem;
    font-weight: bold;
    vertical-align: unset;
    align-items: center;
  }
.notice_block__iteam {
    display: flex;
    padding: 20px 0;
    align-items: center;
    border-bottom: 1px solid #f7f6f6;
  }
.notice_block__iteam__wrap_info {
      width: 70%;
    }
.notice_block__iteam__status {
      width: 40px;
      text-align: center;
    }
.notice_block__iteam__icon {
      width: 31px;
      height: 31px;
      margin-right: 20px;
      border-radius: 50%;
    }
.notice_block__iteam__title {
      margin-bottom: 10px;
      font-weight: 800;
    }
.mobile .notice_block__iteam__title {
        width: auto;
        width: initial;
      }
.notice_block__iteam__time {
      width: 170px;
      color: #c1c5ca;
    }
.notice_block__iteam__action {
      margin-left: auto;
      margin-right: 20px;
    }
.notice_block__iteam__action .btn {
        padding: 9px 20px 10px;
        font-size: 14px;
      }
.notice_block__iteam__info {
      margin-right: auto;
      line-height: 1.3;
    }
.mobile .notice_block__iteam__info {
        width: 100%;
        padding-right: 10px;
      }
.notice_block__iteam__content {
      margin-top: 10px;
      margin-bottom: 10px;
    }
.notice_block__iteam__media {
      display: flex;
      flex: 0 0 60px;
      align-items: center;
      align-self: end;
    }
.notice_block__iteam:last-child {
    border-bottom: 0px solid #e3e3e3;
  }
/* Кастомный switch */
.el-switch__label.is-active {
  color: #2b394c;
  font-family: inherit;
}
.el-switch__core {
  width: 35px !important;
  height: 14px;
}
.el-switch.is-checked .el-switch__core::after {
  left: 100%;
}
.el-switch__core:after {
  top: -4px;
  left: -4px;
  width: 20px;
  height: 20px;
  box-shadow: 0 1px 3px 0.006rem grey;
}
.el-switch__label * {
  margin-left: 22px;
  font-size: 0.875rem;
}
.el-switch__label *.mobile {
    font-size: 0.7rem;
  }
.el-switch.mobile span {
      font-size: 0.753rem !important;
    }
.el-switch.mobile .el-switch__core {
      width: 45px !important;
      height: 14px;
    }
.el-switch.mobile .el-switch__core:after {
      top: -2px;
      width: 16px;
      height: 16px;
    }
.el-switch.mobile .el-switch.is-checked.mobile .el-switch__core:after {
      margin-left: -12px;
    }
.el-switch.is-checked.mobile .el-switch__core::after {
  margin-left: -12px;
}
/* Модальное окно */
.v--modal-overlay .v--modal-box {
  height: auto !important;
  margin-top: 5px;
  border-radius: 5px;
  -webkit-overflow-scrolling: touch;
  transition: 0.2s ease;
}
.upload_avatar_modal {
  border-radius: 5px;
}
.upload_avatar_modal .avatar_removeImg {
    position: absolute;
    top: 30px;
    right: 30px;
    background: #2b394c;
    border: none;
    outline: none;
    padding: 4px 6px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
  }
.upload_avatar_modal .avatar {
    position: relative;
    margin-top: 20px;
    padding: 0 20px;
  }
.upload_avatar_modal .avatar #avatarEditorCanvas {
      width: 500px;
      max-width: 100%;
    }
.upload_avatar_modal .head {
    display: flex;
    height: 56px;
    padding: 0 32px 0 32px;
    align-items: center;
    justify-content: space-between;
  }
.mobile .upload_avatar_modal .head h3 {
      font-size: 1rem;
    }
.upload_avatar_modal .head .cross {
      margin-right: -17px;
      color: #dde4dd;
      font-size: 28px;
      cursor: pointer;
    }
.upload_avatar_modal .body {
    display: flex;
    position: relative;
    background-color: #f7fafe;
    flex-direction: column;
    align-items: center;
  }
.upload_avatar_modal .body .plus_minus_ava {
      display: flex;
      position: absolute;
      top: calc(50% - 90px);
      right: 30px;
      flex-direction: column;
    }
.upload_avatar_modal .body .plus_minus_ava .btn {
        display: flex;
        width: 35px;
        margin-bottom: 10px;
        padding: 0px 5px;
        font-size: 30px;
        line-height: 1;
        flex: 0 0 35px;
        align-items: center;
        justify-content: center;
      }
.mobile .upload_avatar_modal .body .plus_minus_ava .btn {
          width: 30px;
          flex: 0 0 30px;
        }
.upload_avatar_modal .body p {
      width: 71%;
      margin: 22px 0;
      text-align: center;
    }
.upload_avatar_modal .body .buttons {
      display: flex;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 25px;
      padding: 0px 25%;
      justify-content: space-evenly;
    }
.upload_avatar_modal .body .buttons .btn_grey {
        font-size: 18px;
      }
.mobile .upload_avatar_modal .body .buttons {
        display: flex;
        width: 100%;
        padding: 0 20px;
        flex-direction: column-reverse;
        text-align: center;
      }
.mobile .upload_avatar_modal .body .buttons .btn {
          margin-bottom: 20px;
        }
.upload_avatar_modal .body .buttons a {
        margin-right: 25px;
        color: #b2c0b9;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
      }
.upload_avatar_modal.mobile .head {
      padding-top: 5px;
      padding-bottom: 5px;
    }
.upload_avatar_modal.mobile h3 {
      padding: 0 5px;
      text-align: center;
    }
.upload_avatar_modal.mobile p {
      width: 100%;
      line-height: 1.3;
    }
.upload_avatar_modal.mobile .avatar canvas {
      }
.pay_block {
  display: flex;
  position: relative;
}
.mobile .pay_block {
    flex-wrap: wrap;
  }
.pay_block__media {
    width: 317px;
    margin-top: -15px;
    margin-left: -23px;
    margin-bottom: -15px;
    background: linear-gradient(to bottom, #2dc6b6 0%, #2dc6b6 100%);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
.mobile .pay_block__media {
      width: 100%;
      height: 45px;
      margin: -15px -20px;
      padding: 0 20px;
      background: url(../img/green_m_b.02c3449c.jpg) no-repeat;
      background-size: cover;
      border-radius: 15px 15px 0 0;
    }
.pay_block__media.bg_image {
      /* background: url('../img/practice/practice_hw1.png'); */
      display: block;
      position: relative;
      width: 1110px !important;
      border-radius: 10px 0 0 10px;
      z-index: 1;
      border-right: 1px solid rgba(255,255,255,0);
      background-position: 0px 0px !important;
      flex: 0 0 425px;
      background-position-x: right !important;
    }
.pay_block__media img {
      display: block;
      position: relative;
      border-radius: 10px 0 0 10px;
      z-index: 1;
    }
.pay_block__info {
    position: relative;
    padding-top: 10px;
    padding-left: 25px;
    flex: auto;
  }
.pay_block__info .subscription-active {
      display: inline-block;
      padding: 7px 15px;
      background: #effbef;
      color: #b4cab3;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      margin-top: 15px;
      margin-right: 8px;
    }
.pay_block__info__count_mobile {
      margin-top: 25px;
      color: #cccccc;
      text-align: center;
      font-size: 0.8em;
    }
.mobile .pay_block__info {
      margin-top: 25px;
      padding: 0;
    }
.pay_block__info__title {
      font-size: 1.5rem;
      font-weight: 900;
    }
.mobile .pay_block__info__title {
        font-size: 1.2rem;
      }
.pay_block__info__paket {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #2dc6b6;
      font-size: 1rem;
    }
.pay_block__info__list_iteam {
      fill: #2dc6b6;
      font-size: 0.8rem;
    }
.pay_block__info__list_iteam svg {
        margin-right: 5px;
      }
.pay_block__info__description {
      margin: 12px 0 0 0;
      font-size: 14px;
      line-height: 25px;
      /* height: 100px; */
    }
.pay_block__info__unic {
      margin-top: 13px;
      margin-bottom: 13px;
      color: #2dc6b6;
      font-size: 0.9rem;
    }
.pay_block__info__line {
      height: 1px;
      background-color: rgb(198, 209, 222);
      margin: 10px 0;
    }
.pay_block__info__installment_payment table {
        width: 100%;
      }
.pay_block__info__installment_payment table th {
          font-weight: bold;
        }
.pay_block__info__installment_payment table tr:nth-child(2n) td {
          background: #F5F8FA;
        }
.pay_block__info__installment_payment table tr.payment_active td {
          background: #D9EAD3;
        }
.pay_block__info__installment_payment table th, .pay_block__info__installment_payment table td {
          text-align: center;
          height: 30px;
          border-bottom: 1px solid #E6EAED;
          line-height: 2.6;
        }
.pay_block__info__price_block {
      display: flex;
      position: relative;
      margin: 20px 0;
      font-size: 1.3rem;
      font-weight: 700;
      align-items: baseline;
    }
.pay_block__info__price_block_mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
.pay_block__info__price_block_mobile .btn {
          display: block;
          width: 100%;
          padding: 6px 15px;
          font-size: 0.9rem;
          vertical-align: bottom;
          margin-bottom: 10px;
          margin-right: 10px;
        }
.pay_block__info__price_block_mobile__prices {
          display: inline-block;
          text-align: right;
          margin-bottom: 10px;
        }
.pay_block__info__price_block_mobile__prices__new {
            display: inline-block;
            font-weight: 600;
            font-size: 1.5em;

          }
.pay_block__info__price_block_mobile__prices__old {
            margin-left: 10px;
            display: inline-block;
            text-align: left;
            font-size: 1em;
            -webkit-text-decoration: line-through solid red;
               -moz-text-decoration: line-through solid red;
                    text-decoration: line-through solid red;
            color: rgb(198, 209, 222);
          }
.pay_block__info__price_block_mobile__prices__old span {
              font-size: 0.8rem;
           }
.pay_block__info__price_block__base_price {
        color: rgb(198, 209, 222);
        margin-left: 20px;
        margin-right: 15px;
        font-size: 1.4rem;
        font-weight: 600;
        -webkit-text-decoration: line-through solid red;
           -moz-text-decoration: line-through solid red;
                text-decoration: line-through solid red;
      }
.pay_block__info__price_block__price {
        color: #2dc6b6;
        font-size: 2rem;
        font-weight: 600;
      }
.pay_block__info__price_block__price small {
          font-size: 1.4rem;
        }
.pay_block__info__price_block__buy {
        display: flex;
        position: absolute;
        top: -13px;
        right: 10px;
        margin-left: auto;
      }
.pay_block__info__price_block__late {
        margin-left: 20px;
        color: #cccccc;
        font-size: 1rem;
        font-weight: 500;
      }
.pay_block__info__button_block {
      display: flex;
      position: relative;
      width: calc(100% + 70px);
      height: 55px;
      margin-left: -50px;
      margin-bottom: -5px;
      align-items: center;
      z-index: 0;
    }
.pay_block__info__button_block.comment_line {
        margin-top: 15px;
        background-color: #ebf8f2;
      }
.pay_block__info__button_block__comment_box {
        display: flex;
        margin-left: 50px;
      }
.pay_block__info__button_block__comment_box img {
          margin: 0 17px 0 8px;
        }
.pay_block__info__button_block__comment_box__text p {
            color: #202020;
            font-size: 12px;
            font-weight: bold;
          }
.pay_block__info__button_block__comment_box__text span {
            color: #1eaf67;
            font-size: 14px;
          }
.pay_block__info__button_block__duration_box {
        display: flex;
        margin-left: 50px;
      }
/* margin-top: -5px; */
.pay_block__info__button_block__duration_box img {
          margin-right: 12px;
        }
.pay_block__info__button_block__duration_box__text p {
            margin-bottom: 6px;
            color: #202020;
            font-size: 14px;
            font-weight: bold;
          }
.pay_block__info__button_block__duration_box__text span {
            color: #202020;
            font-size: 14px;
          }
.modal_block .head {
    display: flex;
    height: 56px;
    padding: 0 32px 0 32px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eef2f7;
  }
.modal_block .head h3 {
      font-weight: 500;
    }
.modal_block .head .cross {
      margin-right: -17px;
      color: #2b394c;
      font-size: 28px;
      cursor: pointer;
    }
.modal_block .body {
    display: flex;
    flex-direction: column;
  }
.modal_block .body .buttons {
      margin-top: 20px;
      margin-bottom: 25px;
    }
.modal_block .body .buttons span {
        margin-right: 25px;
        color: #b2c0b9;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
      }
.modal_block__green .head {
    background: url(../img/green_m_b.02c3449c.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
.modal_block__green .head .cross {
      color: white;
    }
.modal_block__green .head h3 {
      color: white;
      font-weight: 700;
    }
.modal__file_errors .body {
    padding: 0px 20px 20px;
  }
.modal__file_errors .h2 {
    margin: 0 0;
  }
.pay_doc_wrap {
  padding: 15px 15px;
  overflow-y: auto;
  max-height: 60vh;
  word-break: break-word;
  line-height: 20px;
  color: #000;
  font-size: 14px;
}
.pay_doc_wrap hr {
    margin: 25px 0;
  }
.pay_doc_wrap ol {
    counter-reset: item;
    padding: 0;

  }
.pay_doc_wrap ol > li {
       display: block;
       padding: 4px 0;

     }
.pay_doc_wrap ol > li[\:not-has\(h4\)]:before, .pay_doc_wrap ol > li[\:has\(h4\)] h4:before {
         content: counters(item, ".") ". ";
         counter-increment: item;
       }
.pay_doc_wrap ol > li:not(:has(h4)):before, .pay_doc_wrap ol > li:has(h4) h4:before {
         content: counters(item, ".") ". ";
         counter-increment: item;
       }
.pay_doc_wrap ol > li > ul {
         margin-left: 40px;
         list-style-type: square;
       }
.pay_doc_wrap ol > li h4 {
         padding: 10px 0;
       }
.pay_doc_wrap h1, .pay_doc_wrap h2, .pay_doc_wrap h3, .pay_doc_wrap h4 {
    font-weight: bold;
  }
.pay_doc_wrap a {
    color: #26a79a;
  }
.pay_doc_wrap__btns_bot {
    margin-top: 20px;
    margin-bottom: 10px;
  }
.pay_doc_wrap__btns_bot .btn_green {
      float: right;
    }
.pay_metods_wrap {
  display: flex;
}
.pay_metods_wrap__pays {
    width: 293px;

    background-color: #f7fafe;
    border-right: 1px solid #eef2f7;
  }
.pay_metods_wrap__pays__ofert_block {
      padding: 15px 10px 15px 25px;
      font-size: 12px;
      line-height: 1.3;
    }
.pay_metods_wrap__pays__ofert_block a {
        color: inherit;
      }
.pay_metods_wrap__pays > li {
      list-style: none;
      border-bottom: 1px solid #ecf0f5;
    }
.pay_metods_wrap__pays > li:hover {
      background: rgba(220, 227, 237, 0.3);
    }
.pay_metods_wrap__pays__list {
      display: flex;
      padding: 15px 5px 15px 10px;
      color: inherit;
      text-decoration: none;
      cursor: pointer;
    }
.pay_metods_wrap__pays__list.active {
        background: #dce3ed;
      }
.pay_metods_wrap__pays__list__title_block {
        font-size: 16px;
        font-weight: 700;
      }
.pay_metods_wrap__pays__list__title_block span {
          display: block;
          margin-top: 10px;
          font-size: 12px;
          font-weight: 500;
        }
.pay_metods_wrap__pays__list__icon_block {
        width: 50px;
        text-align: center;
      }
.pay_metods_wrap__content {
    width: 526px;
    padding: 0 20px;
    min-height: 500px;
  }
.pay_metods_wrap__content__frame__payment_active {
      }
.pay_metods_wrap__content__frame__othepays {
        display: flex;
        margin-bottom: 15px;
        padding: 30px 0px;
        background: #e31e24;
        color: white;
        justify-content: center;
        border-radius: 5px;
      }
.pay_metods_wrap__content__frame__othepays.green_back {
          background: #26a79a;
        }
.pay_metods_wrap__content__frame__btns {
        display: grid;
        margin-bottom: 30px;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
.pay_metods_wrap__content__frame__btns .btn {
          width: 100%;
          padding: 30px 0;
          border: 2px solid rgb(198, 209, 222);
          color: #2b394c;
          border-radius: 5px;
          box-shadow: 0 0 0 0;
        }
.pay_metods_wrap__content__frame__btns .btn img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px;
            max-width: 80%;
          }
.pay_metods_wrap__content__frame__btns .btn:hover {
            color: #2dc6b6;
            border-color: #2dc6b6;
          }
.pay_metods_wrap__content__frame__btns > div {
        }
.pay_metods_wrap__content__frame__iframe {
        margin-bottom: 30px;
        padding: 0 10px 0px 0px;
        max-height: 400px;
        overflow-y: auto;
      }
.pay_metods_wrap__content__frame__a {
        display: flex;
        width: 290px;
        height: 40px;
        margin: 0 auto;
        margin-bottom: 10px;
        border: 2px solid #dce3ed;
        color: inherit;
        text-decoration: none;
        text-align: center;
        border-radius: 30px;
        font-size: 18px;
        justify-content: center;
        align-items: center;
      }
.pay_metods_wrap__content__frame__a:hover {
          background: #f2f6fc;
        }
.pay_metods_wrap__content__frame__a img {
          margin-left: 10px;
          padding-top: 2px;
          max-height: 30px;
        }
.pay_metods_wrap__content__sum {
      display: flex;
      margin: 20px 0px;
      text-align: center;
      font-size: 18px;
    }
.pay_metods_wrap__content__sum__back_btn {
        border: none;
        background: none;
        color: rgb(198, 209, 222);
        outline: none;
        cursor: pointer;
        font-size: 16px;
      }
.pay_metods_wrap__content__sum__back_btn svg {
          margin-right: 12px;
          fill: rgb(198, 209, 222);
          vertical-align: baseline;
          vertical-align: initial;
        }
.pay_metods_wrap__content__sum__right {
        margin-left: auto;
      }
.pay_metods_wrap__content__sum__total {
        margin: 0px 5px 0 10px;
        font-weight: 700;
      }
.autoreg-link-box {
  margin: 20px 0;
  text-align: center;
}
.autoreg-link-box button {
    font-size: 12px;
    width: 100%;
  }
.practice.desktop .normal_block {
    overflow: hidden;
  }
.practice .practice_block {
    display: flex;
    position: relative;
  }
.practice .practice_block__media {
      width: 317px;
      margin-top: -15px;
      margin-left: -23px;
      margin-bottom: -15px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center !important;
    }
.practice .practice_block__media__overlay {
        display: flex;
        width: 100%;
        height: 100%;
        background: rgb(76 175 80 / 0.5);
        color: white;
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        flex-direction: column;
      }
.practice .practice_block__media__overlay.grey {
          background: rgb(134 142 153 / 0.5);
        }
.practice .practice_block__media__overlay__message {
          display: flex;
          margin-top: 20px;
          align-items: center;
        }
.practice .practice_block__media__overlay__message span {
            font-size: 14px;
          }
.practice .practice_block__media__overlay__message svg {
            margin-right: 15px;
            fill: white;
          }
.practice .practice_block__media.bg_image {
        display: block;
        position: relative;
        width: 1110px !important;
        border-radius: 0;
        z-index: 1;
        border-right: 1px solid rgba(255,255,255,0);
        background-position: 0px 0px !important;
        flex: 0 0 425px;
        background-position-x: right !important;
      }
.practice .practice_block__info {
      position: relative;
      padding-top: 10px;
      padding-left: 25px;
      flex: auto;
    }
.practice .practice_block__info__title {
        font-size: 1.5rem;
        font-weight: 900;
      }
.practice .practice_block__info__description {
        margin: 12px 0 20px 0;
        font-size: 14px;
        line-height: 25px;
        word-break: break-word;
        /* height: 100px; */
      }
.practice .practice_block__info__action_block {
        display: flex;
        position: relative;
        margin-bottom: 15px;
        font-size: 1.3rem;
        font-weight: 700;
        align-items: baseline;
      }
.practice .practice_block__info__action_block__action {
          position: absolute;
          right: 0;
          margin-left: auto;
          margin-right: 15px;
          padding: 12px 25px 13px;
          border: 0 !important;
          flex: 0 0 auto;
          font-size: 15px;
        }
.practice .practice_block__info__button_block {
        display: flex;
        position: relative;
        width: calc(100% + 70px);
        height: 65px;
        margin-left: -50px;
        margin-bottom: 5px;
        align-items: center;
        z-index: 0;
      }
.practice .practice_block__info__button_block.comment_line {
          margin-top: 15px;
          background-color: #ebf8f2;
        }
.practice .practice_block__info__button_block.comment_line.bad {
            background-color: #ffedec;
          }
.practice .practice_block__info__button_block.comment_line.bad span {
              color: #d23324;
            }
.practice .practice_block__info__button_block__comment_box {
          display: flex;
          margin-left: 50px;
          align-items: center;
        }
.practice .practice_block__info__button_block__comment_box img {
            width: 40px;
            height: 40px;
            margin: 0 17px 0 8px;
            border-radius: 30px;
          }
.practice .practice_block__info__button_block__comment_box__text p {
              color: #202020;
              font-size: 12px;
              font-weight: bold;
            }
.practice .practice_block__info__button_block__comment_box__text span {
              display: inline-block;
              width: 100%;
              margin-bottom: 5px;
              padding-right: 200px;
              color: #1eaf67;
              font-size: 14px;
              box-sizing: border-box;
            }
.practice .practice_block__info__button_block__duration_box {
          display: flex;
          margin-left: 50px;
        }
/* margin-top: -5px; */
.practice .practice_block__info__button_block__duration_box img {
            margin-right: 12px;
          }
.practice .practice_block__info__button_block__duration_box__text p {
              margin-bottom: 6px;
              color: #202020;
              font-size: 14px;
              font-weight: bold;
            }
.practice .practice_block__info__button_block__duration_box__text span {
              color: #202020;
              font-size: 14px;
            }
.practice.mobile {
    position: relative;
    padding-left: 45px;
    z-index: 0;
  }
.practice.mobile h1 {
      text-align: center;
      font-size: 1.4375rem;
    }
.practice.mobile .practice_block__info {
        padding-left: 25px;
      }
.practice.mobile .practice_block__info__title {
          width: 100%;
          font-size: 0.8125rem;
          line-height: 1.3;
        }
.practice.mobile .practice_block__info__description {
          height: 30px;
          margin-top: 10px;
          margin-bottom: 6px;
          font-size: 0.6875rem;
          text-overflow: ellipsis;
          overflow: hidden;
          line-height: 1.3;
        }
.practice.mobile .practice_block__info__action_block {
          position: relative;
          margin-bottom: 0;
          justify-content: flex-end;
        }
.practice.mobile .practice_block__info__action_block__action {
            position: relative;
            margin: 0;
            padding: 7px 12px 8px;
            font-size: 0.625rem;
          }
.practice.mobile .practice_block__info__action_block__action.btn_blocked {
              padding-left: 24px;
            }
.practice.mobile .practice_block__info__action_block__action .blocked_icon {
              left: 11px;
              width: 8px;
              height: 12px;
            }
.practice.mobile .practice_block__media.circle {
          display: flex;
          position: absolute;
          left: -30px;
          width: 60px;
          height: 60px;
          /* background-color: $light-green; */
          border-radius: 60%;
          justify-content: center;
          align-items: center;
          z-index: 3;
        }
.practice.mobile .practice_block__media.line {
          position: absolute;
          top: 30px;
          left: -30px;
          width: 7px;
          height: calc(100% + 55px);
          background: #2dc6b6;
          content: ' ';
          z-index: 2;
          border-radius: 0;
        }
.practice.mobile .practice_block__media.green {
          background: linear-gradient(
            to bottom,
            #45d5c5 0%,
            #26a79a 100%
          );
        }
.practice.mobile .practice_block__media.dark_green {
          background: #26a79a;
        }
.practice.mobile .practice_block__media.yellow {
          background: linear-gradient(
            to bottom,
            #f1a739 0%,
            #e29b33 100%
          );
        }
.practice.mobile .practice_block__media.dark_yellow {
          background: #e29b33;
        }
.practice.mobile .practice_block__media.grey {
          background: rgb(198, 209, 222);
        }
.practice.mobile .practice_block__media.green_to_yellow {
          background: linear-gradient(to bottom, #26a79a 0%, #f1a739 80%);
        }
.bottom_menu {
  display: flex;
  position: fixed;
  bottom: -5px;
  width: 100%;
  margin-bottom: 3px;
  padding: 15px 0px;
  background: white;
  z-index: 6;
  justify-content: space-around;
}
.bottom_menu__iteam {
    transition: 0.2s ease;
  }
.bottom_menu__iteam__a {
      display: flex;
      font-size: 10px;
      align-items: center;
      flex-direction: column;
      text-decoration: none;
    }
.bottom_menu__iteam__a__title {
        font-size: 0;
      }
.zaglushka__circl_block {
    display: block;
    margin: 0 auto;
    max-width: 200px;
  }
.zaglushka .normal_block.normal_block_red {
    background: #ff564a;
    color: white;
  }
.zaglushka .normal_block.normal_block_red h2 {
      color: white;
    }
.zaglushka .normal_block.normal_block_red h2 img {
        margin-right: 10px;
      }
.zaglushka .telegram_a {
    display: inline-block;
    padding: 10px 15px;
    background: #00a7e3;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
  }
.zaglushka .box_size100 {
    height: 100%;
    box-sizing: border-box;
  }
.zaglushka .btn_chrom {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 15px;
    background: #1a73e8;
    color: white;
    text-decoration: none;
    border-radius: 5px;
  }
.zaglushka .btn_chrom img {
      margin-right: 10px;
    }
.zaglushka .btn_yb {
    background: #fc2f2f;
    color: white;
  }
.zaglushka .btn_ob {
    background: #f2f2f2;
    color: #303133;
  }
.zaglushka .green {
    color: #2dc6b6;
  }
.zaglushka .just_text {
    margin: 30px -10px;
  }
.zaglushka .g {
    margin-right: 10px;
    vertical-align: sub;
  }
.zaglushka .h2 {
    margin: 0;
    font-size: 1.6rem;
  }
.zaglushka .h2,
  .zaglushka .h3,
  .zaglushka .h4 {
    font-weight: 700;
  }
.zaglushka__top {
    display: flex;
  }
.zaglushka__top__hand {
      margin-right: 25px;
    }
.zaglushka__top .h1 {
      margin-bottom: 10px;
    }
.hw__top__info {
  display: flex;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.hw__top__info__img {
    margin-right: 20px;
  }
.text_inside strong {
    font-weight: 600;
  }
.text_inside ul {
    list-style: disc;
  }
.text_inside ol {
    list-style: decimal;
  }
.text_inside ol,
  .text_inside ul {
    margin-bottom: 10px;
    margin-left: 15px;
  }
.text_inside p {
    margin-bottom: 10px;
  }
.text_inside li {
    padding-bottom: 5px;
    line-height: 1.3;
  }
.hw_content strong {
    font-weight: 600;
  }
.hw_content ul {
    list-style: disc;
  }
.hw_content ol {
    list-style: decimal;
  }
.hw_content ol,
  .hw_content ul {
    margin-bottom: 10px;
    margin-left: 15px;
  }
.hw_content p {
    margin-bottom: 10px;
  }
.hw_content li {
    padding-bottom: 5px;
    line-height: 1.3;
  }
.hw_content iframe {
    max-width: 100%;
  }
.hw_content__img_block {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
  }
.hw_content__img_block__img {
      position: relative;
      margin-right: 18px;
      flex: 0 0 32%;
      border-radius: 20px;
      overflow: hidden;
    }
.hw_content__img_block__img img {
        display: block;
        width: 100%;
      }
.hw_content__img_block__img__overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 48, 27, 0.7098039215686275);
        opacity: 0;
        transition: ease-in-out 0.1s;
        border-radius: 20px;
        cursor: pointer;
      }
.hw_content__img_block__img__overlay img {
          position: relative;
          top: calc(50% - 18px);
          width: 35px;
          height: 35px;
          margin: 0 auto;
        }
.hw_content__img_block__img:hover .hw_content__img_block__img__overlay {
          opacity: 1;
        }
.hw_content__img_block__img:nth-child(3n) {
      margin-right: 0;
    }
.hw_content__video {
    margin: 20px -20px;
  }
.hw_content__video img {
      width: 100%;
    }
.hw_content__bot_info {
    display: flex;
    margin: 20px -20px;
    padding: 25px 20px;
    background: #f4faf4;
    flex-wrap: wrap;
  }
.hw_content__bot_info__text {
      font-weight: bold;
      line-height: 1.5;
    }
.hw_content__bot_info__wrap {
      display: flex;
      width: 100%;
      margin-bottom: 20px;
    }
.hw_content__bot_info__wrap:last-child {
      margin-bottom: 0;
    }
.hw_content__bot_info__number {
      display: flex;
      height: 25px;
      margin-right: 10px;
      background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
      color: white;
      flex: 0 0 25px;
      text-align: center;
      font-size: 1.1rem;
      font-weight: bold;
      border-radius: 50%;
      justify-content: center;
    }
.hw_content__bot_info__number span {
        margin-top: -2px;
        padding-right: 1px;
        align-self: center;
      }
.hw_content__upload__fl {
      display: grid;
      margin-top: 20px;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 15px;
    }
.mobile .hw_content__upload__fl {
        grid-template-columns: repeat(2, 1fr);
      }
.hw_content__upload__fl__item {
        position: relative;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
      }
.hw_content__upload__fl__item:nth-child(4) {
          padding-right: 0;
        }
.hw_content__upload__fl__item:hover .hw_content__upload__fl__item__remove {
          opacity: 1;
        }
.hw_content__upload__fl__item__remove {
          position: absolute;
          top: 10px;
          right: 10px;
          width: 20px;
          height: 20px;
          padding: 0px 0px 2px 0;
          border: none;
          background: rgba(140, 140, 140, 0.25);
          transition: 0.2s ease-in-out;
          opacity: 0;
          outline: none;
          border-radius: 50%;
          cursor: pointer;
          z-index: 2;
        }
.mobile .hw_content__upload__fl__item__remove {
            opacity: 1;
          }
.hw_content__upload__fl__item__remove.visible {
            opacity: 1;
          }
.hw_content__upload__fl__item__remove svg {
            width: 8px;
            fill: #6e6e6e;
          }
.hw_content__upload__fl__item__overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(70, 70, 70, 0.2);
        }
.hw_content__upload__fl__item__overlay__error {
            background: rgba(255, 9, 9, 0.3);
          }
.hw_content__upload__fl__item__overlay__error__text {
              display: flex;
              width: 100%;
              height: 100%;
              padding: 5px 10px;
              color: white;
              font-weight: 700;
              justify-content: center;
              align-items: center;
              text-align: center;
              box-sizing: border-box;
            }
.mobile .hw_content__upload__fl__item__overlay__error__text {
                font-size: 13px;
              }
.hw_content__upload__fl__item__overlay__error svg {
              display: none;
            }
.hw_content__upload__fl__item__overlay__error button {
              display: none;
            }
.hw_content__upload__fl__item__overlay__del {
            position: absolute;
            top: 25px;
            left: calc(50% - 12.5px);
            width: 25px;
            height: 25px;
            padding: 2px 0px 0 0;
            border: none;
            background: #303031;
            border-radius: 50%;
            outline: none;
            cursor: pointer;
          }
.hw_content__upload__fl__item__overlay__del svg {
              width: 11px;
              fill: white;
            }
.hw_content__upload__fl__item__overlay__circle {
            position: absolute;
            top: 13px;
            left: calc(50% - 25px);
            width: 50px;
          }
.hw_content__upload__fl__item__wrap {
          display: block;
          position: relative;
          padding: 10px 10px;
          background: #f7fafe;
          border-radius: 5px;
          overflow: hidden;
          text-decoration: none;
        }
.hw_content__upload__fl__item__bot {
          display: flex;
          margin-top: 25px;
          justify-content: space-between;
          align-items: baseline;
        }
.hw_content__upload__fl__item__bot__size {
            color: #c8c8c8;
            font-size: 13px;
          }
.hw_content__upload__fl__item__bot__apl {
            padding: 3px 5px 2px 5px;
            background: #185abd;
            color: white;
            font-size: 12px;
            border-radius: 5px;
          }
.hw_content__upload__fl__item__title {
          padding-right: 20px;
          color: #6d6d6d;
          font-size: 13px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          line-height: 1.3;
        }
.hw_content__upload__title {
      margin-bottom: 15px;
      font-weight: bold;
      line-height: 1.5;
    }
.hw_content__upload__title svg {
        margin-right: 10px;
        vertical-align: middle;
      }
.home_work_mob .hw_content__upload__static {
        margin-top: 15px;
      }
.home_work_mob .hw_content__upload__static .btn_green {
        display: block;
        margin: 20px auto 10px;
      }
.hw_content__upload__static__iteams {
        padding: 20px 0;
      }
.hw_content__upload__static__iteams__iteam {
          display: flex;
          margin: 15px 0;
          color: rgb(175, 218, 196);
          word-break: break-all;
          font-size: 14px;
          font-weight: 900;
          letter-spacing: 0.5px;
        }
.hw_content__upload__static__iteams__iteam__del {
            flex: 0 0 15px;
          }
.hw_content__upload__static__iteams__iteam__img_file {
            flex: 0 0 20px;
          }
.hw_content__upload__upload_block__icon_file {
        position: absolute;
        top: 10px;
        right: 10px;
        flex: 0 0 34px;
        z-index: 1;
      }
.hw_content__upload__upload_block__icon_file button {
          padding: 0 0;
          border: none;
          background: none;
          outline: none;
          cursor: pointer;
        }
.hw_content__upload__upload_block__icon_file button:hover svg {
              fill: #26a79a;
            }
.hw_content__upload__upload_block__icon_file button svg {
            transition: 0.2s ease-in-out;
            fill: #c8c8c8;
          }
.hw_content__upload__upload_block__area_upload {
        display: flex;
        position: relative;
        width: 100%;
        border: 1px solid #c8c8c8;
        min-height: 150px;
        border-radius: 15px;
        overflow: hidden;
      }
/* background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect rx='15' width='100%' height='100%' style='fill: none; stroke: rgb(175, 218, 196); stroke-width: 4; stroke-dasharray: 9 6'/></svg>"); */
.hw_content__upload__upload_block__area_upload__file_wrap {
          position: absolute;
          width: calc(100% - 39px);
          height: calc(100% - 39px);
          margin: 4px;
          padding: 15px;
          background: white;
          border-radius: 13px;
          z-index: 2;
        }
.home_work_mob .hw_content__upload__upload_block__area_upload__file_wrap {
            display: block;
            /* position: relative; */
            width: 100%;

            width: calc(100% - 4px);
            height: calc(100% - 12px);
            margin: 0 0 0 0;
            margin-top: 2px;
            margin-left: 2px;
            padding: 0;
            padding-top: 8px;
          }
.hw_content__upload__upload_block__area_upload__dragin_overlay {
          display: flex;
          position: absolute;
          width: calc(100% - 39px);
          height: calc(100% - 39px);
          margin: 4px;
          padding: 15px;
          background: rgba(31, 185, 118, 0.6);
          color: #5e5e5e;
          z-index: 3;
          border-radius: 13px;
          font-size: 25px;
          text-align: center;
          vertical-align: text-top;
          justify-content: center;
          align-items: center;
        }
.hw_content__upload__upload_block__area_upload__textarea {
          position: relative;
          width: 100%;
          margin: 10px;
          border: none;
          background: rgba(255, 255, 255, 0.2);
          z-index: 2;
          font-family: sans-serif;
          resize: none;
          outline: none;
        }
.hw_content__upload__upload_block__area_upload__no_files {
          display: flex;
          margin: 0 auto;
          padding: 70px 0;
          color: rgb(175, 218, 196);
          align-self: center;
          cursor: pointer;
        }
.hw_content__upload__upload_block__area_upload__list_upload {
          width: 100%;
        }
.hw_content__upload__upload_block__area_upload__list_upload__iteam {
            display: flex;
            padding: 20px 20px 0;
            align-items: center;
          }
.home_work_mob .hw_content__upload__upload_block__area_upload__list_upload__iteam {
              margin-bottom: 15px;
              /* display: block; */
              padding: 0 0 10px 0;
              /* border-bottom: 1px solid rgb(175, 218, 196);; */
            }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__del {
              padding: 0px 0 5px 0;
              flex: 0 0 20px;
            }
.home_work_mob .hw_content__upload__upload_block__area_upload__list_upload__iteam__del {
                display: inline-block;
                margin-left: 14px;
              }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__name {
              color: rgb(175, 218, 196);
              flex: 0 0 230px;
              word-break: break-word;
              font-size: 14px;
              font-weight: 900;
              letter-spacing: 0.5px;
            }
.home_work_mob .hw_content__upload__upload_block__area_upload__list_upload__iteam__name {
                display: inline-block;
                flex: 0 0 200px;
              }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__name img {
                margin-right: 10px;
                float: left;
              }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__progress {
              margin: 0 20px;
              flex: 1;
            }
.home_work_mob .hw_content__upload__upload_block__area_upload__list_upload__iteam__progress {
                margin: 0 0;
              }
/* cicle progress bar */
.home_work_mob .hw_content__upload__upload_block__area_upload__list_upload__iteam__progress .el-progress__text {
                    font-size: 12px !important;
                    font-weight: 800;
                  }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__progress__def {
                width: 100%;
                height: 10px;
                margin: 4px 0;
                background: #e3e4e5;
                border-radius: 15px;
              }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__progress__status {
                height: 10px;
                background: linear-gradient(
                  to left,
                  #2dc6b6 0%,
                  #26a79a 100%
                );
                border-radius: 15px;
                transition: ease-in-out 0.2s;
              }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__progress__status.error_upload {
                  background: linear-gradient(
                    to left,
                    #d98079 0%,
                    #e31e24 100%
                  );
                }
.hw_content__upload__upload_block__area_upload__list_upload__iteam__status {
              color: grey;
              flex: 0 0 150px;
              font-style: italic;
              font-size: 14px;
            }
.hw_content__upload__upload_block__area_upload__list_upload__iteam:last-of-type {
            /* padding: 20px; */
          }
.hw_content__upload__upload_block__area_upload__answer_status {
          display: flex;
          width: 100%;
          /* color: $light-green; */
          color: rgb(175, 218, 196);
          align-items: center;
          justify-content: center;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          /* opacity: 0.6; */
        }
.hw_content__upload__upload_block__area_upload.mobile .ck.ck-editor__main {
            font-size: 14px;
          }
.hw_content__upload__comment__emptyerror {
      margin-top: 10px;
      color: red;
      font-size: 0.8rem;
      line-height: 1.3;
    }
.hw_content__upload .ck.ck-editor__main > .ck-editor__editable {
      padding-right: 40px;
      min-height: 111px;
      border-top-left-radius: 15px !important;
      border-top-right-radius: 15px !important;
      border: none !important;
    }
.hw_content__upload .ck.ck-editor {
      display: flex;
      width: 100%;
      height: 100%;
      margin-top: 0;
      margin-left: 0;
      flex-direction: column-reverse;
    }
.hw_content__upload .ck.ck-editor__main > .ck-editor__editable {
        border: none;
      }
.hw_content__upload .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
    }
.go_back {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
  text-align: center;
  border-radius: 50%;
}
.go_back__article {
    margin-right: 10px;
    top: 0;
  }
.mobile .go_back__article svg {
        width: 10px;
        height: 14px;
        left: 7px;
      }
.go_back__article svg {
      width: 12px;
      height: 20px;
      position: absolute;
      left: 8px;
      top: 5px;
      fill: #ffffff;
    }
.mobile .go_back__article {
      top: 5px;
    }
.go_back img {
    position: absolute;
    top: 4px;
    right: 9px;
  }
.mobile .go_back {
    width: 25px;
    height: 25px;
  }
.mobile .go_back img {
      right: 8px;
      width: 11px;
    }
.right_hw__files {
    margin: 15px 0 0;
    padding: 15px;
    background: white;
    box-shadow: 0px 8px 18px -1px rgba(188, 188, 188, 0.16863);
    border-radius: 5px;
  }
.right_hw__files__title {
      font-size: 18px;
      font-weight: 900;
    }
.right_hw__files__iteam {
      display: flex;
      margin-top: 20px;
    }
.right_hw__files__iteam__left {
        flex: 0 0 50px;
      }
.right_hw__files__iteam__left__img {
          width: 33px;
        }
.right_hw__files__iteam__right__name {
          margin-bottom: 10px;
          line-height: 1.3;
          word-break: break-word;
        }
.right_hw__files__iteam__right__silka {
          text-decoration: none;
          font-size: 14px;
          font-weight: 600;
        }
.right_hw__files__iteam__right__silka:hover {
            text-decoration: underline;
          }
.file_xls .right_hw__files__iteam__right__silka,
          .file_xlsx .right_hw__files__iteam__right__silka {
            color: #84bd5a;
          }
.file_pdf .right_hw__files__iteam__right__silka,
          .file_ppt .right_hw__files__iteam__right__silka,
          .file_pptx .right_hw__files__iteam__right__silka {
            color: #f15642;
          }
.file_jpg .right_hw__files__iteam__right__silka,
          .file_jpeg .right_hw__files__iteam__right__silka {
            color: #50bee8;
          }
.file_doc .right_hw__files__iteam__right__silka,
          .file_docx .right_hw__files__iteam__right__silka {
            color: #50bee8;
          }
.file_png .right_hw__files__iteam__right__silka {
            color: #9f66aa;
          }
.right_hw__comments {
    margin: 15px 0 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 8px 18px -1px rgba(188, 188, 188, 0.16863);
  }
.right_hw__comments__bot {
      padding: 0 10px;
      background: #f7fafe;
    }
.right_hw__comments__bot__in {
        position: relative;
        padding: 15px 15px;
      }
.right_hw__comments__bot__in__text {
          width: calc(100% - 130px);
          padding: 6px 50px 6px 15px;
          border: 1px solid #ebf0f7;
          outline: none;
          border-radius: 5px;
          cursor: text;
        }
.right_hw__comments__bot__in__text::-webkit-input-placeholder {
            color: #b1b1b1;
          }
.right_hw__comments__bot__in__text::-moz-placeholder {
            color: #b1b1b1;
          }
.right_hw__comments__bot__in__text:-ms-input-placeholder {
            color: #b1b1b1;
          }
.right_hw__comments__bot__in__text::-ms-input-placeholder {
            color: #b1b1b1;
          }
.right_hw__comments__bot__in__text::placeholder {
            color: #b1b1b1;
          }
.right_hw__comments__bot__in__btn_file {
          position: absolute;
          top: 20px;
          right: 103px;
          border: none;
          background: none;
          outline: none;
          cursor: pointer;
        }
.right_hw__comments__bot__in__btn {
          position: absolute;
          top: 16px;
          right: 15px;
          padding: 8px 15px;
          border: none;
          background: linear-gradient(
            to bottom,
            #2dc6b6 0%,
            #26a79a 100%
          );
          color: white;
          font-size: 11px;
          box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.16863);
          border-radius: 5px;
          outline: none;
          cursor: pointer;
        }
.right_hw__comments__body {
      padding: 0px 10px 15px 10px;
      background: white;
    }
.right_hw__comments__body__mes {
        display: flex;
        padding-top: 15px;
      }
.right_hw__comments__body__mes__ava {
          flex: 0 0 50px;
          text-align: center;
        }
.right_hw__comments__body__mes__ava__img {
            width: 32px;
            height: 32px;
            margin-right: 5px;
            border-radius: 50%;
          }
.right_hw__comments__body__mes__content {
          display: flex;
          /* align-items: center; */
          justify-content: center;
          flex-direction: column;
        }
.right_hw__comments__body__mes__content__name {
            margin-bottom: 5px;
            color: rgb(198, 209, 222);
            font-size: 14px;
            font-weight: 700;
          }
.my_mes .right_hw__comments__body__mes__content__name {
            color: #26a79a;
          }
.right_hw__comments__body__mes__content__mes {
            font-size: 13px;
          }
.right_hw__comments__body__mes__content.no_avatar {
            padding-left: 10px;
          }
.right_hw__comments__head {
      padding: 10px 20px;
      background: linear-gradient(to left, #2dc6b6 0%, #26a79a 100%);
      color: white;
      font-weight: 700;
      background-repeat: no-repeat;
    }
.right_hw__lessons_for__title {
      margin-bottom: 10px;
      color: rgb(198, 209, 222);
      font-weight: 900;
      font-size: 15px;
      text-align: center;
    }
.right_hw__lessons_for__block {
      position: relative;
      border-radius: 5px;
      overflow: hidden;
      min-height: 300px;
      max-height: 500px;
    }
.right_hw__lessons_for__block__info {
        display: flex;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        text-align: center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
.right_hw__lessons_for__block__img {
        display: block;
        width: 100%;
      }
.right_hw__lessons_for__block__name {
        margin-bottom: 15px;
        padding: 0 15px;
        color: white;
        font-weight: 900;
        font-size: 17px;
        text-align: center;
        line-height: 1;
      }
.right_hw__status {
    margin: 15px 0 0;
    padding: 15px;
    color: white;
    box-shadow: 0px 8px 18px -1px rgba(188, 188, 188, 0.16863);
    border-radius: 5px;
    font-weight: 700;
    text-align: center;
  }
.right_hw__status.bad {
      /* background: $red; */
      background: linear-gradient(to bottom, #f64f42 0%, #cb191f 100%);
    }
.right_hw__status.good {
      /* background: $light-green; */
      background: linear-gradient(
        to bottom,
        #45d5c5 0%,
        #26a79a 100%
      );
    }
.right_hw__status.on_check {
      /* background: $mustard; */
      background: linear-gradient(to bottom, #f1a739 0%, #e29b33 100%);
    }
.home_work_mob .hw__top__info h2 {
    font-size: 16px;
  }
.home_work_mob .right_hw__files {
    margin-top: 15px;
  }
.home_work_mob__top_les {
    color: #6d6d6d;
    font-weight: bold;
    font-size: 13px;
  }
.home_work_mob__top_les_iteam {
    display: flex;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 15px 20px;
    min-height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    align-items: center;
    overflow: hidden;
  }
.home_work_mob__top_les_iteam__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 0;
    }
.home_work_mob__top_les_iteam__title {
      position: relative;
      margin-right: auto;
      color: white;
      font-weight: 900;
      font-size: 16px;
    }
.home_work_mob__top_les_iteam__s {
      display: inline-block;
      position: relative;
      height: 40px;
      background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
      text-align: center;
      flex: 0 0 40px;
      border-radius: 50%;
      box-shadow: 0 2px 10px 0px #2dc6b6;
    }
.home_work_mob__top_les_iteam__s img {
        padding: 10px 5px;
        transform: rotate(180deg);
      }
.btn-sorting {
  height: 30px;
  margin-top: 4px;
  margin-right: 10px;
  padding: 0;
  background: none;
  border-style: none;
  outline: none;
  cursor: pointer;
}
.btn-sorting .icon {
    width: 30px;
    height: 30px;
    fill: rgb(198, 209, 222);
  }
.btn-sorting .icon.active {
      fill: #2dc6b6;
    }
.login_link {
  margin-top: 30px;
  padding: 20px 20px;
  background: #f56c6c;
  color: white;
  text-align: center;
  font-size: 20px;
}
.form-wrapper {
  padding-bottom: 150px;
}
.form-wrapper-bottom {
  margin-top: 20px;
  text-align: center;
}
.form-wrapper-bottom a {
  color: #2dc6b6
}
@font-face {
  font-family: Etna;
  src: url(../fonts/etna-free-font.f6617e99.otf);
}
.breadcrumbs {
  display: flex;
  margin-bottom: 30px;
  align-items: flex-start;
}
.breadcrumbs__ul {
    line-height: 20px;
    min-height: 18px;
  }
.breadcrumbs__root_link {
    color: #2dc6b6;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
  }
.breadcrumbs__back {
    margin-right: 15px;
    color: #2dc6b6;
    text-decoration: none;
    /* margin-top: -10px; */
    /* font-weight: bold; */
  }
.breadcrumbs li {
    display: inline-block;
    color: #2dc6b6;
    list-style-type: none;
    font-size: 16px;
    font-weight: 500 !important;
  }
.breadcrumbs li a {
      text-decoration: none;
      /* color: $light-green; */
      /* cursor: pointer; */
    }
.breadcrumbs li:last-child {
      color: #c1c6cd !important;
      cursor: default !important;
    }
.file {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  cursor: pointer;
}
.file p {
    word-break: break-all;
    line-height: 1.3;
  }
.file__image {
    margin: 0 25px 0 10px;
  }
.file__image svg {
      width: 37px;
      max-width: 37px;
    }
.file__image.mobile {
      margin: 0 10px 0 0;
      align-self: flex-start;
    }
.file__image.mobile svg {
        /* width: 37px; */
      }
.file.mobile {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 15px;
  }
.file.mobile img {
      margin: 0 10px 0 0;
      align-self: flex-start;
    }
.file.mobile p {
      font-size: 0.75rem;
      line-height: 1.2;
      word-break: break-all;
    }
.file.mobile a {
      font-size: 0.625rem;
    }
.file:hover {
    background-color: #edf3ee;
  }
.file img {
    margin: 0 25px 0 10px;
  }
.file .small {
    margin-left: 0;
    margin-right: 15px;
    transform: scale(0.8);
  }
.file__list {
    margin-bottom: 10px !important;
  }
.file__list.mobile p {
        padding-right: 10px;
        word-break: normal;
      }
.file a {
    font-size: 0.75rem;
    font-weight: bold;
    text-decoration: none;
  }
.file p {
    font-weight: bold;
  }
.file .red {
    color: #f34a34;
  }
.file .green {
    color: #99c878;
  }
.file .blue {
    color: #46bbe8;
  }
.file .yellow {
    color: #f0ca4f;
  }
.file .grey {
    color: #6d6d6d;
    opacity: 0.7;
  }
.file .violet {
    color: #986aa6;
  }
.file .text_list {
    display: flex;
    width: 100%;
    align-items: center;
  }
.file .text_list a {
      margin-left: auto;
      margin-right: 10px;
    }
.masonry {
  display: flex;

  height: 665px;
  flex-flow: column wrap;
}
.masonry .item:nth-child(2n + 1) {
    order: 1;
  }
.masonry .item:nth-child(2n) {
    order: 2;
  }
.masonry::before,
  .masonry::after {
    width: 0;
    content: '';
    flex-basis: 100%;
    order: 2;
  }
.errorBorder {
  position: absolute;
  top: -45px;
  left: -4px;
  width: 100%;
  height: calc(100% + 41px);
  border: solid 4px;
  opacity: 0.8;
  border-color: #f56c6c !important;
  border-radius: 20px;
}
.calendar_modal .body {
    padding: 15px 15px 0 15px;
  }
.mobile .history_pay__iteam {
      display: block;
    }
.mobile .history_pay__iteam__date {
        margin-bottom: 10px;
      }
.mobile .history_pay__iteam__name {
        margin-bottom: 10px;
      }
.mobile .history_pay__iteam__sum {
        margin-bottom: 10px;
        text-align: left;
        font-size: 15px;
      }
.mobile .history_pay__iteam__status {
        margin-left: 0;
        margin-bottom: 15px;
      }
.mobile .history_pay__iteam__btn {
        position: relative;
        top: -8px;
        float: right;
      }
.history_pay__iteam {
    display: flex;
    margin-bottom: 10px;
    padding: 15px 20px;
    background: white;
    align-items: center;
  }
.history_pay__iteam__date {
      color: #c8c8c8;
      flex: 0 0 110px;
    }
.history_pay__iteam__name {
      margin-right: auto;
      flex: 0 0 50%;
      font-weight: 600;
      font-size: 1.1rem;
    }
.history_pay__iteam__status {
      margin-left: 20px;
      flex: 0 0 130px;
    }
.history_pay__iteam__sum {
      font-weight: 600;
      font-size: 16px;
      flex: 0 0 100px;
      text-align: right;
    }
.history_pay__iteam__btn {
      flex: 0 0 110px;
    }
.history_pay__iteam__btn .btn {
        padding: 5px 10px !important;
      }
.test {
  display: flex;
  position: relative;
  margin-bottom: 20px;
  padding: 0;
}
.test__left_mark {
    width: 8px;
    height: auto;
    margin: -15px 0 -15px -20px;
    padding: 15px 0;
    background-color: #2dc6b6;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
.test__left_mark.yellow {
      background-color: #f1a739;
    }
.test__left_mark.grey {
      background-color: rgb(198, 209, 222);
    }
.test__left_mark.red {
      background-color: #e31e24;
    }
.test__content {
    display: flex;
    position: relative;
    width: 100%;
    padding: 15px 20px;
    padding-right: 0px;
  }
/* & img {
      margin-top: 2px;
      align-self: flex-start;
      max-width: 100%;
    } */
.test__content .done_circle {
      position: absolute;
      top: 25px;
      left: 25px;
      /* height: 21px; */
      /* width: 21px; */

      fill: #2dc6b6;
      fill-rule: evenodd;
    }
.test__content .icon {
      flex: 0 0 50px;
    }
.test__content .icon.done {
        fill: #2dc6b6;
      }
.test__content .icon.new {
        fill: #f1a739;
      }
.test__content .icon.blocked {
        fill: rgb(198, 209, 222);
      }
.test__content__text h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        color: black;
        font-weight: bold;
      }
.test__content__text p {
        color: #6d6d6d;
        font-size: 0.88rem;
        line-height: 1.6;
      }
.test__content__action_block {
      display: flex;
      margin-left: auto;
      min-width: 270px;
      justify-content: center;
      flex-direction: column;
      align-items: flex-end;
      flex: 0 0 190px;
    }
.test__content__action_block__ended {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
.test__content__action_block__ended .btn_wrapper {
          margin-bottom: 10px;
        }
.test__content__action_block a {
        color: #cad1cd;
        font-size: 0.81rem;
      }
.test__content__action_block .btn_wrapper {
        position: relative;
      }
.test__content__action_block .btn_wrapper .btn {
          display: flex;
          padding: 12px 25px 13px;
          border: 0 !important;
          font-size: 15px;
        }
.test__content__action_block .btn_wrapper .btn .blocked_icon {
            position: relative;
            left: 0;
            width: 11px;
            height: 15px;
            margin-top: 3px;
            margin-right: 15px;
          }
.test.mobile .test__content {
      padding-top: 0;
      padding-left: 12px;
      padding-bottom: 0;
      flex-flow: row wrap;
    }
.test.mobile .test__content .icon {
        margin-right: 10px;
        flex: 0 0 50px;
      }
.test.mobile .test__content .done_circle {
        top: 11px;
        left: 16px;
      }
.test.mobile .test__content__text {
        width: calc(100% - 70px);
      }
.test.mobile .test__content__action_block {
        width: calc(100% - 60px);
        margin-top: 15px;
        margin-left: 0;
        padding-left: 60px;
        flex-direction: row;
        flex: none;
        align-items: flex-start;
        justify-content: unset;
        flex-flow: row wrap;
        align-items: center;
      }
.test.mobile .test__content__action_block .btn_wrapper {
          margin-bottom: 10px;
          flex: unset;
        }
.test.mobile .test__content__action_block .btn {
          margin-right: 0;
        }
.calendar .vc-text-sm {
    font-size: 17px;
  }
.calendar .vc-container {
    --highlight-height: 35px;
    --day-content-width: 35px;
    --day-content-height: 35px;
  }
.day_lesson {
  position: relative;
  margin-bottom: 20px;
}
.day_lesson p {
    font-size: 1.06rem;
    line-height: 1.4;
    /* color: $near-dark; */
  }
.day_lesson el-row {
    margin-bottom: 30px;
  }
.day_lesson .datetime {
    display: flex;
    width: calc(100% + 40px);
    height: 80px;
    margin-top: -15px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #26a79a;
    font-size: 1.46rem;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
.day_lesson .lesson_info {
    display: flex;
    margin-left: 10px;
  }
.day_lesson .lesson_info__time {
      margin-bottom: 20px;
    }
.day_lesson .lesson_info.name {
      margin-top: 30px;
    }
.day_lesson .lesson_info__callaps {
      margin: 0px -20px;
    }
.day_lesson .lesson_info__callaps .el-collapse-item__content {
          padding: 0 20px;
        }
.day_lesson .lesson_info__callaps .el-collapse-item .el-collapse-item__header {
          height: auto;
          padding: 10px 20px;
          font-size: 17px;
          line-height: 25px;
        }
.day_lesson .lesson_info__callaps .el-collapse-item.is-active {
        }
.day_lesson .lesson_info__title {
      margin-top: 30px;
      font-weight: 600;
    }
.day_lesson .lesson_info__file {
      padding: 5px 0;
    }
.day_lesson .lesson_info__file_block {
      margin-top: 20px;
    }
.day_lesson .lesson_info__teacher {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
.day_lesson .lesson_info__teacher__name {
        font-weight: 600;
      }
.day_lesson .lesson_info.svg {
      align-self: flex-start;
    }
.day_lesson .lesson_info span {
      margin-bottom: 5px;
      color: black;
      font-size: 0.93rem;
    }
.day_lesson .class_plan ol {
      margin: 10px 0 25px 16px;
      list-style: decimal;
    }
/* margin-left: 20px;
    margin-top: 14px; */
.day_lesson .class_plan ol li {
        margin-bottom: 12px;
        font-size: 0.93rem;
        /* color: $near-dark; */
      }
.vc-h-full {
  padding: 10px 0;
}
.learning_class .lesson {
    position: relative;
    margin-bottom: 30px;
  }
.learning_class .lesson .preview {
      position: relative;
    }
.learning_class .lesson .preview__image {
        width: 100%;
        border-radius: 20px;
      }
.learning_class .lesson .title {
      display: flex;
      margin-top: 20px;
    }
.learning_class .lesson .title h3 {
        font-weight: 800;
        font-size: 1.46rem;
        /* color: $near-dark; */
      }
.learning_class .lesson .title svg {
        fill: #26a79a;
        flex: 0 0 50px;
      }
.learning_class .lesson .description {
      font-size: 0.93rem;
      /* color: $near-dark; */
    }
.learning_class .lesson .bottom_info {
      display: flex;
      width: calc(100% + 40px);
      height: 90px;
      margin: 15px 0 0 -20px;
      background-color: #ebf8f2;
      align-items: center;
    }
.learning_class .lesson .bottom_info__item {
        display: flex;
        margin-left: 25px;
        margin-right: 75px;
      }
.learning_class .lesson .bottom_info__item__ava {
          max-height: 54px;
        }
.learning_class .lesson .bottom_info__item__text_box {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
        }
.learning_class .lesson .bottom_info__item__text_box img {
            align-self: flex-start;
          }
.learning_class .lesson .bottom_info__item__text_box h3 {
            font-size: 1.2rem;
            font-weight: bold;
          }
.learning_class .lesson .bottom_info__item .vremya {
          width: 54px;
          height: 54px;
          flex: 0 0 54px;
        }
.learning_class .lesson .bottom_info__item .vremya .cls-1 {
            fill: #69b883;
            fill-rule: evenodd;
          }
.learning_class .lesson .bottom_info button {
        margin-left: auto;
      }
.learning_class .lesson .file {
      color: #2b394c;
      fill: #26a79a;
      text-decoration: none;
    }
.learning_class .lesson .file svg {
        flex: 0 0 28px;
      }
.learning_class .lesson.mobile {
      padding: 35px 30px;
    }
.learning_class .lesson.mobile .broadcast_hat {
        display: flex;
        width: calc(100% + 30px);
        height: 35px;
        margin-top: -35px;
        margin-left: -30px;
        margin-bottom: 40px;

        padding-left: 10px;
        padding-right: 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #e31e24;
        align-items: center;
      }
.learning_class .lesson.mobile .broadcast_hat .icon {
          margin-right: 10px;
          flex: 0 0 20px;
          fill: white;
        }
.learning_class .lesson.mobile .broadcast_hat span {
          color: white;
          font-size: 0.75rem;
        }
.learning_class .lesson.mobile .broadcast_hat .timer {
          display: flex;
          margin-left: auto;
          align-items: center;
        }
.learning_class .lesson.mobile .broadcast_hat .timer span {
            margin-right: 7px;
          }
.learning_class .lesson.mobile .broadcast_hat .timer p {
            font-weight: bold;
            font-size: 0.875rem;
          }
.learning_class .lesson.mobile .title {
        margin-top: -5px;
        margin-bottom: 15px;
      }
.learning_class .lesson.mobile .title h3 {
          font-size: 1rem;
          align-self: center;
        }
.learning_class .lesson.mobile .description {
        font-size: 0.75rem;
      }
.learning_class .lesson.mobile .file {
        padding: 0;
      }
.learning_class .lesson.mobile .file p {
          font-size: 0.875rem;
        }
.learning_class .lesson.mobile .file a {
          font-size: 0.625rem;
        }
.learning_class .lesson.mobile .bottom_info {
        display: flex;
        width: 100%;
        height: 100%;
        margin-left: -30px;
        margin-bottom: 20px;
        /* padding: 30px; */
        padding: 15px 30px;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
      }
.learning_class .lesson.mobile .bottom_info__item {
          /* display: flex; */
          margin: 0;
          margin-bottom: 20px;
        }
.learning_class .lesson.mobile .bottom_info__item h3 {
            font-size: 1rem;
          }
.learning_class .lesson.mobile .bottom_info__item p {
            font-size: 0.75rem;
          }
.learning_class .lesson.mobile .bottom_info__item:last-child {
            margin: 0;
          }
.learning_class .lesson.mobile button {
        font-size: 0.875rem;
      }
.learning_class .file:hover {
    background-color: rgba(0, 0, 0, 0);
  }
.learning_class .test.yellow .test__content__media svg {
        fill: #f1a739;
      }
.learning_class .test.yellow .test__left_mark {
        background-color: #f1a739;
      }
.learning_class .test.green .test__content__media {
        fill: #2dc6b6;
      }
.learning_class .test.green .test__left_mark {
        background-color: #2dc6b6;
      }
.learning_class .test.red .test__content__media {
        fill: #e31e24;
      }
.learning_class .test.red .test__left_mark {
        background-color: #e31e24;
      }
.learning_class .test.grey .test__content__media {
        fill: rgb(198, 209, 222);
      }
.learning_class .test.grey .test__left_mark {
        background-color: rgb(198, 209, 222);
      }
.learning_class .test__comment {
      display: flex;
      margin-left: auto;
      color: #c7c6c6;
      align-self: center;
      align-items: center;
    }
.learning_class .test__comment p {
        margin-left: 8px;
        /* margin-top: 2px; */
        font-size: 0.93rem !important;
      }
.learning_class .test__comment.done {
        margin-right: 15px;
        color: #2dc6b6;
      }
.learning_class .test__comment.failed {
        color: #d98079;
      }
.learning_class .test__content h3 {
        font-size: 1.2rem;
      }
.learning_class .test__content p {
        font-size: 1.06rem;
      }
.learning_class .test__content .done_circle {
        top: 25px;
        left: 25px;
      }
.learning_class .test__content__actions {
        display: flex;
        margin-left: auto;
        align-items: center;
      }
.learning_class .test__content__actions .action_block {
          margin-left: 15px;
        }
.learning_class .test__content__media {
        display: flex;
        align-items: center;
      }
.learning_class .test__content__media h3 {
          font-size: 1.2rem;
          font-weight: bolder;
        }
.learning_class .test__content__media p {
          font-size: 1.06rem;
        }
.learning_class .test__content__media svg {
          flex: 0 0 52px;
        }
.learning_class .test.mobile .test__content {
        padding-top: 0;
        padding-bottom: 0;
        flex-direction: column;
      }
.learning_class .test.mobile .test__content img {
          margin-right: 15px;
        }
.learning_class .test.mobile .test__content__actions {
          margin-top: 15px;
          margin-left: 0;
          margin-bottom: 10px;
        }
.learning_class .test.mobile .test__content .done_circle {
          top: 13px;
        }
.learning_class .test.mobile h3 {
        margin-bottom: 10px;
        font-size: 1rem;
      }
.learning_class .test.mobile p {
        font-size: 0.875rem;
        line-height: 1.2;
      }
.learning_class .test.mobile .action_block {
        margin-left: 0;
        flex: 0 0 160px;
      }
.learning_class .test.mobile .action_block button {
          padding: 10px 15px 11px;
          font-size: 0.875rem;
        }
.learning_class .test.mobile .test__comment {
        margin-left: 16px;
      }
.learning_class .test.mobile .test__comment.done {
          align-items: center;
        }
.learning_class .test.mobile .test__comment p {
          font-size: 0.675rem !important;
        }
.learning_class .test.mobile .test__comment img {
          margin-right: 0px;
        }
.testing .head {
    display: flex;
    align-items: center;
  }
.testing .head .time_box {
      display: flex;
      margin-left: auto;
      align-items: center;
    }
.testing .head .time_box img {
        margin-right: 10px;
      }
.testing .head .time_box__time {
        display: flex;
        width: 50px;
        height: 100%;
        color: #2dc6b6;
        font-size: 1.06rem;
        font-weight: bold;
        justify-content: flex-end;
      }
.testing .progress_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.testing .progress_box__indicator {
      width: 100%;
      height: 6px;
      margin-right: 10px;
      background-color: rgb(198, 209, 222);
      border-radius: 20px;
    }
.testing .progress_box__indicator.green {
        background-color: #26a79a;
        cursor: pointer;
      }
.testing .progress_box__indicator.red {
        background-color: #e31e24;
        cursor: pointer;
      }
.testing .progress_box__indicator.empty {
        background: #ffdf00;
        cursor: pointer;
      }
.testing .progress_box__indicator.yellow {
        background-color: #f1a739;
        cursor: pointer;
      }
.testing .progress_box__indicator:last-child {
      margin-right: 0px;
    }
.testing .attentionMess {
    margin-bottom: 15px;
    padding: 10px 15px;
    background: #e31e24;
    color: white;
    border-radius: 5px;
  }
.testing .question {
    padding: 30px 35px;
  }
.testing .question__header {
      display: flex;
      margin-bottom: 40px;
      align-items: center;
    }
.testing .question__header .circle_num {
        display: flex;
        width: 38px;
        height: 38px;
        color: white;
        border-radius: 100%;
        background-color: #26a79a;
        font-size: 1.3rem;
        justify-content: center;
        align-items: center;
        flex: 0 0 38px;
      }
.testing .question__header h3 {
        font-size: 1.2rem;
        font-weight: bold;
      }
.testing .question .variant {
      position: relative;
    }
.testing .question .variant input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
      }
.testing .question .variant .container {
        display: flex;
        /* width: 100%; */
        position: relative;
        position: relative;
        padding: 10px;
        border: solid 3px #e8ecf1;
        color: #6d6d6d;
        border-radius: 10px;
        font-size: 0.93rem;
        align-items: center;

        /* &:hover{
          color: $light-green;
          border-color: $light-green;
        } */
      }
.testing .question .variant .image_block {
        position: relative;
        width: calc(100% + 20px);
        margin-top: -10px;
        margin-left: -10px;
        margin-bottom: 10px;
      }
/* filter: sepia(100%) hue-rotate(90deg) saturate(400%); */
.testing .question .variant .image_block img {
          position: 100%;
          width: 100%;
          border-top-left-radius: 7px;
          border-top-right-radius: 7px;
        }
.testing .question .variant .image_block .green_filter {
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 0.5;
          background-color: #2dc6b6;
          border-top-left-radius: 7px;
          border-top-right-radius: 7px;
        }
.testing .question .variant .checkmark {
        position: relative;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin-right: 10px;

        border: solid 2px #e8ecf1;
        z-index: 1;
        border-radius: 50%;
      }
.testing .question .variant .checkmark:after {
          display: none;
          position: absolute;
          content: '';
        }
.testing .question .variant .checkmark.multiple_choice {
          /* kekmark */
          border-radius: 5px;
        }
.testing .question .variant .checkmark.multiple_choice:after {
            border-radius: 20% !important;
          }
.testing .question .variant .container .checkmark:after {
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        /* background: #e8ecf1; */
        background-color: #26a79a;
      }
.testing .question .variant input:hover + .container {
        color: #26a79a;
        border-color: #26a79a;
      }
.testing .question .variant input:checked + .container .checkmark:after {
        display: block;
      }
.testing .question .variant input:checked + .container .image_block .green_filter {
        display: block;
      }
.testing .question .variant .container:hover + .checkmark {
        background-color: #ccc;
      }
.testing .question .variant input:checked + .container {
        color: #26a79a;
        border-color: #26a79a;
      }
.testing .question .variant input:checked + .container .checkmark {
        border-color: #26a79a;
      }
.testing .question .variant:last-child {
        margin-bottom: 20px;
      }
.testing .question .multi_variant {
      display: flex;
      align-items: center;
      grid-gap: 10px;
      gap: 10px;
    }
.testing .question .multi_variant .variant-text {
        max-width: 20%;
        overflow: hidden;
      }
.testing .question .multi_variant .spacer {
        height: 2px;
        flex-grow: 1;
        border-bottom: 1px dashed #b4b4b4;
      }
.testing .question .multi_variant .match-select {
        width: 70%;
      }
.testing .question .multi_variant .match-select input {
        border: 1px solid #b4cab3 !important;
        background: white;
        border-radius: 5px;
        padding: 10px 10px;
        box-sizing: border-box;
        outline: none;
        font-size: 14px;
        opacity: 1;
        position: relative;
      }
.testing .question .buttons_box {
      display: flex;
      align-items: center;
    }
.testing .question .buttons_box .btn_back {
        display: flex;
        width: 42px;
        height: 42px;
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        font-family: Etna;
        font-size: 25px;
        font-weight: bold;
        background-color: #e8ecf1;
        border-radius: 50px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }
.testing .question .buttons_box .btn_back__icon {
          margin-left: -3px;
          fill: white;
        }
.testing .question .buttons_box .attentionMess {
        position: absolute;
        margin: 37px 0 0 65px;
        color: #e31e24;
        font-size: 0.75rem;
      }
.testing .question .buttons_box__btn_skip {
        margin-top: 5px;
        color: rgb(198, 209, 222);
        font-size: 0.93rem;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
      }
.testing .question.mobile {
      padding: 20px 15px;
    }
.testing .question.mobile .question__header .circle_num {
          margin-right: 12px;
          align-self: flex-start;
          /* font-size: 0.8125rem; */
          /* flex: 0 0 20px; */
          /* height: 20px; */
        }
.testing .question.mobile .question__header h3 {
          font-size: 1rem;
        }
.testing .question.mobile .buttons_box {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
      }
.testing .question.mobile .buttons_box .btn_skip {
          margin-top: 20px;
        }
.testing .question.mobile .buttons_box .btn {
          margin-right: 0;
          padding: 7px 10px;
          font-size: 17px;
        }
.testing .question.mobile .buttons_box .btn_back {
          margin-top: 0;
        }
.testing .question.mobile .buttons_box .attentionMess {
          margin: 30px 0 0 34px;
        }
.testing .question.mobile .buttons_box__btn_skip {
        display: block;
        width: 100%;
        text-align: center;
      }
.testing .question .variant .checkmark {
        flex: 0 0 20px;
      }
.testing .result h2 {
      margin-bottom: 15px;
      font-size: 1.375rem;
      font-weight: bold;
    }
.testing .result .topic {
      display: flex;
    }
.testing .result .topic .circle {
        height: 56px;
        /* width: 56px; */
        /* background-color: yellow; */
        /* border-radius: 100px; */
      }
.testing .result .topic .text {
        display: flex;
        padding-top: 3px;
        flex-direction: column;
        justify-content: space-between;
      }
.testing .result .topic .text h3 {
          font-size: 1.25rem;
          font-weight: bold;
        }
.testing .result .topic .text p {
          color: #aab0b7;
          font-size: 1rem;
        }
.testing .result .mark_box {
      display: flex;
      position: relative;
      padding: 35px 40px 30px;
      /* background-color: $darker-red; */
      border-radius: 20px;
      z-index: 0;
    }
.testing .result .mark_box .text {
        display: flex;
        color: white;
        flex-direction: column;
        justify-content: space-between;
      }
.testing .result .mark_box .text h3 {
          font-size: 1.625rem;
          font-weight: bold;
          /* margin-bottom: 12px; */
        }
.testing .result .mark_box .text p {
          font-size: 1rem;
        }
.testing .result .mark_box svg {
        /* margin-top: 4px; */
        fill: white;
      }
.testing .result .mark_box.red {
        background: linear-gradient(to right, #fc5447 0%, #cc2f1f 100%);
      }
.testing .result .mark_box.yellow {
        background: linear-gradient(to right, #f3bb3a 0%, #ed793e 100%);
      }
.testing .result .mark_box.green {
        background: linear-gradient(to right, #27a99c 0%, #207c73 100%);
      }
.testing .result .mark_box::after {
      position: absolute;
      top: 0;
      width: 95%;
      height: 100%;
      background: url(../img/bg_lines.69151547.png);
      content: ' ';
      z-index: -1;
    }
.testing .result .collapse .item {
        cursor: pointer;
      }
.testing .result .collapse__head {
        display: flex;
        padding: 30px;
        /* width: 100%; */
        background-color: white;
        border-radius: 0;
        align-items: center;
      }
/* TEMPHIDE */
.testing .result .collapse__head .img {
          width: 40px;
          /* align-self: flex-start; */
          height: 100%;
          max-width: 100%;
          fill: #e31e24;
        }
.testing .result .collapse__head .arrow {
          height: 100%;
          margin-left: auto;
          max-width: 100%;
          cursor: pointer;
          transition: 0.3s;
        }
.testing .result .collapse__head .arrow.rotate {
            transform: rotateZ(180deg);
            transition: 0.3s;
          }
.testing .result .collapse__head .text {
          /* padding-top: 0px; */
          display: flex;
          margin-left: 17px;
          flex-direction: column;
          justify-content: space-between;
          font-weight: bold;
        }
.testing .result .collapse__head .text h3 {
            font-size: 1.125rem;
            cursor: pointer;
            /* width: 60%; */
          }
.testing .result .collapse__head .text .topic {
            margin-top: 8px;
            font-size: 1rem;
          }
.testing .result .collapse__head .text .topic span {
              margin-right: 10px;
              color: #aab0b7;
              font-weight: normal;
            }
.testing .result .collapse__head .text .topic a {
              color: #2dc6b6;
              text-decoration: none;
            }
.testing .result .collapse__head.first {
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
        }
.testing .result .collapse__head.last {
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
        }
.testing .result .collapse__border {
        width: 100%;
        height: 1px;
        background-color: #f7fafe;
      }
.testing .result .collapse__item {
        background-color: #f8eeee;
      }
.testing .result .collapse__item .variant {
          padding: 17px 24px 14px;
          font-weight: bold;
          font-size: 1rem;
        }
.testing .result .collapse__item .variant.wrong {
            color: #f25144 !important;
            background-color: #edd4d4 !important;
          }
.testing .result .collapse__item .variant.good {
            background: rgb(78 189 122 / 69%);
          }
.testing .result .collapse .fade-list-enter-active,
      .testing .result .collapse .fade-list-leave-active {
        transition: opacity 0.25s ease-out;
      }
.testing .result .collapse .fade-list-enter,
      .testing .result .collapse .fade-list-leave-to {
        opacity: 0;
      }
.testing .result.mobile {

      /* end */
    }
.testing .result.mobile .mark_box {
        padding: 20px;
      }
.testing .result.mobile .mark_box svg {
          width: 45px;
          align-self: flex-start;
        }
.testing .result.mobile .mark_box .text h3 {
            margin-bottom: 5px;
            font-size: 1.1rem;
            line-height: 1.1;
          }
.testing .result.mobile .mark_box .text p {
            font-size: 0.7rem;
          }
.testing .result.mobile .fact {
        margin-bottom: 20px;
        padding: 25px 15px;
      }
.testing .result.mobile .fact .icon_bg {
          margin-bottom: 0px;
        }
.testing .result.mobile .fact .name {
          display: flex;
          height: 15px;
          text-align: center;
          line-height: 1.3;
          font-size: 0.7rem;
          align-items: center;
        }
.testing .result.mobile h2 {
        font-size: 1.2rem;
        text-align: center;
      }
.testing .result.mobile .topic .text h3 {
            margin-bottom: 7px;
            font-size: 1rem;
          }
.testing .result.mobile .topic .text p {
            line-height: 1.5;
            font-size: 0.874rem;
          }
.testing .result.mobile .collapse__head {
          padding: 20px;
        }
.testing .result.mobile .collapse__head .img {
            flex: 0 0 44px;
          }
.testing .result.mobile .collapse__head .text h3 {
              font-size: 0.9rem;
              /* margin-bottom: 7px; */
            }
.testing .result.mobile .collapse__head .text .topic {
              font-size: 0.875rem;
            }
.testing .result.mobile .collapse__item .variant {
            font-size: 0.875rem;
          }
.testing.mobile .head {
      display: flex;
      justify-content: center;
    }
.testing.mobile .progress_box:nth-child(2n) {
        margin-top: 6px;
      }
.testing.mobile .progress_box__indicator {
        margin-right: 6px;
      }
.not_found {
  display: flex;
  //background: url(../img/bg_404.0feab699.png);
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  transform: translate(0, 30%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.not_found .bg {
    margin-bottom: 10px;
    z-index: 0;
  }
.not_found .text {
    display: flex;
    z-index: 1;
    flex-direction: column;
    align-items: center;
  }
.not_found .text h1 {
      font-size: 11.6rem;
    }
.mobile .not_found .text h1 {
        font-size: 7.6rem;
      }
.not_found .text p {
      margin-bottom: 20px;
      font-size: 1.3rem;
    }
.mobile .not_found .text p {
        font-size: 1rem;
      }
.not_found span {
    margin-left: -8px;
    margin-right: 12px;
    font-family: Etna;
    font-size: 1.2rem;
  }
.lesson {
  padding: 0 40px;
}
.lesson__head {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
  }
.lesson__head .next_lesson {
      display: flex;
      margin-left: auto;
      color: #6d6d6d;
      flex: 0 0 200px;
      justify-content: flex-end;
      text-decoration: none;
      align-items: center;
    }
.lesson__head .next_lesson:hover {
        color: #26a79a;
      }
.lesson__head .next_lesson:hover .next_lesson__arrow {
          fill: #26a79a;
        }
.lesson__head .next_lesson__arrow {
        margin-left: 13px;
        fill: #6d6d6d;
      }
.lesson__head .h1 {
      margin-bottom: 0;
    }
.lesson__content {
    display: grid;
    grid-template-columns: 1fr 347px;
    grid-gap: 20px;
  }
.lesson__content__left {
      width: 100%;
    }
.lesson__content__right {
      flex: 0 0 347px;
    }
.lesson__chat {
    min-height: 45px;
  }
.lesson__chatWrap {
      padding-right: 20px;
    }
.lesson__chat__members {
      height: 382px;
      margin-top: 15px;
    }
.lesson__chat__members__online {
        position: absolute;
        width: calc(100% - 30px);
        margin-top: -30px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: white;
        color: #b4cab3;
        font-size: 0.875rem;
        z-index: 1;
      }
.lesson__chat__members__member {
        display: flex;
        /* margin-bottom: 10px; */
        margin-top: 10px;
        color: #6d6d6d;
        align-items: center;
        font-size: 0.875rem;
      }
.lesson__chat__members__member:last-child {
          margin-bottom: 0;
        }
.lesson__chat__members__member__avatar {
          width: 32px;
          height: 32px;
          margin-right: 10px;
          border-radius: 100%;
        }
.lesson__chat__members__member.is_user {
          color: #79c49c;
        }
.lesson__chat__post {
      display: flex;
      padding-top: 15px;
      align-items: center;
    }
.lesson__chat__post__ava {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        flex: 0 0 30px;
        border-radius: 50%;
        align-self: flex-start;
      }
.lesson__chat__post__body {
        font-size: 0.875rem;
        line-height: 1.35;
        word-break: break-word;
      }
.lesson__chat__post__body__name {
          margin-right: 5px;
          color: rgb(198, 209, 222);
        }
.lesson__chat__post__body__name.is_user {
            color: #79c49c;
          }
.lesson .right_hw__comments {
    position: relative;
    margin-top: 0;
  }
.lesson .right_hw__comments__head {
      display: flex;
      position: relative;
      padding: 12px 20px;
      background: linear-gradient(to bottom, #2dc6b6 0%, #2dc6b6 100%);
      justify-content: space-between;
      z-index: 0;
    }
.lesson .right_hw__comments__head__tripledots {
        margin: -10px;
        padding: 10px;
        cursor: pointer;
      }
.lesson .right_hw__comments__head::after {
        position: absolute;
        top: 0;
        width: 95%;
        height: 100%;
        background: url(/img/bg_lines.69151547.png);
        z-index: -1;
        content: ' ';
        background-size: contain;
      }
.lesson .right_hw__comments__head__title {
        display: flex;
        align-items: center;
      }
.lesson .right_hw__comments__head__title .back {
          cursor: pointer;
        }
.lesson .right_hw__comments__body {
      height: 382px;
      padding: 30px 0px 5px 20px;
    }
/* overflow: auto; */
.lesson .right_hw__comments__body__scroll {
        height: 382px;
      }
.lesson .right_hw__comments__body__mes__ava {
        flex: 0 0 32px;
      }
.lesson .right_hw__comments__body__mes__ava__img {
          margin-right: 10px;
        }
.lesson .right_hw__comments__bot__in__btn {
      top: 14px;
    }
.lesson .right_hw__comments__bot__in__btn:hover {
        background: #2dc6b6;
      }
.lesson__player {
    /* height: 100%; */
    position: relative;
    height: auto;
    /* 16:9 */
    padding-top: 25px;

    box-shadow: 0px 8px 18px -1px rgba(188,188,188,0.16863);

    /* width: calc(100% + 37.2px); */
  }
/* margin-top: -15px;
    margin-left: -20px;
    margin-bottom: -17px; */
.lesson__player iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
    }
.lesson .h3 {
    font-size: 1.5rem;
    font-weight: 800;
  }
.lesson__description {
    padding: 30px 34px !important;
  }
.lesson__description__header {
      display: flex;
      align-items: center;
    }
.lesson__description__header .right_hw__comments__bot__in__btn {
        position: relative;
        top: 0;
        right: 0;
        padding-left: 16px;
        box-shadow: none;
        font-size: 12px;
      }
.lesson__description__header .right_hw__comments__bot__in__btn.hide {
          padding: 7px 14px 7px 15px;
          border: 1px solid #2dc6b6;
          background: transparent;
          color: #2dc6b6;
        }
.lesson__description__header .icon {
        margin-right: 4px;
        margin-bottom: -2px;
      }
.lesson__description__content p {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 0.875rem;
      }
.lesson__description__content h3 {
        margin-bottom: 20px;
        font-size: 1rem;
        font-weight: bold;
      }
.lesson__description__content ul {
        padding-left: 20px;
        list-style: none;
      }
.lesson__description__content li {
        position: relative;
        margin-bottom: 13px;
        font-size: 0.875rem;
      }
.lesson__description__content li::before {
          display: inline-block;
          position: absolute;
          top: -5px;
          left: 13px;
          width: 1em;
          margin-left: -1.4em;
          color: #2dc6b6;
          content: '\2022';
          font-weight: 1000;
          font-size: 1.4rem;
        }
.lesson .file:hover {
      background: transparent;
    }
.lesson .file a {
      color: #6d6d6d;
    }
.lesson .home_work {
    position: relative;
    background: #2dc6b6;
    color: white;
  }
.lesson .home_work .h3 {
      color: white;
    }
.lesson .home_work__content {
      position: relative;
      z-index: 1;
    }
.lesson .home_work::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(/img/bg_lines.69151547.png);
      content: ' ';
      z-index: 0;
      background-size: cover;
    }
.lesson .home_work__tasks {
      padding-left: 20px;
      list-style: decimal;
      font-weight: bold;
    }
.lesson .home_work__tasks li {
        margin-bottom: 12px;
      }
.lesson .home_work__tasks li a {
          color: white;
          cursor: pointer;
        }
.lesson.mobile {
    padding: 0;
  }
.lesson.mobile .lesson__chat__members {
      height: 200px;
    }
.lesson.mobile .lesson__player {
    }
.lesson.mobile .lesson__content {
      display: block;
    }
.lesson.mobile .lesson__description {
      padding: 30px 28px !important;
    }
.lesson.mobile .lesson__description__header {
        flex-direction: column;
        align-items: flex-start;
      }
.lesson.mobile .right_hw__comments__bot__in__btn.hide {
        margin-bottom: 20px;
      }
.lesson.mobile .additional_block {
      padding: 30px 30px 30px 28px !important;
    }
.lesson.mobile .right_hw__comments__body {
      height: 200px;
    }
.lesson.mobile .right_hw__comments__body__scroll {
        height: 200px;
      }
.file_a {
  color: #6d6d6d;
  text-decoration: none;
}
.chat_switch {
  padding: 16px;
  border: none;
  border-radius: 10px;
  transform: translate3d(0, 7px, 0);
}
.chat_switch__variants__variant {
      display: flex;
      margin-bottom: 10px;
      cursor: pointer;
      align-items: center;
    }
.chat_switch__variants__variant svg {
        margin-right: 10px;
        fill: #6d6d6d;
      }
.chat_switch__variants__variant:last-child {
        margin: 0;
      }
.chat_switch__variants__variant:hover {
        color: #2dc6b6;
      }
.chat_switch__variants__variant:hover svg {
          fill: #2dc6b6;
        }
.chat_switch__variants__variant.active {
        color: #2dc6b6;
      }
.chat_switch__variants__variant.active svg {
          fill: #2dc6b6;
        }
.pay_methods__mobile .el-collapse-item__header {
        height: 100%;
        background-color: #f7fafe;
      }
.pay_methods__mobile .el-collapse-item__arrow {
        display: none;
      }
.pay_methods__mobile .head {
      position: relative;
      /* text-align: center; */
      justify-content: center;
    }
.pay_methods__mobile .head .h3 {
        font-size: 17px;
        font-weight: bold;
      }
.pay_methods__mobile__method {
      display: flex;
      padding: 16px 20px;
      align-items: flex-start;
    }
.pay_methods__mobile__method__icon {
        margin-top: 4px;
        margin-right: 10px;
      }
.pay_methods__mobile__method__text_block {
        display: flex;
        flex-direction: column;
      }
.pay_methods__mobile__method__text_block__name {
          font-size: 12px;
          font-weight: bold;
        }
.pay_methods__mobile__method__text_block__description {
          font-size: 10px;
          font-weight: 500;
        }
.pay_methods__mobile__method__body {
        padding: 20px 10px;
        text-align: center;
      }
.pay_methods__mobile__method__body__cost {
          display: flex;
          margin-bottom: 15px;
          font-size: 18px;
        }
.pay_methods__mobile__method__body__cost__sum {
            margin-left: auto;
          }
.pay_methods__mobile__method__body__cost__sum span {
              font-weight: bold;
            }
.pay_methods__mobile__method__body .header__quest__foot__socbtns {
          flex-direction: column;
          align-items: center;
        }
.pay_methods__mobile__method__body .header__quest__foot__socbtns .btn {
            width: 117px;
            margin-bottom: 10px;
          }
.pay_methods__mobile__method__body__question {
          margin-bottom: 15px;
          font-size: 15px;
          font-weight: bold;
        }
.pay_methods__mobile__method__body__phone {
          font-size: 20px;
          font-weight: bold;
        }
/* margin-bottom: 15px; */
.pay_methods__mobile__method__body__phone.description {
            margin-top: -5px;
            font-weight: 400;
            font-size: 14px;
          }
.pay_methods__mobile__ofert {
      padding: 15px 30px 30px 30px;
    }
.avatar input {
  /* display: block !important; */
}
/* helper classes */
strong {
  font-weight: bold;
}
.d-flex {
  display: flex;
}
.js-b {
  justify-content: space-between;
}
.al-c {
  align-items: center;
}
.lh-13 {
  line-height: 1.3;
}
.el-message {
  min-width: 300px;
}
.el-message.is-closable .el-message__content {
  padding-right: 30px;
}
.d-none {
  display: none;
}
.link {
  color: #26a79a;
}
b {
  font-weight: 600;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-7 {
  margin-bottom: 7px;
}
.mr-10 {
  margin-right: 20px;
}
.mr-20 {
  margin-right: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.h-100 {
  height: 100%;
  box-sizing: border-box;
}
.green_block {
  padding: 15px 20px;
  background: linear-gradient(to bottom, #2dc6b6 0%, #26a79a 100%);
  border-radius: 10px;
  box-shadow: 0px 8px 18px -1px rgba(188, 188, 188, 0.16863);
}
.normal_block {
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0px 8px 18px -1px rgba(188,188,188,0.16863);
  border-radius: 5px;
}
.fixed-top-error-box {
  background: #ff564a;
  color: #fff;
  padding: 15px 20px;
  text-align: center;
  margin-bottom: 30px;
}
.fixed-top-error-box a {
  color: #fff;
}
.fixed-top-error-box a:visited {
  color: #fff;
}
.fixed-top-error-box a:hover {
  opacity: 0.9;
}
.fixed-top-error-box a:active {
  opacity: 0.8;
}
.text-center {
  text-align: center;
}
.bold {
  font-weight: bold !important;
}
.btn_xs {
  padding: 7px 11px !important;
  font-size: 14px;
}
.btn__calrndar_open {
  display: flex;
  margin-left: auto;
  padding: 0;
  background: none;
}
.btn__calrndar_open svg {
    margin-right: 10px;
    fill: white;
  }
.no-padding {
  padding: 0;
}
.pl-10 {
  padding-left: 10px;
}
.pl-40 {
  padding-left: 40px;
}
.pr-50 {
  padding-right: 50px;
}
/* helper classes */
.hr {
  height: 1px;
  margin: 35px 0;
  border: none;
  background-color: #f0f1f8;
}
.text_red {
  color: #e31e24;
}
.text_yellow {
  color: #f1a739;
}
.bg_yellow {
  background-color: #f1a739;
}
.text_green {
  color: #2dc6b6;
}
.text_grey {
  color: #c8c8c8;
}
.text_white {
  color: white !important;
}
.el-progress__text {
  position: absolute;
  top: 33%;
  width: 100%;
  margin-left: 0;
  line-height: 1;
  text-align: center;
  font-size: 16px !important;
  font-weight: 800;
}
.loginError {
  display: flex;
  height: 25px;
  padding: 10px 5px;
  background: #f56c6c;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  align-items: center;
}
.loginError img {
    width: 19px;
    height: 18px;
    margin: 0 15px 0 15px;
    opacity: 1 !important;
  }
.loginError p {
    opacity: 1 !important;
  }
.loadingOver {
  color: white;
}
.el-loading-spinner .path {
  stroke: #2dc6b6 !important;
}
.el-loading-mask {
  border-radius: 10px;
}
.locked_block {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100%;
  height: 100%;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: black;
  opacity: 0.8;
  border-radius: 5px;
}
.mobile .locked_block {
    top: 0;
    left: 0;
    margin: 0 0 0 0;
  }
.locked_block span {
    margin-top: 40px;
    padding: 0 15px;
    color: grey;
    font-size: 0.93rem;
    text-align: center;
    line-height: 1.3;
  }
.overlayBlock {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,0.6902);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.overlayBlock_greenH3 {
    font-size: 2rem;
    font-weight: 700;
    color: #26a79a;
  }
.overlayBlock_subText {
    margin-top: 10px;
    font-size: 17px;
  }
.exam .head {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    align-items: center;
  }
.exam .head h1 {
    }
.exam .head__btns {
      margin-left: auto;
      padding-left: 20px;
    }
.exam .head .trophy {
      height: 24px;
      margin: 5px 15px 0 0;
      fill: #2dc6b6;
    }
.exam .next_stage {
    display: flex;
    position: relative;
    height: 22px;
    margin-left: auto;
    align-items: center;
  }
.exam .next_stage.btn_green {
      padding-right: 35px;
    }
.exam .next_stage svg {
      position: absolute;
      top: 18px;
      right: 15px;
      width: 9px;
      height: 12px;
      fill: white;
      transform: rotate(180deg);
    }
.exam .examWrap {
    position: relative;
  }
.exam .progress_bar {
    width: 100%;
    height: 6px;
    background-color: #ebf1f8;
    border-radius: 4px;
  }
.exam .progress_bar .progress {
      height: 100%;
      transition: 0.3s ease-in-out;
      /* width: 100%; */
      background-color: #2dc6b6;
      border-radius: inherit;
    }
.exam .question {
    position: relative;
  }
.exam .question h3 {
      color: #26a79a;
      font-weight: bold;
      font-size: 1.25rem;
    }
.exam .question h3 p {
        line-height: 1.3;
      }
.exam .question .description {
      color: #6d6d6d;
      /* line-height: 1.3; */
      font-size: 0.875rem;
    }
.exam .question .statement {
      font-weight: bold;
    }
.exam .question .btn_wrapper {
      position: relative;
      height: 39px;
      margin-top: 15px;
    }
.exam .question .btn_wrapper .btn {
        position: absolute;
      }
.exam .question.sub_question {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
.exam .question.sub_question .task {
        display: flex;
      }
.exam .question.sub_question .task .number {
          color: #2dc6b6;
          font-size: 2.25rem;
        }
.exam .question.sub_question .task .instruction {
          color: #2dc6b6;
          font-size: 0.875rem;
        }
.exam .question .navigation_buttons {
      display: flex;
      margin-top: 15px;
      align-items: center;
    }
.exam .question .navigation_buttons.firstStage_navigation_buttons {
        justify-content: space-between;
        grid-gap: 12px;
        gap: 12px;
      }
.exam .question .navigation_buttons .next_question {
        position: relative;
        width: 222px;
        height: 39px;
        margin-left: auto;
        flex: 0 0 222px;
      }
.exam .question .navigation_buttons .next_question .btn_blocked {
          padding: 13px 30px 11px 35px;
        }
.exam .question .navigation_buttons .next_question svg {
          position: absolute;
          top: 15px;
          right: 13px;
          width: 7px;
          height: 12px;
          fill: white;
          transform: rotate(180deg);
        }
.exam .question .navigation_buttons .hw_content__upload__static__iteams {
        display: flex;
        margin-top: 5px;
        padding: 0;
      }
.exam .question .navigation_buttons .hw_content__upload__static__iteams__iteam {
          margin: 0;
          margin-right: 25px;
          color: rgb(198, 209, 222);
          flex: 0 0 200px;
        }
.exam .answer_block {
    box-sizing: border-box;
    margin: 20px 0px;
    display: flex;
    justify-content: space-between;
  }
.mobile .exam .answer_block {
      flex-direction: column;
    }
.mobile .exam .answer_block__answer {
        margin-bottom: 15px;
      }
.mobile .exam .answer_block .send_answer {
        margin-left: auto;
      }
.exam .answer_block__overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: #ffffff;
      box-sizing: border-box;
      border: 1px solid rgb(198, 209, 222);
      border-radius: 5px;
      display: flex;
      width: 100%;
      color: rgb(175, 218, 196);
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
    }
.exam .answer_block__answer {
      position: relative;
      width: 100%;
    }
.exam .answer_block__answer__textarea {
        width: 100%;
        padding: 20px;
        font-size: 0.875rem;
        resize: none;
        border-radius: 10px;
        border-color: rgb(198, 209, 222);
        border-width: 1px;
        box-sizing: border-box;
        display: block;
      }
.exam .answer_block__answer__textarea.error {
          border-color: red;
        }
.exam .answer_block__answer__textarea::-webkit-input-placeholder {
          color: rgb(198, 209, 222);
          font-style: italic;
        }
.exam .answer_block__answer__textarea::-moz-placeholder {
          color: rgb(198, 209, 222);
          font-style: italic;
        }
.exam .answer_block__answer__textarea:-ms-input-placeholder {
          color: rgb(198, 209, 222);
          font-style: italic;
        }
.exam .answer_block__answer__textarea::-ms-input-placeholder {
          color: rgb(198, 209, 222);
          font-style: italic;
        }
.exam .answer_block__answer__textarea::placeholder {
          color: rgb(198, 209, 222);
          font-style: italic;
        }
.exam .answer_block .send_answer {
      flex: 1;
      margin-left: 20px;
    }
.exam .navigation_buttons--subQuest .btn {
      margin-right: 15px;
    }
.exam .mobile .btn_xs--exam {
      font-size: 12px;
      margin-right: 0;
      padding: 7px 8px !important;
    }
.exam .navigation_buttons {
    display: flex;
  }
.exam .mobile .navigation_buttons {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
.exam .mobile .navigation_buttons.firstStage_navigation_buttons {
      justify-content: flex-end;
    }
.mobile .exam .endExam_bot {
        flex-wrap: wrap;
      }
.mobile .exam .endExam_addFile {
        flex-wrap: wrap;
      }
.exam .endExam h3 {
      color: #2dc6b6;
      font-weight: bold;
      font-size: 1.25rem;
    }
.exam .endExam p {
      color: #6d6d6d;
      font-size: 0.875rem;
    }
.exam .endExam_errorStatus {
      display: inline-block;
      padding: 10px 10px;
      color: white;
      background: #e31e24;
      margin-bottom: 20px;
      border-radius: 5px;
    }
.exam .endExam_bot {
      display: flex;
      justify-content: space-between;
    }
.exam .endExam_addFile {
      flex-grow: 1;
      display: flex;
      flex: 0 0 400px;
      margin-bottom: 15px;
    }
.exam .endExam_btns {
    }
.exam .endExam_statusFile {
      display: inline-block;
      color: #b4cab3;
      font-weight: 600;
      font-size: 14px;
      align-self: center;
    }
.exam .endExam_statusFile_wrap {
        display: flex;
      }
.exam .endExam_statusFile_link {
        color: #b4cab3;
        text-decoration: none;
      }
.exam .endExam_statusFile_name {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 160px;
        height: 1.2em;
        white-space: nowrap;
        display: inline-block;
      }
.exam .endExam_statusFile_loader svg {
          width: 41px;
          height: 41px;
          fill: #b4cab3;
        }
.exam .endExam_statusFile_deletBtn {
        margin-left: 5px;
        cursor: pointer;
      }
.exam .lightbox-image {
    max-width: 85%;
    margin: 0 auto;
  }
.exam .progress_steps {
    display: flex;
    margin: 20px 0 20px 15px;
    align-items: center;
  }
.exam .progress_steps .steps_circles {
      display: flex;
    }
.exam .progress_steps .step {
      display: flex;
      position: relative;
      width: 25px;
      height: 25px;
      margin-right: 25px;
      color: white;
      border-radius: 100%;
      background-color: #2dc6b6;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }
.exam .progress_steps .step::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 3px;
        /* margin-left: -33px; */
        margin-top: 10px;
        margin-left: -25px;
        content: ' ';
        background-color: inherit;
      }
.exam .progress_steps .step:first-child::after {
        display: none;
      }
.exam .progress_steps .step.non_active {
        background-color: rgb(198, 209, 222);
      }
.exam .progress_steps .step.current {
        box-shadow: 0 10px 10px rgba(45,198,182,0.50196);
      }
.exam .progress_steps span {
      color: rgb(198, 209, 222);
      font-size: 0.875rem;
    }
.exam .image_block {
    flex-wrap: wrap;
  }
.mobile .exam .image_block__wrap {
        margin-bottom: 15px;
        height: auto;
      }
.exam .image_block__wrap {
      height: 100%;
      box-sizing: border-box;
    }
.exam .image_block .image {
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.exam .image_block .image .img {
        /* max-width: 400px; */
        width: 100%;
      }
.exam .image_block .image__overlay {
        display: flex;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 48, 27, 0.7098039215686275);
        opacity: 0;
        transition: ease-in-out 0.1s;
        /* border-radius: 10px; */
        cursor: pointer;
        justify-content: center;
        align-items: center;
      }
.exam .image_block .image:hover .image__overlay {
          opacity: 1;
        }
.exam .finish {
    display: flex;
    padding: 35px;
    align-items: flex-start;
  }
.exam .finish .content {
      display: flex;
      text-align: center;
      flex-direction: column;
      align-items: center;
    }
.exam .finish .content h3 {
        font-size: 1.75rem;
      }
.exam .finish .content .btn_wrapper {
        position: relative;
        width: 208px;
        height: 40px;
      }
.exam .finish .content .btn_wrapper .btn {
          position: absolute;
          left: 0;
        }
.exam .finish .mirrored {
      transform: scale(-1, 1);
    }
.exam // \-- под удаление
  .testing .result .fact {
        display: flex;
        margin-bottom: 30px;
        padding: 25px 30px;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
      }
.exam // \-- под удаление
  .testing .result .fact.active .name {
            color: white;
          }
.exam // \-- под удаление
  .testing .result .fact.active.answers {
            background: linear-gradient(-6deg, #1db676 0%, #2ecf74 100%);
            box-shadow: 0 10px 15px rgba(45,198,182,0.50196),
              inset 0 1px rgba(255, 255, 255, 0.3),
              inset 0 0 3px rgba(255, 255, 255, 0);
          }
.exam // \-- под удаление
  .testing .result .fact.active.answers .numbers {
              color: #0c675e;
            }
.exam // \-- под удаление
  .testing .result .fact.active.answers .icon_bg {
              background-color: #0d7267 !important;
            }
.exam // \-- под удаление
  .testing .result .fact.active.answers .green {
              color: white;
            }
.exam // \-- под удаление
  .testing .result .fact.active.information {
            background: linear-gradient(-6deg, #c92c1c 0%, #ff564a 100%);
            box-shadow: 0 10px 15px #d98079,
              inset 0 1px rgba(255, 255, 255, 0.3),
              inset 0 0 3px rgba(255, 255, 255, 0);
          }
.exam // \-- под удаление
  .testing .result .fact.active.information .red {
              color: white;
            }
.exam // \-- под удаление
  .testing .result .fact.active.information .numbers {
              color: #c43629;
            }
.exam // \-- под удаление
  .testing .result .fact.active.information .icon_bg {
              background-color: #e1473b !important;
            }
.exam // \-- под удаление
  .testing .result .fact.active.time {
            background: linear-gradient(-6deg, #ec6a3d 0%, #f4c537 100%);
            box-shadow: 0 10px 15px #d98079,
              inset 0 1px rgba(255, 255, 255, 0.3),
              inset 0 0 3px rgba(255, 255, 255, 0);
          }
.exam // \-- под удаление
  .testing .result .fact.active.time .yellow {
              color: white;
            }
.exam // \-- под удаление
  .testing .result .fact.active.time .numbers {
              color: #d78037;
            }
.exam // \-- под удаление
  .testing .result .fact.active.time .icon_bg {
              background-color: #e09738 !important;
            }
.exam // \-- под удаление
  .testing .result .fact .icon_bg {
          width: 50px;
          height: 50px;
          border-radius: 100%;
        }
.exam // \-- под удаление
  .testing .result .fact .icon_bg.green {
            background-color: #2dc6b6;
          }
.exam // \-- под удаление
  .testing .result .fact .icon_bg.yellow {
            background-color: #f1a739;
          }
.exam // \-- под удаление
  .testing .result .fact .icon_bg.red {
            background-color: #e31e24;
          }
.exam // \-- под удаление
  .testing .result .fact .icon_bg.dark-green {
            background-color: #26a79a;
          }
.exam // \-- под удаление
  .testing .result .fact .numbers {
          margin-bottom: 10px;
          color: rgb(198, 209, 222);
          font-size: 1.71875rem;
          font-weight: bold;
        }
.exam // \-- под удаление
  .testing .result .fact .numbers .metric {
            font-size: 1.125rem;
          }
.exam // \-- под удаление
  .testing .result .fact .numbers .green {
            color: #2dc6b6;
          }
.exam // \-- под удаление
  .testing .result .fact .numbers .yellow {
            color: #f1a739;
          }
.exam // \-- под удаление
  .testing .result .fact .numbers .red {
            color: #e31e24;
          }
.exam // \-- под удаление
  .testing .result .fact .numbers .white {
            color: white;
          }
.exam // \-- под удаление
  .testing .result .fact .name {
          color: #6d6d6d;
          font-size: 0.8125rem;
        }
.exam // \-- под удаление
  .testing .result .answers h3 {
          font-size: 1.25rem;
          font-weight: 1000;
        }
.exam // \-- под удаление
  .testing .result .answers .question_block {
          margin-bottom: 5px;
          padding: 15px 50px 15px 30px;
          border-radius: 10px;
        }
.exam // \-- под удаление
  .testing .result .answers .question_block .content {
            display: flex;
            opacity: 1 !important;
            align-items: center;
          }
.exam // \-- под удаление
  .testing .result .answers .question_block .content svg {
              width: 30px;
              height: 30px;
              opacity: 1 !important;
              /* fill: $light-green; */
            }
.exam // \-- под удаление
  .testing .result .answers .question_block .content .text {
              font-size: 1rem;
              font-weight: bold;
            }
.exam // \-- под удаление
  .testing .result .answers .question_block .content .stata {
              margin-left: auto;
              font-weight: bold;
            }
.exam // \-- под удаление
  .testing .result .answers .question_block .content .action {
              display: none;
              color: white;
              background-color: #0d7267;
              border-radius: 100%;
              font-size: 0.6875rem;
              font-weight: bold;
              cursor: pointer;
            }
.exam // \-- под удаление
  .testing .result .answers .question_block .content .action.to_test {
                margin-left: auto;
                padding: 9px 15px;
                border-radius: 20px;
              }
.exam // \-- под удаление
  .testing .result .answers .question_block .content .action.doc {
                width: 30px;
                height: 30px;
                margin-left: 7px;
              }
.exam // \-- под удаление
  .testing .result .answers .question_block:hover .text {
              color: white;
            }
.exam // \-- под удаление
  .testing .result .answers .question_block:hover .stata {
              display: none;
              /* color: $light-green; */
            }
.exam // \-- под удаление
  .testing .result .answers .question_block:hover .action {
              display: flex;
              align-items: center;
              justify-content: center;
            }
.exam // \-- под удаление
  .testing .result .answers .true .question_block {
            background-color: #e2f5f0;
          }
.exam // \-- под удаление
  .testing .result .answers .true .question_block:hover {
              background-color: #2ecf74 !important;
            }
.exam // \-- под удаление
  .testing .result .answers .true .question_block:hover svg {
                fill: #0d7267;
              }
.exam // \-- под удаление
  .testing .result .answers .true h3 {
            color: #26a79a;
          }
.exam // \-- под удаление
  .testing .result .answers .true svg {
            fill: #2dc6b6;
          }
.exam // \-- под удаление
  .testing .result .answers .true .stata {
            color: #2dc6b6;
          }
.exam // \-- под удаление
  .testing .result .answers .wrong .question_block {
            background-color: #f7e9eb;
          }
.exam // \-- под удаление
  .testing .result .answers .wrong .question_block:hover {
              background-color: #fb5548 !important;
            }
.exam // \-- под удаление
  .testing .result .answers .wrong .question_block:hover svg {
                fill: white;
              }
.exam // \-- под удаление
  .testing .result .answers .wrong h3 {
            color: #fb5548;
          }
.exam // \-- под удаление
  .testing .result .answers .wrong svg {
            fill: #fb5548;
          }
.exam // \-- под удаление
  .testing .result .answers .wrong .stata {
            color: #fb5548;
          }
.exam // \-- под удаление
  .testing .result .answers .wrong .action {
            background-color: #e14c42 !important;
          }
.exam // \-- под удаление
  .testing .result .answers .intermediate .question_block {
            background-color: #f7f3eb;
          }
.exam // \-- под удаление
  .testing .result .answers .intermediate .question_block:hover {
              background-color: #f7e8b9 !important;
            }
.exam // \-- под удаление
  .testing .result .answers .intermediate .question_block:hover svg {
                fill: white;
              }
.exam // \-- под удаление
  .testing .result .answers .intermediate h3 {
            color: #fb5548;
          }
.exam // \-- под удаление
  .testing .result .answers .intermediate svg {
            fill: #f3b941;
          }
.exam // \-- под удаление
  .testing .result .answers .intermediate .stata {
            color: #f3b83f;
          }
.exam // \-- под удаление
  .testing .result .answers .intermediate .action {
            background-color: #e14c42 !important;
          }
.exam // \-- под удаление
  .testing .result .times .answer .question_block {
            margin-bottom: 10px;
            pointer-events: none;
          }
.exam // \-- под удаление
  .testing .result .timers .answer .question_block {
            margin-bottom: 15px;
            padding-right: 25px;
            background-color: white;
            pointer-events: none;
          }
.exam // \-- под удаление
  .testing .result .timers .answer .question_block .pause_icon {
              margin-left: 15px;
            }
.exam // \-- под удаление
  .testing .result .information .answer {
          margin-bottom: 15px;
        }
.exam // \-- под удаление
  .testing .result .information .answer .circle {
            width: 36px;
            height: 36px;
          }
.exam // \-- под удаление
  .testing .result .information .answer .circle svg {
              width: 36px;
            }
.exam // \-- под удаление
  .testing .result .information .answer .circle .el-progress__text {
              top: 25%;
              font-size: 12px !important;
            }
.exam // \-- под удаление
  .testing .result .information .answer .text h3 {
              color: transperent;
              font-size: 0.875rem;
            }
.exam // \-- под удаление
  .testing .result .information .answer .text p {
              font-size: 0.6875rem;
            }
.exam //  под удаление \--

  .content {
    position: relative;
  }
.exam //  под удаление \--

  .content .blocked {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      z-index: 3;
      /* opacity: 0.4; */
      border-radius: 20px;
    }
.exam.mobile .head {
      flex-direction: column;
      align-items: center;
    }
/* margin-bottom: 40px; */
.exam.mobile .head .timer {
        margin-left: 0;
      }
.exam.mobile .head .trophy {
        width: 35px;
        height: 35px;
        margin: 0;
        margin-bottom: 10px;
      }
.exam.mobile .mark_box.rule {
        padding: 20px;
      }
.exam.mobile .mark_box.rule svg {
          width: 100px !important;
          align-self: flex-start;
        }
.exam.mobile .mark_box.rule .text h3 {
            margin-bottom: 5px;
            font-size: 1.1rem;
            line-height: 1.1;
          }
.exam.mobile .mark_box.rule .text p {
            font-size: 0.7rem;
          }
.exam.mobile .rules {
      font-size: 0.9rem;
    }
.exam.mobile .rules .agreement .container {
          font-size: 0.9rem;
        }
.exam.mobile .question h3 {
        text-align: center;
      }
.exam.mobile .question .navigation_buttons {
        margin-top: 5px;
        flex-direction: column;
      }
.exam.mobile .question .navigation_buttons .send_buttons {
          display: flex;
          /* margin-bottom: 20px; */
          width: 100%;
          justify-content: space-between;
        }
.exam.mobile .question .navigation_buttons .send_buttons .pin_files {
            width: 140px;
            flex: 0 0 155px;
          }
.exam.mobile .question .navigation_buttons .send_buttons .pin_files .btn {
              padding-left: 15px;
            }
.exam.mobile .question .hw_content__upload__upload_block__area_upload__list_upload__iteam {
        width: 100%;
        margin-bottom: 13px;
        padding: 0;
      }
.exam.mobile .question .hw_content__upload__upload_block__area_upload__list_upload__iteam__name {
          flex: 0 0 110px !important;
          font-size: 0.7rem;
        }
.exam.mobile .question .hw_content__upload__upload_block__area_upload__list_upload__iteam__status {
          font-size: 0.7rem;
        }
.exam.mobile .result .mark_box {
        padding: 20px;
      }
.exam.mobile .result .mark_box svg {
          width: 45px;
          align-self: flex-start;
        }
.exam.mobile .result .mark_box .text h3 {
            margin-bottom: 5px;
            font-size: 1.1rem;
            line-height: 1.1;
          }
.exam.mobile .result .mark_box .text p {
            font-size: 0.7rem;
          }
.exam.mobile .result .fact {
        margin-bottom: 20px;
        padding: 25px 15px;
      }
.exam.mobile .result .fact .icon_bg {
          margin-bottom: 0px;
        }
.exam.mobile .result .fact .name {
          display: flex;
          height: 15px;
          text-align: center;
          line-height: 1.3;
          font-size: 0.7rem;
          align-items: center;
        }
.exam.mobile .result .answers .answers_col {
          margin-bottom: 15px;
        }
.exam.mobile .result .answers h3 {
          font-size: 1.1rem;
          /* text-align: center; */
        }
.exam.mobile .result .answers .question_block .content .text {
              font-size: 0.8rem;
            }
.exam.mobile .result .answers .question_block .content .stat {
              font-size: 0.9rem;
            }
.exam.mobile .result .answers .question_block .content .action.doc {
                margin-left: auto;
              }
.exam.mobile .result .next_stage_wrapper {
        display: flex;
        height: 43px;

        margin-bottom: 25px;
        justify-content: center;
      }
.exam.mobile .result .next_stage_wrapper .next_stage {
          position: absolute;
          width: 240px;
          height: 43px;
          margin-left: 0;
        }
.exam.mobile .carousel .main_carusel_white {
        padding: 0 20px;
      }
.exam.mobile .carousel .main_carusel_white__arrow_block {
          display: flex;
          position: absolute;
          top: 45%;
          width: 100%;
          text-align: unset;
          transform: translateY(-50%);
          z-index: 2;
        }
.exam.mobile .carousel .main_carusel_white__arrow-right {
          margin-left: calc(100% - 36px);
          /* left: -20px; */
          flex: 0 0 25px;
        }
.exam.mobile .carousel .main_carusel_white__arrow-left {
          /* margin-left: auto; */
          left: -13px;
          flex: 0 0 25px;
        }
.exam.mobile .carousel .el-carousel__indicator--horizontal {
        display: none;
      }
.exam.mobile .nav_dots {
      display: flex;
      height: 10px;
      margin: 10px 0;
      justify-content: center;
      align-items: center;
    }
.exam.mobile .nav_dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 7px;
        background: rgb(198, 209, 222);
        border-radius: 50%;
        transition: 0.3s ease-in-out;
      }
.exam.mobile .nav_dots .dot.active {
          background: #2dc6b6;
        }
.exam.mobile .progress_steps {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
.exam.mobile .progress_steps span {
        width: 80%;
      }
.exam.mobile .question {
      padding: 23px 20px;
    }
.exam.mobile .question .answer_block {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: -23px;
        padding: 15px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
      }
.exam.mobile .question .btn_back {
        margin-top: 0;
      }
.exam.mobile .finish {
      flex-direction: column;
      text-align: center;
      align-items: center;
    }
.exam.mobile .finish__lavrs {
        display: flex;
        align-items: center;
        text-align: center;
      }
.exam.mobile .finish__lavrs .h3 {
          font-size: 0.9rem;
        }
.exam.mobile .finish__lavrs img {
          width: 40px;
        }
.exam.mobile .finish .comment {
        font-size: 0.8rem;
        line-height: 1.5;
      }
.achievements h2 {
    font-size: 1.4rem;
  }
.achievements .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    padding-top: 10px;
  }
.achievements .grid .tile {
      background: #ffffff;
      border-radius: 6px;
    }
.achievements .grid .img {
      width: 100%;
      border-radius: 6px;
      cursor: pointer;
      max-height: 170px;
      min-height: 170px;
      -o-object-fit: cover;
         object-fit: cover;
    }
.achievements .grid .img-cert-box {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      height: 170px;
    }
.achievements .grid .img-cert {
      height: 100px;
    }
.achievements .grid .content {
      padding: 26px 32px 42px;
    }
.achievements .grid .title {
      font-weight: bold;
      font-size: 18px;
      line-height: 130%;
      text-align: center;
      color: #383838;
      margin-bottom: 14px;
    }
.achievements .grid .tip {
      font-size: 14px;
      line-height: 130%;
      text-align: center;
      color: #383838;
    }
.achievements .grid .control-box {
      text-align: center;
      margin-top: 30px;
    }
.achievements .grid .control-box .btn {
        font-size: 14px;
        padding: 9px 28px;
        line-height: 26px;
      }
.achievements .text-info {
    font-size: 1.4rem;
    text-align: center;
  }
.achievements .lightbox-close {
    color: black;
    padding: 6px;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 10px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.achievements .lightbox-arrow.lightbox-arrow-left,
  .achievements .lightbox-arrow.lightbox-arrow-right {
    display: none;
  }
.achievements.mobile .grid {
    grid-template-columns: 1fr;
  }
.subQuest {
  display: flex;
}
.mobile .subQuest {
    flex-direction: column;
  }
.mobile .subQuest_index {
      flex: 0 0 auto;
      margin-bottom: 10px;
    }
.subQuest_index {
    font-size: 36px;
    font-weight: bold;
    color: #26a79a;
    flex: 0 0 70px;
  }
.subQuest_desc {
    font-size: 14px;
  }
.instruction {
  color: #26a79a;
}
.timer {
  display: flex;
  margin-top: -10px;
  margin-left: auto;
}
.timer .green_timer .timer__prgogress {
    stroke: #26a79a;
  }
.timer .yellow_timer .timer__prgogress {
    stroke: #f2ae3b;
  }
.timer .red_timer .timer__prgogress {
    stroke: #cc2f1f;
  }
.timer .green_timer .timer__time {
    fill: #26a79a;
  }
.timer .yellow_timer .timer__time {
    fill: #f2ae3b;
  }
.timer .red_timer .timer__time {
    fill: #cc2f1f;
  }
.timer .info_timer {
    margin-right: 20px;
    padding-top: 17px;
  }
.timer .count_timer {
    position: absolute;
    top: -15px;
    right: -14px;
    width: 15px;
    height: 15px;
    padding: 2px 2px;
    background: #eabc3b;
    color: white;
    border-radius: 20px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.timer svg {
    transform: rotate(180deg);
    fill: none;
  }
.timer__block {
    position: relative;
  }
.timer__block__start_btn {
      position: absolute;
      top: 16px;
      right: 25px;
      margin: 0;
      border: none;
      background: none;
      z-index: 1;
      outline: none;
      cursor: pointer;
    }
.timer__block__start_btn img {
        width: 12px;
        -webkit-filter: drop-shadow(5px 5px 5px rgba(242, 173, 57, 0.37));
                filter: drop-shadow(5px 5px 5px rgba(242, 173, 57, 0.37));
      }
.timer__block__stop_btn {
      position: absolute;
      top: 16px;
      right: 25px;
      margin: 0;
      border: none;
      background: none;
      z-index: 1;
      outline: none;
      cursor: pointer;
    }
.timer__block__stop_btn img {
        width: 12px;
        -webkit-filter: drop-shadow(5px 5px 5px rgba(242, 173, 57, 0.37));
                filter: drop-shadow(5px 5px 5px rgba(242, 173, 57, 0.37));
      }
.timer__prgogress {
    fill: none;

    stroke-width: 3px;
    border-radius: 40px;
    stroke-dasharray: 313, 313;
    stroke-dashoffset: 0;
    transition: 0.2s;
    transform: translate3d(10px, 15px, 10px);
  }
.timer__background {
    fill: none;
    stroke: rgb(198, 209, 222);
    stroke-width: 3px;
    border-radius: 40px;
    transform: translate3d(10px, 15px, 10px);
  }
.timer__time {
    position: relative;
    font-size: 21px;
    fill: red;
    transform: rotate(180deg);
    font-weight: 600;
  }
.timer__play {
    fill: green;
    stroke: green;
    stroke-linejoin: round;
    stroke-width: 4px;
  }
.examTestResult h2 {
    margin-bottom: 15px;
    font-size: 1.375rem;
    font-weight: bold;
  }
.examTestResult .answers_col {
    margin-bottom: 20px;
  }
.examTestResult .topic {
    display: flex;
  }
.examTestResult .topic .circle {
      height: 56px;
      /* width: 56px; */
      /* background-color: yellow; */
      /* border-radius: 100px; */
    }
.examTestResult .topic .text {
      display: flex;
      padding-top: 3px;
      flex-direction: column;
      justify-content: space-between;
    }
.examTestResult .topic .text h3 {
        font-size: 1.25rem;
        font-weight: bold;
      }
.examTestResult .topic .text p {
        color: #aab0b7;
        font-size: 1rem;
      }
.examTestResult .mark_box {
    display: flex;
    position: relative;
    padding: 35px 40px 30px;
    /* background-color: $darker-red; */
    border-radius: 20px;
    z-index: 0;
  }
.examTestResult .mark_box .text {
      display: flex;
      color: white;
      flex-direction: column;
      justify-content: space-between;
    }
.examTestResult .mark_box .text h3 {
        font-size: 1.625rem;
        font-weight: bold;
        /* margin-bottom: 12px; */
      }
.examTestResult .mark_box .text p {
        font-size: 1rem;
      }
.examTestResult .mark_box svg {
      /* margin-top: 4px; */
      fill: white;
    }
.examTestResult .mark_box.red {
      background: linear-gradient(to right, #fc5447 0%, #cc2f1f 100%);
    }
.examTestResult .mark_box.yellow {
      background: linear-gradient(to right, #f3bb3a 0%, #ed793e 100%);
    }
.examTestResult .mark_box.green {
      background: linear-gradient(to right, #27a99c 0%, #207c73 100%);
    }
.examTestResult .mark_box::after {
    position: absolute;
    top: 0;
    width: 95%;
    height: 100%;
    background: url(../img/bg_lines.69151547.png);
    content: ' ';
    z-index: -1;
  }
.examTestResult .collapse .item {
      cursor: pointer;
    }
.examTestResult .collapse__head {
      display: flex;
      padding: 30px;
      /* width: 100%; */
      background-color: white;
      border-radius: 0;
      align-items: center;
    }
/* TEMPHIDE */
.examTestResult .collapse__head .img {
        width: 40px;
        /* align-self: flex-start; */
        height: 100%;
        max-width: 100%;
        fill: #e31e24;
      }
.examTestResult .collapse__head .arrow {
        height: 100%;
        margin-left: auto;
        max-width: 100%;
        cursor: pointer;
        transition: 0.3s;
      }
.examTestResult .collapse__head .arrow.rotate {
          transform: rotateZ(180deg);
          transition: 0.3s;
        }
.examTestResult .collapse__head .text {
        /* padding-top: 0px; */
        display: flex;
        margin-left: 17px;
        flex-direction: column;
        justify-content: space-between;
        font-weight: bold;
      }
.examTestResult .collapse__head .text h3 {
          font-size: 1.125rem;
          cursor: pointer;
          /* width: 60%; */
        }
.examTestResult .collapse__head .text .topic {
          margin-top: 8px;
          font-size: 1rem;
        }
.examTestResult .collapse__head .text .topic span {
            margin-right: 10px;
            color: #aab0b7;
            font-weight: normal;
          }
.examTestResult .collapse__head .text .topic a {
            color: #2dc6b6;
            text-decoration: none;
          }
.examTestResult .collapse__head.first {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
      }
.examTestResult .collapse__head.last {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
      }
.examTestResult .collapse__border {
      width: 100%;
      height: 1px;
      background-color: #f7fafe;
    }
.examTestResult .collapse__item {
      background-color: #f8eeee;
    }
.examTestResult .collapse__item .variant {
        padding: 17px 24px 14px;
        font-weight: bold;
        font-size: 1rem;
      }
.examTestResult .collapse__item .variant.wrong {
          color: #f25144 !important;
          background-color: #edd4d4 !important;
        }
.examTestResult .collapse__item .variant.good {
          background: rgb(78 189 122 / 69%);
        }
.examTestResult .collapse .fade-list-enter-active,
    .examTestResult .collapse .fade-list-leave-active {
      transition: opacity 0.25s ease-out;
    }
.examTestResult .collapse .fade-list-enter,
    .examTestResult .collapse .fade-list-leave-to {
      opacity: 0;
    }
.examTestResult.mobile {

    /* end */
  }
.examTestResult.mobile .answers .question_block {
      padding: 15px;
    }
.examTestResult.mobile .mark_box {
      padding: 20px;
    }
.examTestResult.mobile .mark_box svg {
        width: 45px;
        align-self: flex-start;
      }
.examTestResult.mobile .mark_box .text h3 {
          margin-bottom: 5px;
          font-size: 1.1rem;
          line-height: 1.1;
        }
.examTestResult.mobile .mark_box .text p {
          font-size: 0.7rem;
        }
.examTestResult.mobile .fact {
      margin-bottom: 20px;
      padding: 25px 15px;
    }
.examTestResult.mobile .fact .icon_bg {
        margin-bottom: 0px;
      }
.examTestResult.mobile .fact .name {
        display: flex;
        height: 15px;
        text-align: center;
        line-height: 1.3;
        font-size: 0.65rem;
        align-items: center;
      }
.examTestResult.mobile .fact .numbers {
        font-size: 1.25rem;
      }
.examTestResult.mobile .fact .numbers .metric {
          font-size: 0.8rem;
        }
.examTestResult.mobile h2 {
      font-size: 1.2rem;
      text-align: center;
    }
.examTestResult.mobile .topic .text h3 {
          margin-bottom: 7px;
          font-size: 1rem;
        }
.examTestResult.mobile .topic .text p {
          line-height: 1.5;
          font-size: 0.874rem;
        }
.examTestResult.mobile .collapse__head {
        padding: 20px;
      }
.examTestResult.mobile .collapse__head .img {
          flex: 0 0 44px;
        }
.examTestResult.mobile .collapse__head .text h3 {
            font-size: 0.9rem;
            /* margin-bottom: 7px; */
          }
.examTestResult.mobile .collapse__head .text .topic {
            font-size: 0.875rem;
          }
.examTestResult.mobile .collapse__item .variant {
          font-size: 0.875rem;
        }
.examTestResult .fact {
    display: flex;
    margin-bottom: 30px;
    padding: 25px 30px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
  }
.examTestResult .fact_greenFact .icon_bg {
        background-color: rgb(44 204 116 / 0.3);
      }
.examTestResult .fact_greenFact .icon_bg svg {
          fill: #2dc6b6;
        }
.examTestResult .fact_greenFact .numbers .accent {
          color: #2dc6b6;
        }
.examTestResult .fact_greenFact.active {
        background: linear-gradient(-6deg, #27a99c 0%, #207c73 100%);
        box-shadow: 0 10px 15px rgba(45,198,182,0.50196), inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact_greenFact.active .name {
          color: white;
        }
.examTestResult .fact_greenFact.active .icon_bg {
          background-color: #0d7267 !important;
        }
.examTestResult .fact_greenFact.active .icon_bg svg {
            fill: white !important;
          }
.examTestResult .fact_greenFact.active .numbers {
          color: #0d7267;
        }
.examTestResult .fact_greenFact.active .accent {
          color: white;
        }
.examTestResult .fact_redFact .icon_bg {
        background-color: rgb(255 86 74 / 0.2);
      }
.examTestResult .fact_redFact .icon_bg svg {
          fill: #e31e24;
        }
.examTestResult .fact_redFact .numbers .accent {
          color: #e31e24;
        }
.examTestResult .fact_redFact.active {
        background: linear-gradient(-6deg, #c92c1c 0%, #ff564a 100%);
        box-shadow: 0 10px 15px #d98079, inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact_redFact.active .name {
          color: white;
        }
.examTestResult .fact_redFact.active .icon_bg {
          background-color: #e31e24 !important;
        }
.examTestResult .fact_redFact.active .icon_bg svg {
            fill: white !important;
          }
.examTestResult .fact_redFact.active .numbers {
          color: #c43629;
        }
.examTestResult .fact_redFact.active .accent {
          color: white;
        }
.examTestResult .fact_yellowFact .icon_bg {
        background-color: rgb(241 167 57 / 0.4);
      }
.examTestResult .fact_yellowFact .icon_bg svg {
          fill: #f1a739;
        }
.examTestResult .fact_yellowFact .numbers .accent {
          color: #f1a739;
        }
.examTestResult .fact_yellowFact.active {
        background: linear-gradient(-6deg, #ec6a3d 0%, #f4c537 100%);
        box-shadow: 0 10px 15px #d98079, inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact_yellowFact.active .name {
          color: white;
        }
.examTestResult .fact_yellowFact.active .icon_bg {
          background-color: #e09738 !important;
        }
.examTestResult .fact_yellowFact.active .icon_bg svg {
            fill: white !important;
          }
.examTestResult .fact_yellowFact.active .numbers {
          color: #d78037;
        }
.examTestResult .fact_yellowFact.active .accent {
          color: white;
        }
.examTestResult .fact.active .name {
        color: white;
      }
.examTestResult .fact.active .icon_bg svg {
          fill: white !important;
        }
.examTestResult .fact.active.answers {
        background: linear-gradient(-6deg, #1db676 0%, #2ecf74 100%);
        box-shadow: 0 10px 15px rgba(45,198,182,0.50196), inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact.active.answers .numbers {
          color: #24af67;
        }
.examTestResult .fact.active.answers .icon_bg {
          background-color: #0d7267 !important;
        }
.examTestResult .fact.active.answers .green {
          color: white;
        }
.examTestResult .fact.active.information {
        background: linear-gradient(-6deg, #c92c1c 0%, #ff564a 100%);
        box-shadow: 0 10px 15px #d98079, inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact.active.information .red {
          color: white;
        }
.examTestResult .fact.active.information .numbers {
          color: #c43629;
        }
.examTestResult .fact.active.information .icon_bg {
          background-color: #e1473b !important;
        }
.examTestResult .fact.active.time {
        background: linear-gradient(-6deg, #ec6a3d 0%, #f4c537 100%);
        box-shadow: 0 10px 15px #d98079, inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 3px rgba(255, 255, 255, 0);
      }
.examTestResult .fact.active.time .yellow {
          color: white;
        }
.examTestResult .fact.active.time .numbers {
          color: #d78037;
        }
.examTestResult .fact.active.time .icon_bg {
          background-color: #e09738 !important;
        }
.examTestResult .fact .icon_bg {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
    }
.examTestResult .fact .icon_bg img {
        max-width: 30px;
        max-height: 30px;
      }
.examTestResult .fact .icon_bg.green {
        background-color: rgb(44 204 116 / 0.3);
      }
.examTestResult .fact .icon_bg.green svg {
          fill: #1c796f;
        }
.examTestResult .fact .icon_bg.yellow {
        background-color: rgb(241 167 57 / 0.4);
      }
.examTestResult .fact .icon_bg.yellow svg {
          fill: #f1a739;
        }
.examTestResult .fact .icon_bg.red {
        background-color: rgb(255 86 74 / 0.2);
      }
.examTestResult .fact .icon_bg.red svg {
          fill: #e31e24;
        }
.examTestResult .fact .icon_bg.dark-green {
        background-color: #26a79a;
      }
.examTestResult .fact .numbers {
      margin-bottom: 10px;
      color: rgb(198, 209, 222);
      font-size: 1.71875rem;
      font-weight: bold;
    }
.examTestResult .fact .numbers .metric {
        font-size: 1.125rem;
      }
.examTestResult .fact .numbers .green {
        color: #2dc6b6;
      }
.examTestResult .fact .numbers .yellow {
        color: #f1a739;
      }
.examTestResult .fact .numbers .red {
        color: #e31e24;
      }
.examTestResult .fact .numbers .white {
        color: white;
      }
.examTestResult .fact .name {
      color: #6d6d6d;
      font-size: 0.8125rem;
    }
.examTestResult .answers h3 {
      font-size: 1.25rem;
      font-weight: 1000;
    }
.examTestResult .answers .question_block {
      margin-bottom: 5px;
      padding: 15px 50px 15px 30px;
      border-radius: 10px;
    }
.examTestResult .answers .question_block .content {
        display: flex;
        opacity: 1 !important;
        align-items: center;
        position: relative;
      }
.examTestResult .answers .question_block .content .overlayNav {
          position: absolute;
          right: 0;
          display: none;
          padding-left: 10px;
          background: #2ecf74;
        }
.examTestResult .answers .question_block .content svg {
          width: 30px;
          height: 30px;
          opacity: 1 !important;
          /* fill: $light-green; */
        }
.examTestResult .answers .question_block .content .text {
          font-size: 1rem;
          font-weight: bold;
        }
.examTestResult .answers .question_block .content .stata {
          margin-left: auto;
          font-weight: bold;
        }
.examTestResult .answers .question_block .content .action {
          display: none;
          color: white;
          background-color: #0d7267;
          border-radius: 100%;
          font-size: 0.6875rem;
          font-weight: bold;
          cursor: pointer;
        }
.examTestResult .answers .question_block .content .action.to_test {
            margin-left: auto;
            padding: 9px 15px;
            border-radius: 20px;
            text-decoration: none;
          }
.examTestResult .answers .question_block .content .action.doc {
            width: 30px;
            height: 30px;
            margin-left: 7px;
            text-decoration: none;
          }
.examTestResult .answers .question_block:hover .content .overlayNav {
            display: flex;
          }
.examTestResult .answers .question_block:hover .text {
          color: white;
        }
.examTestResult .answers .question_block:hover .stata {
          display: none;
          /* color: $light-green; */
        }
.examTestResult .answers .question_block:hover .action {
          display: flex;
          align-items: center;
          justify-content: center;
        }
.examTestResult .answers .true .question_block {
        background-color: #e2f5f0;
      }
.examTestResult .answers .true .question_block:hover {
          background-color: #2ecf74 !important;
        }
.examTestResult .answers .true .question_block:hover svg {
            fill: #0d7267;
          }
.examTestResult .answers .true h3 {
        color: #26a79a;
      }
.examTestResult .answers .true svg {
        fill: #2dc6b6;
      }
.examTestResult .answers .true .stata {
        color: #2dc6b6;
      }
.examTestResult .answers .wrong .question_block {
        background-color: #f7e9eb;
      }
.examTestResult .answers .wrong .question_block:hover {
          background-color: #fb5548 !important;
        }
.examTestResult .answers .wrong .question_block:hover .content .overlayNav {
              background-color: #e31e24;
            }
.examTestResult .answers .wrong .question_block:hover svg {
            fill: white;
          }
.examTestResult .answers .wrong h3 {
        color: #fb5548;
      }
.examTestResult .answers .wrong svg {
        fill: #fb5548;
      }
.examTestResult .answers .wrong .stata {
        color: #fb5548;
      }
.examTestResult .answers .wrong .action {
        background-color: #e14c42 !important;
      }
.examTestResult .answers .intermediate .question_block {
        background-color: #f7f3eb;
      }
.examTestResult .answers .intermediate .question_block:hover {
          background-color: #f7e8b9 !important;
        }
.examTestResult .answers .intermediate .question_block:hover svg {
            fill: white;
          }
.examTestResult .answers .intermediate h3 {
        color: #fb5548;
      }
.examTestResult .answers .intermediate svg {
        fill: #f3b941;
      }
.examTestResult .answers .intermediate .stata {
        color: #f3b83f;
      }
.examTestResult .answers .intermediate .action {
        background-color: #e14c42 !important;
      }
.examTestResult .times .answer .question_block {
        margin-bottom: 10px;
        pointer-events: none;
      }
.examTestResult .timers .answer .question_block {
        margin-bottom: 15px;
        padding-right: 25px;
        background-color: white;
        pointer-events: none;
      }
.examTestResult .timers .answer .question_block .pause_icon {
          margin-left: 15px;
        }
.examTestResult .information .answer {
      margin-bottom: 15px;
    }
.examTestResult .information .answer .circle {
        width: 36px;
        height: 36px;
      }
.examTestResult .information .answer .circle svg {
          width: 36px;
        }
.examTestResult .information .answer .circle .el-progress__text {
          top: 25%;
          font-size: 12px !important;
        }
.examTestResult .information .answer .text h3 {
          color: transperent;
          font-size: 0.875rem;
          text-transform: capitalize;
        }
.examTestResult .information .answer .text p {
          font-size: 0.6875rem;
        }
.process {
  width: calc(100% - 45px);
}
/* border: 1px solid blue; */
.mobile .process {
    width: calc(100% - 60px);
    padding: 0 30px;
  }
.mobile .process .h2 {
      margin-bottom: 15px;
      text-align: center;
    }
.mobile .process .text {
      margin-bottom: 30px;
      text-align: center;
      font-size: 0.8rem;
    }
.process .line {
    display: flex;
    position: relative;
    margin-bottom: 48px;
    /* flex-direction: row-reverse; */
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
.mobile .process .line {
      height: 60px;
      margin-bottom: 30px;
    }
.process .line .stage {
      display: flex;
      /* position: relative; */
      width: 60px;
      align-items: center;
      justify-content: center;
    }
.process .line .stage .stage_figure {
        display: flex;
        align-items: center;
        cursor: pointer;
      }
.process .line .stage .stage_figure::after {
          position: absolute;
          width: 15%;
          height: 5px;
          /* margin-left: 35px; */
          margin-left: 1.9%;
          /* display: none; */
          cursor: default;
          content: ' ';
          background-color: #2dc6b6;
        }
/* top: 0; */
.mobile .process .line .stage .stage_figure::after {
            /* width: 36%; */
            width: 48.2%;
            margin-left: 2.9%;
          }
.process .line .stage .stage_figure .circle {
          display: flex;
          width: 60px;
          height: 60px;
          z-index: 2;
          border-radius: 100%;
          box-shadow: 4px 4px 9px -6px #004e1e;
          align-items: center;
          justify-content: center;
        }
.process .line .stage .stage_figure .circle.green {
            background: linear-gradient(-6deg, #2dc6b6 0%, #2dc6b6 100%);
          }
.process .line .stage .stage_figure .circle.red {
            background: linear-gradient(-6deg, #c92c1c 0%, #ff564a 100%);
          }
.process .line .stage .stage_figure .circle.small {
            width: 38px;
            height: 38px;
          }
.process .line .stage .stage_figure .rhombus {
          display: flex;
          width: 30px;
          height: 30px;
          background: linear-gradient(-45deg, #ec6a3d 0%, #f4c537 100%);
          z-index: 2;
          box-shadow: 5px -3px 6px -7px #004e1e;
          transform: rotate(45deg);
          align-items: center;
          justify-content: center;
        }
.process .line .stage .stage_figure .rhombus .icon {
            transform: rotate(-45deg);
          }
.process .line .stage .stage_figure.green_to_yellow::after {
            background: linear-gradient(to right, #2dc6b6, #f1a739);
          }
.process .line .stage .stage_figure.yellow_to_green::after {
            background: linear-gradient(to right, #f1a739, #2dc6b6);
          }
.process .line .stage .stage_figure.green_to_red::after {
            background: linear-gradient(to right, #2dc6b6, #e31e24);
          }
.process .line .stage .stage_figure.red_to_green::after {
            background: linear-gradient(to right, #e31e24, #2dc6b6);
          }
.process .line .stage .stage_figure.yellow_to_red::after {
            background: linear-gradient(to right, #f1a739, #e31e24);
          }
.process .line .stage .stage_figure.red_to_yellow::after {
            background: linear-gradient(to right, #e31e24, #f1a739);
          }
.process .line .stage .stage_figure.yellow::after {
            background: #f1a739;
          }
.process .line .stage .stage_figure.red::after {
            background: #e31e24;
          }
.process .line .stage .stage_figure.green::after {
            background: #2dc6b6;
          }
.process .line .stage .stage_figure.grey::after {
            background: rgb(198, 209, 222);
          }
.process .line .stage .stage_figure__homework_img {
          transform: rotate(-45deg);
        }
.process .line .stage.small .circle {
          width: 38px;
          height: 38px;
        }
.process .line .stage.small .label {
          bottom: -12px;
          /* margin-left: -4px; */
          font-size: 0.75rem;
          overflow: hidden;
          white-space: nowrap;
        }
.mobile .process .line .stage.small .label {
            font-size: 0.6rem;
          }
.process .line .stage.small .home_work {
          /* margin-left: 0; */
          bottom: -30px;
          width: 7%;
          line-height: 17px;
          white-space: normal;
          white-space: initial;
        }
.mobile .process .line .stage.small .home_work {
            bottom: -19px;
            width: 25%;
            line-height: 13px;
          }
.process .line .stage.small .pop-up {
          transform: translate3d(49%, 48.5%, 10px);
        }
.process .line .stage.small .arc {
          top: 38px;
          width: 113px;
          height: 72px;
        }
.mobile .process .line .stage.small .arc {
            top: 35px;
            left: -5px;
            width: 105px;
            height: 54px;
          }
.process .line .stage.small .arc .helper {
            right: 5px;
            width: 103px;
            height: 67px;
          }
.mobile .process .line .stage.small .arc .helper {
              width: 95px;
              /* right: 5px; */
              /* height: 67px; */
            }
.process .line .stage:last-child .label {
          margin-left: -1px;
        }
.process .line .stage:last-child .stage_figure {
          position: relative;
        }
.process .line .stage:last-child .stage_figure::after {
            display: none;
          }
.process .line .stage:last-child .pop-up {
          transform: translate3d(-49.5%, 48.5%, 10px);
          border-radius: 20px;
          border-top-right-radius: 0px;
        }
.process .line .stage .pop-up {
        position: absolute;
        /* height: 115px; */
        width: 200px;
        /* opacity: 0.5; */
        padding: 12px 15px;
        background: linear-gradient(to top, #1db676 0%, #2ecf74 100%);
        color: white;
        z-index: 3;
        border-radius: 20px;
        border-top-left-radius: 0px;
        transform: translate3d(50%, 48.5%, 10px);
      }
.process .line .stage .pop-up .head {
          display: flex;
          margin-bottom: 12px;
          align-items: center;
        }
.process .line .stage .pop-up .head h3 {
            font-size: 0.875rem;
            font-weight: bold;
          }
.process .line .stage .pop-up .head .icon {
            width: 19px;
            margin-right: 10px;
          }
.process .line .stage .pop-up .head .close {
            margin-left: auto;
            fill: #ffffff;
            align-self: flex-start;
            cursor: pointer;
          }
.process .line .stage .pop-up .content {
          text-align: left;
        }
.process .line .stage .pop-up .content .guide {
            margin-bottom: 12px;
            color: white;
            font-size: 0.6875rem;
            line-height: 15px;
          }
.process .line .stage .pop-up .content a {
            color: white;
            font-size: 0.75rem;
            font-weight: bold;
            text-decoration: none;
          }
.process .line .stage .pop-up.green {
          background: linear-gradient(to top, #2dc6b6 0%, #2dc6b6 100%);
        }
.process .line .stage .pop-up.red {
          background: linear-gradient(to top, #c92c1c 0%, #ff564a 100%);
        }
.process .line .stage .pop-up.yellow {
          background: linear-gradient(to top, #ec6a3d 0%, #f2b63a 100%);
        }
/* .fade-enter-active,
        .fade-leave-active {
          transition: opacity transform 0.3s;
        }
        .fade-enter,
        .fade-leave-to {
          opacity: 0;
          transform: translateY(20px);
        } */
.process .line .stage.not-active .stage_figure {
          box-shadow: none !important;
        }
.process .line .stage.not-active .stage_figure::after {
            background: rgb(198, 209, 222);
          }
.process .line .stage.not-active .stage_figure .circle {
            background: rgb(198, 209, 222);
          }
.process .line .stage.not-active .stage_figure .rhombus {
            background: rgb(198, 209, 222);
          }
.process .line .stage.not-active .arc {
          background: rgb(198, 209, 222);
        }
.process .line:nth-child(2n) {
      flex-direction: row-reverse;
    }
.process .line:nth-child(2n) .stage {
        flex-direction: row-reverse;
      }
.process .line:nth-child(2n) .stage .stage_figure {
          /* margin-right: 60px; */
          flex-direction: row-reverse;
        }
.process .line:nth-child(2n) .stage .stage_figure::after {
            margin-left: -25px;
          }
.mobile .process .line:nth-child(2n) .stage .stage_figure::after {
              margin-left: -3.2%;
            }
.process .line:nth-child(2n) .stage .stage_figure .arc {
            transform: rotate(-90deg);

            /* margin-top: 17px;            */
          }
.mobile .process .line:nth-child(2n) .stage .stage_figure .arc {
              right: -4px;
              left: inherit;
            }
.process .line:nth-child(2n) .stage:last-child .pop-up {
            transform: translate3d(50%, 48.5%, 10px);
            border-radius: 20px;
            border-top-left-radius: 0px;
          }
.process .line:nth-child(2n) .stage:first-child .pop-up {
            transform: translate3d(-49.5%, 48.5%, 10px);
            border-radius: 20px;
            border-top-right-radius: 0px;
          }
.process .line .label {
      position: absolute;
      bottom: -27px;
      /* margin-left: 8px; */
      font-size: 0.875rem;
      font-weight: bold;
      white-space: nowrap;
    }
.mobile .process .line .label {
        bottom: -24px;
        font-size: 0.8rem;
      }
.process .line .arc {
      position: absolute;
      top: 39px;
      width: 115px;
      height: 90px;
      background: linear-gradient(to right, #2dc6b6, #2dc6b6);
      /* position: relative; */
      border-top-left-radius: 110px;
      border-top-right-radius: 110px;
      border-bottom: 0;
      transform: rotate(90deg);
    }
.mobile .process .line .arc {
        left: 6px;
        width: 110px;
        height: 58px;
      }
.process .line .arc .helper {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 105px;
        height: 90px;
        border-radius: inherit;
        background-color: #f7fafe;
        z-index: 2;
      }
.mobile .process .line .arc .helper {
          width: 100px;
          height: 70px;
        }
.process .line .arc.green_to_yellow {
        background: linear-gradient(to right, #2dc6b6, #f1a739);
      }
.process .line .arc.yellow_to_green {
        background: linear-gradient(to right, #f1a739, #2dc6b6);
      }
.process .line .arc.green_to_red {
        background: linear-gradient(to right, #2dc6b6, #e31e24);
      }
.process .line .arc.red_to_green {
        background: linear-gradient(to right, #e31e24, #2dc6b6);
      }
.process .line .arc.yellow_to_red {
        background: linear-gradient(to right, #f1a739, #e31e24);
      }
.process .line .arc.red_to_yellow {
        background: linear-gradient(to right, #e31e24, #f1a739);
      }
.process .line .arc.yellow {
        background: #f1a739;
      }
.process .line .arc.red {
        background: #e31e24;
      }
.process .line .arc.green {
        background: #2dc6b6;
      }
.process .line .arc.grey {
        background: rgb(198, 209, 222);
      }
.process .expand_progress {
    display: flex;
    position: relative;
    width: calc(100% + 90px);
    height: 47px;
    margin-left: -45px;
    margin-bottom: -30px;
    padding-top: 8px;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      #f7fafe 50%
    );
    color: #727e8c;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    cursor: pointer;
  }
.process .expand_progress .arrow_down {
      margin-top: 10px;
    }
.process .expand_progress .arrow_down.up {
        margin-top: 0;
        margin-bottom: 10px;
        transform: rotate(180deg);
      }
/* buttons */
.btn_white {
  padding: 14px 28px 14px;
  border: 2px solid white;
  background: white;
  color: #26a79a;
}
.btn_lightGreen {
  color: #b4cab3;
  background: #effbef;
  border: 2px solid #effbef;
}
.btn_lightGreen svg {
    fill: #b4cab3;
  }
.btn_lightGreen:hover {
    color: #575757;
  }
.btn_lightGreen:hover svg {
      fill: #575757;
    }
.btn_green {
  padding: 14px 28px 14px;
  border: 2px solid #26a79a;
  background: #26a79a;
  color: white;
}
.btn_green svg {
    fill: white;
  }
.btn_green:hover {
    border: 2px solid #1c796f;
    background: #1c796f;
    color: white;
  }
.btn_green_outline {
    border: 2px solid #26a79a;
    background: rgba(255, 255, 255, 0);
    color: #26a79a;
  }
.btn_green_outline:hover {
      background: #26a79a;
      color: white;
    }
.btn_green.active {
    background: #1c796f;
  }
.btn_mint {
  background: #eff8f2;
  color: #26a79a;
}
.btn_mint:hover {
    background: #26a79a;
    color: white;
  }
.btn_orange {
  background: rgba(241, 167, 57, 0.1);
  color: #f1a739;
}
.btn_orange:hover {
    background: #f1a739;
    color: white;
  }
.btn_blue {
  color: #5071E8;
  background: rgba(80, 113, 232, 0.1);
}
.btn_blue:hover {
    background: #5071E8;
    color: white;
  }
.btn_fullYellow {
  background: #ffdf00;
  border: 2px solid #ffdf00;
  color: white;
}
.input {
  padding: 16px 22px 16px;
  border: 1px solid #b4cab3;
  background: white;
  border-radius: 5px;
  font-size: 18px;
  outline: none;
}
.input:focus {
    box-shadow: 0 0 0px 1px #b4cab3;
  }
.btn_wa {
  padding: 6px 10px 6px;
  background: linear-gradient(to bottom, #45d5c5 0%, #26a79a 100%);
  color: white;
  /* box-shadow: 0 4px #018d50, 0 10px 15px #2dc6b680,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_wa:hover {
  background: linear-gradient(to bottom, #26a79a 0%, #26a79a 100%);
  color: white;
  box-shadow: 0 0 0 0px rgba(45,198,182,0.72157);
  /* box-shadow: 0 4px #018d50, 0 10px 15px #2dc6b680,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
}
.btn_tg {
  padding: 6px 10px 6px;
  background: linear-gradient(to bottom, #3db6e2 0%, #249ac9 100%);
  color: white;
  /* box-shadow: 0 4px #1a7aa0, 0 10px 15px #249ac9,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_tg:hover {
  padding: 6px 10px 6px;
  background: linear-gradient(to bottom, #249ac9 0%, #249ac9 100%);
  color: white;
  /* box-shadow: 0 4px #1a7aa0, 0 10px 15px #249ac9,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_vk {
  padding: 6px 10px 6px;
  background: linear-gradient(to bottom, #4f7eb4 0%, #426b9a 100%);
  color: white;
  /* box-shadow: 0 4px #375980, 0 10px 15px #426b9a,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_vk:hover {
  padding: 6px 10px 6px;
  background: linear-gradient(to bottom, #426b9a 0%, #426b9a 100%);
  color: white;
  /* box-shadow: 0 4px #375980, 0 10px 15px #426b9a,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_soc {
  padding: 6px 10px 6px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: baseline;
}
.btn_soc svg {
    vertical-align: bottom;
    fill: white;
  }
.btn_yellow {
  padding: 12px 25px 9px;
  background: linear-gradient(to bottom, #f1a739 0%, #e29b33 100%);
  color: white;
  /* box-shadow: 0 4px #c35a2c, 0 10px 15px #ee7d3c,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_yellow:hover {
  /* box-shadow: 0 0 0 0px #2dc6b6b8; */
  background: linear-gradient(to bottom, #e29b33 0%, #e29b33 100%);
  color: white;
  /* box-shadow: 0 4px #c35a2c, 0 10px 15px #ee7d3c,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
}
.btn_blocked {
  padding: 12px 25px 9px 35px;
  background: linear-gradient(to bottom, #b8c3d2 0%, #868e99 100%);
  color: white;
  /* box-shadow: 0 4px #626a73, 0 10px 15px #5e5e5e,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_blocked:hover {
  /* box-shadow: 0 0 0 0px #2dc6b6b8; */
  background: linear-gradient(to bottom, #868e99 0%, #868e99 100%);
  color: white;
  /* box-shadow: 0 4px #626a73, 0 10px 15px #5e5e5e,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
}
.blocked_icon {
  position: relative;
  left: 0;
  width: 11px;
  height: 15px;
  margin-right: 15px;
}
.btn_red {
  padding: 12px 25px 9px;
  background: linear-gradient(to bottom, #f64f42 0%, #cb191f 100%);
  color: white;
  /* box-shadow: 0 4px $darkest-red, 0 10px 15px $light-red,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
  transition: 0.1s ease-in-out;
}
.btn_red:hover {
  /* box-shadow: 0 0 0 0px #2dc6b6b8; */
  background: linear-gradient(to bottom, #cb191f 0%, #cb191f 100%);
  color: white;
  /* box-shadow: 0 4px $darkest-red, 0 10px 15px $light-red,
    inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 3px rgba(255, 255, 255, 0); */
}
.btn_min_green {
  padding: 5px 15px;
  font-size: 13px;
  float: right;
  vertical-align: top;
  /* height: 26px; */
}
.btn_back {
  display: flex;
  width: 42px;
  height: 42px;
  margin-top: 5px;
  margin-right: 15px;
  color: white;
  flex: 0 0 42px;
  font-family: Etna;
  font-size: 25px;
  font-weight: bold;
  background-color: #e8ecf1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn_icon--end svg {
    margin-left: 5px;
  }
.btn_icon--start svg {
    margin-right: 5px;
  }
.btn_icon svg {
  }
.btn_icon.btn_xs svg {
    height: 10px;
    width: 10px;
  }
.btn_icon.btn_addFile svg {
    height: 15px;
    width: 15px;
  }
.mobile .btn_icon.btn_addFile svg {
      height: 12px;
      width: 12px;
    }
/* v-drager */
.vb > .vb-dragger {
  right: 0;
  width: 12px;
  z-index: 5;
}
.vb > .vb-dragger > .vb-dragger-styler {
  display: block;
  height: calc(100% - 10px);
  margin: 5px 5px 5px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotate3d(0, 0, 0, 0);
  transition: background-color 200ms ease-in-out, margin 200ms ease-in-out,
    height 200ms ease-in-out;
  background-color: rgba(44, 204, 116, 0.1);
  border-radius: 20px;
}
.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(44, 204, 116, 0.3);
}
.vb > .vb-dragger:hover > .vb-dragger-styler {
  height: 100%;
  margin: 0px;
  margin: 0px 4px 0px 0;
  background-color: rgba(44, 204, 116, 0.5);
}
.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  height: 100%;
  margin: 0px;
  margin: 0px 4px 0px 0;
  background-color: rgba(44, 204, 116, 0.5);
}
.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(44, 204, 116, 0.5);
}
/* animated functions */
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.spin {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
/* media */
@media screen and (max-width: 1400px) {
  main {
    padding: 30px 20px !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 575px) {
  .btn__calrndar_open {
    padding: 5px 10px !important;
  }

  .mobile .upload_avatar_modal .body .buttons {
    padding: 0 25%;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .mobile .hw_content__upload__fl {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .learning_class h1 {
    align-items: baseline;
  }
}
@media screen and (max-width: 574px) {
  .examItemResult__btns {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
    .examItemResult__btns .btn {
      margin-top: 15px;
      margin-right: 0;
    }
    .examItemResult__btns span {
      font-size: 14px;
    }
  .container_auth__logo {
    margin-top: 40px;
  }
  .btn__calrndar_open svg {
    margin-right: 0;
  }

  .btn__calrndar_open span {
    display: none;
  }

  .day_lesson .datetime {
    font-size: 1.26rem;
    line-height: 1.3;
    text-align: center;
  }

  .notice_block__iteam {
    padding: 20px 15px;
    flex-direction: column;
  }

    .notice_block__iteam__icon {
      margin: 0;
    }

    .notice_block__iteam__wrap_info {
      width: 100%;
    }

    .notice_block__iteam__action {
      margin: 25px auto 0px;
    }

    .notice_block__iteam__time {
      width: 100%;
      margin-top: 10px;
    }
}
.fast_search li .value {
      width: 100%;
      padding: 8px 0 0 0;
      line-height: 1.3;
      font-weight: 600;
      text-overflow: ellipsis;
      overflow: hidden;
    }
.fast_search li .value em {
        font-weight: 800;
      }
.fast_search li .info {
      color: grey;
      font-size: 13px;
    }
.fast_search li .info em {
        font-weight: 800;
      }
.left_mark {
  width: 8px;
  height: auto;
  margin: -15px 0 -15px -20px;
  padding: 15px 0;
  background-color: #2dc6b6;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.examItemResult {
  padding: 25px 20px;
}
.examItemResult.mobile {
    padding: 15px;
  }
.examItemResult.mobile .examItemResult__name {
      font-size: 14px;
      margin-bottom: 10px;
    }
.examItemResult.mobile .examItemResult__wrap {
      width: calc(100% - 70px);
    }
.examItemResult.mobile .examItemResult__wrap::before,
    .examItemResult.mobile .examItemResult__wrap::after {
      background-size: contain;
      width: 30px;
    }
.examItemResult.mobile .examItemResult__wrap::before {
      left: -40px;
    }
.examItemResult.mobile .examItemResult__wrap::after {
      right: -40px;
    }
.examItemResult.mobile .examItemResult__text {
      line-height: 1.4;
      font-size: 12px;
    }
.examItemResult.mobile .examItemResult__btns {
    }
.examItemResult.mobile .examItemResult__btns button {
    }
.examItemResult__text {
    line-height: 1.5;
    margin-bottom: 15px;
  }
.examItemResult__btns button {
      margin-right: 20px;
    }
.examItemResult__name {
    margin-bottom: 20px;
  }
.examItemResult__wrap {
    width: calc(100% - 140px);
    margin: 0 auto;
    position: relative;
  }
.examItemResult__wrap::before,
    .examItemResult__wrap::after {
      content: '';
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABUCAYAAAArpd/1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzNGMENBNTVCRDYxMUVCODI5RURERTZEQTc1RTkyNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzNGMENBNjVCRDYxMUVCODI5RURERTZEQTc1RTkyNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM0YwQ0EzNUJENjExRUI4MjlFRERFNkRBNzVFOTI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzM0YwQ0E0NUJENjExRUI4MjlFRERFNkRBNzVFOTI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Hka1bAAACfZJREFUeNrMmwu0T1Uex8+fq7oj3ZFBD1NSZFiUV8ijPJJ3Q0SqwWiYlDFTMVlNlqWZGspqaJmmYhlmGiN3YjAmbmIkmgwi78mjhEq3xiVhbu58f3zOsu17/ua+/o9tfZxz9tnn3P/+771/v9/+7v2PHclpEaRBqiZOiMPFffDijmuCckn8oJXj5I8Uu8SPSvrickGB/k88g8QHoqWXP0NMEpmiaonerZQRniQwfV9M4/wusYbzBaKrU259yVsiselake1c38TxEa8CeWJOSf9Iolvib951Hsc+Xn4HjmPEneISsV+8Ld4QK8WpVFRilLjOy3ub45uimTgieootDO6rnbK1RBvxmHiWY0IH9hAx07m+QIyJKPcnjo8z0PdRdrK4Os67N4o55x/YpU/fFi9yPlu8zli7xCv3B7Gb87vpWjn4hhFwm2gpbhTHxVLHKJxvTMRKW4lJzvloKmEf4M+iP/n24QeLgeI+sV3cLzZ57/o7FCvF8ha1LE0FLhMfO9dHyDtBS2ygnw8n3wZ0HfEqzq8unWIz/X51cT9ApW6rSz2wx3jXFeiiJ+guZmLzKTdTNBSdxGLvuVoMcKvk/GT6iQycl5s+FF851y+If4l7xDjyrJ+PjfPO7AiLllA/cbmo6uWtcga7faPrRFSE+ZRYLvqKK/ABn2Jm8xJZiUcIIdpwnSv+SxcK08/F9dj9xVith0R9UVHsE4sIPdY4IUipUnErYSHzPNFLHMPCzOT+fL7VOZjaO8TWiPdYRZ8XPysrr1pUZ9dIVOO8h+jA+SviHrFZVBZzxWhxn5h2nveNEAtE6Z1tMVqim3d9r1jGuX3zR8VfcVbLyX+Yfv6EuMh7/gtaMlY23aloqUGESQxTdbzqHU4FwjQBC2VmNQvvvBtnd6ysulNRW6KOd53pmcWRRKxdREdxDVZmEfezi/GZytNRTpV1Jfw4aB/HJaIJnnprRGWt261lMK9MVLhc1IG1zLt+TTQHi14Xijpxnm0m+hRjsH4jTpXFwLbg7SMCOkuPikYQjpGhohU+4SChRQXvPTb4Xy5mdyqTMVHRmXlZ0PYD+rdNYh7EAj2K191CufHiOULsmoQfNsh3JkNGySgoXInazvkAIsvfcT1VvCO6i2e8GMzGxUupEK2iAsCsCDPp2vkZYggfuiXXe8ReFIx+EYYgSHZ3KhfRvToTVvQWOwg1rFWGeWVroGI85LReSipxNI70YunXzNreFY3jvPPVRA/kopjY7RF5X4srRRXxrmgcUcYm/v3EAPF5kpTFuHNs6+tzifVdZ2dR7HTM7uMM+qbM3F4nck1JiucnBnPs62hIFvP04PpTTGpapLA7dRdL6Ap2fVzcLRqI/mK/qCE+4X5M3CVGiZ+KrtwPko7TEvWQEjvgsHpSZBvc7kSd7bFMtSMUv+dS2Z32OHld0H46Oya3Ef3/Vib6flpPeJHS7rTNa6aOdCc7byU+FreKNyKadL1oK46mqjuFldgiDnkFfsWxqWgRpwKzxU2MoSBlY4LYyf5f4ZnVq5j8mA70DzERpaMm08vFaEopT+70dJpXiQBxLJ81gnWQdqmcN/GZ6TXXdHEL8nqYd52YKN4S7zlyfZBqExumIagW7Wml76J0HOT+nUHhZalPUt+dCk6bUhOAbRXnJOH0AkeOXMuculYQva52bzpU4hXmEAcYF+Od+y2YJwQof36yWd/n6TAm5tK/rhBjxVJv2cpCjnGivtcfp6Z8PDh+4mXvRnsxj/MvRG8xUPxHfCXWkjcy5RVwBvY6NKN6Tgv1IMywVaBvULovQM340inXjPWIrelgYkdF1NLE4kvFP8VJwoovuTdFfCjWiCfSoCVioZK3ggDPnZKa/nQIU7sPs7uRlgnTynRydibZL/dqWhmVL1xjfkFc75WZm07O7muEscYslmwhRP9AVPJmfGGalQ4mNko8Wx+cu+PlELpTc69cAROhIB2cnVmlKXjtg0z6XcnF1qL7E72GyRYIbUU0N12i2GPegB6EdDmMqelylIx5zOq2En6cIhQx2T6GwJyyltjLB5ng5N9Ml2rihBuDgnPXqAej8pVH5hmaaus0yQu3jQoIZfn4jKHOveZ4+vLOzDBI9fQ0OB3NFmhcnFvoIubQdUUvJ/9Jr9yudDGxh5BsVnmt1ZD1CXedrp1XZlW6ODvjHdasbY15h1gl7kcYO4yQFopn4TOnUhrNxpEx30fC95PpSiMxua6v6MyAv1hMxhAsSgctNir9En/xe7reUqR+M8O2p+lNjhmprkRPwvAaXO9hzr0EZ2hhex9PJTEfsSw4uwmxRqpV8e9FxEdDiVRH0BL5zDVCzamb582zUh07TeAD+fu22xKCdyRespapwr1WETFVkq1T4fSA+G2c8iai/ZBvOwz+Mr0yOz2hITPZJjbkJ+KxOPfsmfHiaa59jfZZjgMx0cOS4LE1LqPRh4m1EZooxfLEfvG8qC9UidgGkSM2O88MI7+emE7ej8/zN0pPEUzsGiZKlQjy3GTzi6MIbbMJBsNt1OOcciZIN8D/JLU7+RyJyDNP3fr0fKRAvqNAFTh770av7M3J9th+ysJ/tEMwMMnmPZybbZHoh7Vq6Eg3/lr4Zc65LeTblorNiZD2o1IFwoyrvPzeyJ3L8R9mzTbRbbZhjhs65bdzHMuMsFVQgv2vJe1O+UiYx+Lcb8cmxk5cvy8u9Hbs54pskeHoWzXFA4mYT0Rh/2Yxn3jtPOWykHXmI3UeIwq2e13YiNWI3w6Fz4xn4hVOwFokqhIhB1i3vl2s8O6tZb17PzvMstFwTYyuxaTKyuVFaFpdOe+AT5mcjB9GLYMbgjO7ji2azfHK9Ec9GU6M9RH5O1BJrnXKXsOxH8cHMeW/SISJjfp1iU2Ecpw8022/g0c3j3+D+I14kXsB48tfPrZjEyfPIoXbitedSpds2/VTOLK9YEr6YlphCktonwVn9s2aUwx/WrDX0XEPeO/9Y1B4Q3CxFMCipv78MT/ZH+8EoeBsfuUvwZmf5MxiGaG788xUIuQwVUFOXZ3I7hRgaU4WoZztC3+YPVJNsXI2Fnc7ZRZGbFutWNbWKYoZbOIaHqGmB84YCDWpTVixXliyz8QzmO8Ay7fBeXZz0a1T6ZIp6S+BWZ2WWK2AObi/d9zUwoXovWa9ng7O/ARhIxapLcrj6uDssnOZCgX/L+0CP9VlpngLsVcmsZVtAjvMGLmSufxOvgyb+l5e1Iok+mebJvFMisj/FpYtQAcOfcQA5uxmFPqiuu8gxF/Pmon5nePuy2K5o1snqgJPBoV//eWn7ODsb/HcdCGitu1saERrVqUVYygv+XTn3IwEtkIe/qN2HJu/Gh8SlU4wntwxlYlpNqpjhu29J2K5o1oHCU7VCLurO/OKfyM6lDpdOvGt4H8CDABlcw9zv/WwogAAAABJRU5ErkJggg==);
      width: 85px;
      height: 100%;
      position: absolute;
      background-repeat: no-repeat;
      top: 0;
      background-position-x: center;
    }
.examItemResult__wrap::before {
      left: -85px;
    }
.examItemResult__wrap::after {
      right: -85px;
      transform: scale3d(-1, 1, 1);
    }
.exam_item {
  padding: 25px 20px;
  border-left: 5px solid #f1a739;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.exam_item.mobile {
    padding: 15px 15px 15px 8px;
  }
.exam_item.mobile .exam_item__icon {
      margin: 0 8px 0 0;
    }
.exam_item.mobile .exam_item__icon svg {
      width: 30px;
      height: 30px;
    }
.exam_item.mobile .exam_item__desc .exam_item__desc_name {
      font-size: 14px;
      margin-bottom: 10px;
    }
.exam_item.mobile .exam_item__desc .exam_item__desc_content {
      font-size: 12px;
    }
.exam_item.mobile .agreement {
      margin: 10px -15px 20px -8px;
      padding: 20px 20px 20px 47px;
    }
.exam_item.mobile .agreement .alert {
        font-size: 10px;
        margin-top: 5px;
        margin-left: 0;
        display: block;
      }
.exam_item.mobile .agreement .container {
        font-size: 10px;
        padding-left: 20px;
      }
.exam_item.mobile .agreement .checkmark {
        width: 9px;
        height: 9px;
      }
.exam_item.mobile .agreement .checkmark::after {
          left: 2px !important;
          width: 3px !important;
          height: 5px !important;
        }
.exam_item.mobile .btn_block {
      padding-left: 38px;
    }
.exam_item.test_failed {
    border-left: 5px solid #e31e24;
  }
.exam_item.test_failed .btn {
      margin-right: 20px;
    }
.exam_item.test_failed .exam_item__icon svg {
      fill: #e31e24;
    }
.exam_item.test_failed ol li::before {
          color: #e31e24;
        }
.exam_item__content {
    display: flex;
    width: 100%;
  }
.exam_item__icon {
    margin: 0 15px 0 0;
  }
.exam_item__icon svg {
      fill: #f1a739;
    }
.exam_item__desc_name {
      margin-bottom: 20px;
    }
.exam_item__overlay {
    position: absolute;
    width: calc(100% + 5px);
    height: 100%;
    background: rgb(0 0 0 / 35%);
    left: -5px;
    top: 0;
    z-index: 1;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.exam_item__lockText {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
  }
.exam_item__lockIcon {
    width: 50px;
    height: 50px;
  }
.exam_item ol {
    /* list-style-type: decimal; */
    counter-reset: myCounter;
  }
.exam_item ol li {
      margin-bottom: 10px;
      list-style: none;
      line-height: 1.3;
    }
.exam_item ol li::before {
        color: #f1a739;
        counter-increment: myCounter;
        content: counter(myCounter) '. ';
        font-weight: bold;
      }
.exam_item .agreement {
    width: 100%;
    margin: 10px -20px 20px -20px;
    padding: 20px 20px 20px 87px;
    background-color: #f7fafe;
  }
.exam_item .agreement .container {
      display: block;
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      font-size: 1rem;
      font-weight: bold;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
/* Hide the browser's default checkbox */
.exam_item .agreement .container input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0;
      cursor: pointer;
    }
/* Create a custom checkbox */
.exam_item .agreement .checkmark {
      position: absolute;
      top: -1px;
      left: 0;
      width: 13px;
      height: 13px;
      border: rgb(198, 209, 222) solid 2px;
      border-radius: 2px;
      /* background-color: #eee; */
    }
/* When the checkbox is checked, add a blue background */
.exam_item .agreement .container input:checked ~ .checkmark {
      background-color: rgb(0, 0, 0, 0);
    }
/* Create the checkmark/indicator (hidden when not checked) */
.exam_item .agreement .checkmark:after {
      display: none;
      position: absolute;
      content: '';
    }
/* Show the checkmark when checked */
.exam_item .agreement .container input:checked ~ .checkmark:after {
      display: block;
    }
/* Style the checkmark/indicator */
.exam_item .agreement .container .checkmark:after {
      top: -1px;
      left: 4px;
      width: 3px;
      height: 9px;
      border: solid #d09494;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg);
    }
/* On mouse-over, add a grey background color */
.exam_item .agreement .alert {
      margin-left: 40px;
      color: red;
      font-style: italic;
      font-size: 0.875rem;
    }
.exam_item .btn_block {
    position: relative;
    padding-left: 67px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
.exam_item .btn_block__try_count {
      line-height: 1.3;
      padding: 8px 0px;
    }
.exam_item .btn_block .btn {
      position: relative;
    }
.exam_item .btn_block svg {
      position: absolute;
      top: 17px;
      right: 25px;
      width: 7px;
      height: 12px;
      fill: white;
      transform: rotate(180deg);
    }
.knowledgebase .h2 {
    margin: 0;
    margin-right: 20px;
    color: #26a79a;
  }
.knowledgebase .h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 110%;
  }
.knowledgebase .h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 110%;
  }
.knowledgebase .h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 110%;
  }
.knowledgebase .btn {
    display: inline-block;
  }
.knowledgebase .subscription-active {
    display: inline-block;
    padding: 7px 15px;
    background: #effbef;
    color: #b4cab3;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
.knowledgebase .header__content-left {
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    justify-content: space-between;
  }
.knowledgebase .header__content-left .main-text {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
    }
.knowledgebase .header__content-left .block-header {
      flex-basis: 80%;
    }
.knowledgebase .header__content-left .block-bottom {
      flex-basis: 20%;
    }
.knowledgebase .image-container img {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }
.knowledgebase .image-container.man {
      width: 100%;
      max-width: 217px;
      max-height: 222px;
    }
.knowledgebase .main__cards-container .normal_block {
      display: flex;
      position: relative;
      min-height: 200px;
      flex-direction: column;
      justify-content: space-between;
    }
.knowledgebase .main__cards-container .normal_block .block-header {
        flex-basis: 80%;
      }
.knowledgebase .main__cards-container .normal_block .block-bottom {
        flex-basis: 20%;
      }
.knowledgebase .main__cards-container .article {
      background: linear-gradient(
        293.6deg,
        rgba(180, 202, 179, 0.5) -9.01%,
        rgba(255, 255, 255, 0) 91.11%
      );
    }
.knowledgebase .main__cards-container .article::after {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        content: url(../img/book.d1369cb7.png);
        -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
                filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
      }
.knowledgebase .main__cards-container .analisys {
      background: linear-gradient(
        293.6deg,
        rgba(179, 179, 202, 0.5) -9.01%,
        rgba(255, 255, 255, 0) 91.11%
      );
    }
.knowledgebase .main__cards-container .analisys::after {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        content: url(../img/paper.aef205da.png);
        -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.05));
                filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.05));
      }
.knowledgebase .main__cards-container .session {
      background: linear-gradient(
        293.6deg,
        rgba(180, 202, 179, 0.5) -9.01%,
        rgba(255, 255, 255, 0) 91.11%
      );
    }
.knowledgebase .main__cards-container .session::after {
        display: block;
        position: absolute;
        right: 15px;
        bottom: 15px;
        content: url(../img/cub.179acbc2.png);
        -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
                filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
      }
.knowledgebase .search__input__wrap {
      display: flex;
    }
.knowledgebase .search__input__wrap__input {
        width: 100%;
        margin-right: 20px;
      }
.knowledgebase .search__input .el-input__suffix-inner {
      display: flex;
      flex-direction: row-reverse;
    }
.knowledgebase .search__input .el-input__inner {
      height: 50px;
      padding: 0 20px;
      border: none;
      color: #383838;
      border-radius: 5px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
    }
.knowledgebase .search__input .el-input__icon {
      line-height: 52px;
    }
.knowledgebase .search__input .el-input__icon.el-icon-search::before {
      color: #bbcab5;
      font-size: 16px;
    }
.knowledgebase .search__input .el-input__suffix {
      right: 15px;
    }
.knowledgebase.nsa_article .infinite-loading {
      grid-column: 1 / last-col;
    }
.knowledgebase.nsa_article .article_top {
      position: relative;
    }
.knowledgebase.nsa_article .article_top__back {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
      }
.knowledgebase.nsa_article .search__input__wrap__input {
      margin-right: 0;
    }
.knowledgebase.nsa_article .h2 {
      margin-bottom: 20px;
      font-size: 30px;
      font-weight: 700;
    }
.knowledgebase.nsa_article .article_wrap {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) [last-col];
      grid-gap: 15px;
    }
.knowledgebase.nsa_article .article_wrap__item {
        background: white;
      }
.knowledgebase.nsa_article .article_wrap .article_wrap__head {
        position: relative;
      }
.knowledgebase.nsa_article .article_wrap .article_wrap__head__date {
          position: absolute;
          bottom: 10px;
          left: 15px;
          color: rgba(56, 56, 56, 0.3);
          font-size: 12px;
        }
.knowledgebase.nsa_article .article_wrap .article_wrap__head__date svg {
            margin-right: 5px;
            vertical-align: bottom;
          }
.knowledgebase.nsa_article .article_wrap .article_wrap__head__overlay {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.55) 46.87%,
            #ffffff 89.11%
          );
        }
.knowledgebase.nsa_article .article_wrap .article_wrap__head__img {
          width: 100%;
          min-height: 179px;
        }
.knowledgebase.nsa_article .article_wrap .article_wrap__info {
        padding: 0px 15px 15px 15px;
      }
.knowledgebase.nsa_article .article_wrap .article_wrap__info .h4 {
          display: block;
          margin-bottom: 10px;
          line-height: 120%;
        }
.knowledgebase.nsa_article .article_wrap .article_wrap__info .h4:hover {
            color: #26a79a;
          }
.knowledgebase.nsa_article .article_wrap .article_wrap__info .article_wrap_text {
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 3;
          display: -webkit-box;
          max-height: 200px;
        }
.knowledgebase .el-collapse {
    margin: 0 -20px;
    border: none;
  }
.knowledgebase .el-collapse-item {
    padding: 0 20px;
  }
.knowledgebase .answers__header {
    padding: 5px 0;
  }
.knowledgebase .answers__block {
    position: relative;
  }
.knowledgebase .answers__block .h5 {
      font-size: 16px;
    }
.knowledgebase .answers__collapse .el-collapse-item {
      border-top: 1px solid #f2f6fb;
    }
.knowledgebase .answers__collapse .el-collapse-item__wrap {
      border: none;
    }
.knowledgebase .answers__collapse .el-collapse-item__header {
      height: auto;
      padding: 10px 0px;
      font-weight: bold;
      border-bottom: none;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 140%;
    }
.knowledgebase .answers__collapse .el-collapse-item__header.is-active {
        color: #26a79a;
      }
.knowledgebase .answers__collapse .el-collapse-item__content {
      padding-bottom: 15px;
    }
.knowledgebase .answers__collapse .answer__date {
      color: #dadada;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 20px;
    }
.knowledgebase .answers__collapse .main-text {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
    }
.knowledgebase .answers__collapse .answer__cat-container .answer__cat {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 5px;
        padding: 5px 7px;
        background: #effbef;
        color: #b4cab3;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        border-radius: 3px;
      }
.knowledgebase .answers__collapse .answer__cat-container .answer__cat:first-child {
          margin-left: 0;
        }
.knowledgebase .el-icon-arrow-right:before {
    content: url(../img/arrow.29dc346b.svg);
  }
.knowledgebase .el-collapse-item__arrow.is-active {
    transform: rotate(180deg);
  }
.knowledgebase .el-collapse-item__arrow.is-active:before {
      content: url(../img/arrow-green.35da8e8e.svg);
    }
.knowledgebase a {
    color: inherit;
    text-decoration: none;
  }
.knowledgebase a.btn_green {
    color: white;
  }
.knowledgebase .categories__collapse .el-checkbox, .knowledgebase .advanced__search .el-checkbox {
      display: flex;
      align-items: center;
    }
.knowledgebase .categories__collapse .el-checkbox__label, .knowledgebase .advanced__search .el-checkbox__label {
        white-space: normal;
      }
.knowledgebase .categories__collapse .categories__collapse__link, .knowledgebase .advanced__search .categories__collapse__link {
      width: 100%;
      padding: 10px 0;
    }
.knowledgebase .categories__collapse .categories__collapse__link.router-link-active, .knowledgebase .advanced__search .categories__collapse__link.router-link-active {
        color: #26a79a;
      }
.knowledgebase .categories__collapse .categories__collapse__link:hover, .knowledgebase .advanced__search .categories__collapse__link:hover {
        color: #26a79a;
      }
.knowledgebase .categories__collapse .el-collapse-item__header, .knowledgebase .advanced__search .el-collapse-item__header {
      height: auto;
      border-bottom: none;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 110%;
    }
.knowledgebase .categories__collapse .el-collapse-item[data-catlength='0'] .el-collapse-item__arrow, .knowledgebase .advanced__search .el-collapse-item[data-catlength='0'] .el-collapse-item__arrow {
        display: none;
      }
.knowledgebase .categories__collapse .el-collapse-item__content, .knowledgebase .advanced__search .el-collapse-item__content {
      padding-bottom: 0;
    }
.knowledgebase .categories__collapse .el-collapse-item__wrap, .knowledgebase .advanced__search .el-collapse-item__wrap {
      border-bottom: none;
    }
.knowledgebase .categories__collapse .categories__child-item, .knowledgebase .advanced__search .categories__child-item {
      padding: 7px 0px 7px 10px;
    }
.knowledgebase .categories__collapse .categories__child-item p, .knowledgebase .advanced__search .categories__child-item p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 110%;
      }
.knowledgebase .advansed__search-btn {
    width: 100%;
    height: 50px;
    max-width: 235px;
    float: right;
    white-space: nowrap;
  }
.knowledgebase .advansed__search-btn::before {
      width: 12px;
      height: 12px;
      margin-right: 10px;
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBxZLhCYAgEIXPaIBGcIUmyBFqg1ZognCDNnAVV2iCbIM2sCdc0Q8lCsEH3yl3PO8OFN57RUQSdGAEC1gprQNYAePGxi8a7hse6IEBkoqIJ5CpetjRRPLBoIADNlLXFcJOOcWjNlRE6DwHnrm/H6CtESbwtsvVTfPpTnAANrNpPnF8AAAAAElFTkSuQmCC);
    }
.knowledgebase .advanced__search .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #1c796f;
      border-color: #1c796f;
    }
.knowledgebase .advanced__search .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #1c796f;
      border-color: #1c796f;
    }
.knowledgebase .advanced__search .el-checkbox__input.is-focus .el-checkbox__inner {
      border-color: #1c796f;
    }
.knowledgebase .advanced__search .el-checkbox.is-checked .el-checkbox__label {
      color: #1c796f;
    }
.knowledgebase .advanced__search .el-row {
      padding: 20px 0 20px 0;
      border-bottom: 1px solid #f2f6fb;
    }
.knowledgebase .advanced__search .el-row:last-child {
        border: none;
      }
.knowledgebase .subscription__block {
    padding: 23px 28px;
  }
.knowledgebase .subscription__block .title {
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 110%;
      color: #383838;
    }
.knowledgebase .subscription__block .text {
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
      color: #383838;
    }
.knowledgebase .subscription__block .price__block {
      display: flex;
      grid-gap: 24px;
      gap: 24px;
      align-items: center;
    }
.knowledgebase .subscription__block .price__block .price {
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 110%;
        color: #1c796f;
      }
.knowledgebase .subscription__block .price__block .discount {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
        text-align: right;
        color: #dadada;
      }
.knowledgebase .subscription__block[data-index='1']::before {
        content: url(../img/doc1.cfadc81d.png);
        margin-bottom: 20px;
        width: 58px;
        display: block;
      }
.knowledgebase .subscription__block[data-index='2']::before {
        content: url(../img/doc2.e19cde38.png);
        margin-bottom: 20px;
        width: 58px;
        display: block;
      }
.knowledgebase .note-italic {
    font-style: italic;
    font-size: 12px;
  }
/* Мобилка */
.knowledgebase.mobile .main-card {
      background: linear-gradient(165deg, #fff 25%, #e3e7ec);
    }
.knowledgebase.mobile .image-container {
      justify-content: center;
      align-items: center;
    }
.knowledgebase.mobile .search__input .el-input__inner {
        height: 40px;
      }
.knowledgebase.mobile .search__input .el-input__icon {
        line-height: 43px;
      }
.knowledgebase.mobile .main__cards-container {
      padding: 0 15px;
    }
.knowledgebase.mobile .main__cards-container .swiper-slide {
        width: 80% !important;
        height: auto;
      }
.knowledgebase.mobile .main__cards-container .normal_block {
        display: flex;
        height: 100%;
        box-sizing: border-box;
      }
.knowledgebase.mobile .main__cards-container .normal_block .btn {
          margin-top: auto;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
        }
.knowledgebase.mobile .main__cards-container .normal_block::after {
          content: unset;
        }
.knowledgebase.mobile .main__cards-container .normal_block::before {
          height: inherit;
          display: block;
          content: url(../img/book.d1369cb7.png);
          -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
                  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
        }
.knowledgebase.mobile .main__cards-container .normal_block.analisys::before {
          content: url(../img/paper.aef205da.png);
        }
.knowledgebase.mobile .main__cards-container .normal_block.session::before {
          content: url(../img/cub.179acbc2.png);
        }
.knowledgebase.mobile .advansed__search-btn {
      height: 40px;
      float: unset;
      max-width: unset;
    }
.knowledgebase.mobile .answers__collapse .el-collapse-item__header {
        height: auto;
        padding: 15px 0;
        font-size: 15px;
        line-height: 19px;
      }
.knowledgebase.mobile .knowledgebase__categories-modal *::-webkit-scrollbar {
        width: 0;
      }
.knowledgebase.mobile .knowledgebase__categories-modal .advanced__search {
        padding-bottom: 50px;
      }
.knowledgebase.mobile .knowledgebase__categories-modal__bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 5px 20px;
        background: white;
        box-sizing: border-box;
        z-index: 1;
      }
.knowledgebase.mobile .knowledgebase__categories-modal__bottom .btn {
          width: 100%;
        }
.knowledgebase.mobile .knowledgebase__categories-modal.v--modal-overlay .v--modal-box {
        top: 0 !important;
        height: 100vh !important;
        margin: 0;
        border-radius: 0;
        overflow-y: auto;
      }
.knowledgebase.mobile .knowledgebase__categories-modal .h4 {
        font-style: normal;
        font-weight: 00;
        font-size: 14px;
        line-height: 110%;
      }
.knowledgebase.mobile .knowledgebase__categories-modal .h5 {
        font-weight: normal;
      }
.knowledgebase.mobile .knowledgebase__categories-modal .header {
        height: 60px;
        padding: 7px 30px;
        box-shadow: unset;
        border-bottom: 1px solid #f2f6fb;
      }
.knowledgebase.mobile .categories__collapse {
      padding: 17px 30px;
    }
.knowledgebase.mobile .advanced__search {
      padding: 0 30px;
    }
.knowledgebase.mobile .categories-btn {
      width: 100%;
      height: 40px;
      padding: 0 20px !important;
      padding-right: 28px !important;

      color: #dadada;
      text-align: left;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 15px;
    }
.knowledgebase.mobile .categories-btn::after {
        display: block;
        content: url(../img/cat_arrow.fba1af60.svg);
        float: right;
        opacity: 0.3;
      }
.knowledgebase.mobile .container {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 22px;
    }
.knowledgebase.payment .subscription-active {
      font-size: 18px;
      padding: 11px 15px;
      border-radius: 3px;
      border-color: transparent;
    }
.knowledgebase.payment .subscription-active.deactivate {
        background: #d98079;
        color: white;
      }
.payment__notify-container .header-content {
    display: flex;
    align-items: center;
  }
.payment__notify-container .header-content .h1 {
      margin: 0 20px 0 0;
    }
.payment__notify-container p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #383838;
  }
.article_info__top {
    margin-bottom: 30px;
    padding: 30px 40px 10px;
    background: grey;
    color: white;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
.article_info__top__overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgb(0 0 0 / 35%);
      -webkit-backdrop-filter: blur(15px);
              backdrop-filter: blur(15px);
    }
.article_info__top__overlay::before {
        content: '';
      }
.article_info__text {
    margin-bottom: 30px;
  }
.article_info__text strong {
      font-weight: bold;
    }
.article_info__text ol {
      list-style: decimal;
      margin-left: 25px;
      line-height: 1.7;
      padding: 5px 0;
    }
.article_info__text ul {
      list-style: disc;
      margin-left: 25px;
      line-height: 1.7;
      padding: 5px 0;
    }
.article_info__text img {
      max-width: 100%;
      height: auto;
    }
.article_info__text a {
      color: #26a79a;
    }
.article_info__text p {
      margin-bottom: 10px;
    }
.article_info__text table {
      max-width: 100%;
      box-sizing: border-box;
      table-layout: fixed;
      overflow: auto;
      margin: 15px 0;
    }
.mobile .article_info__text table {
        display: block;
      }
.article_info__text table th,
      .article_info__text table td {
        padding: 5px 10px;
        border: 1px solid #dcdfe6;
      }
.article_info__text table tr:hover {
          background: #f7fafe;
        }
.article_info__date {
    position: relative;
    color: white;
    font-size: 14px;
    margin-bottom: 30px;
  }
.article_info__date svg {
      margin-right: 5px;
      vertical-align: bottom;
      fill: white;
    }
.article_info__date_green {
    color: #b4cab3;
  }
.article_info__date_green svg {
      fill: #b4cab3;
    }
.article_info h1 {
    color: white;
    font-size: 40px;
    position: relative;
  }
.article_info.mobile .article_info__top {
      padding: 15px;
      margin-bottom: 15px;
    }
.article_info.mobile .article_info__date {
      margin-bottom: 15px;
    }
.el-breadcrumb__inner {
  font-weight: bold !important;
  font-size: 18px;
  line-height: 25px;
}
.el-breadcrumb__inner.is-link {
  color: #2dc6b6;
}
.el-breadcrumb__inner.is-link:hover {
  color: #439b66 !important;
}
.el-breadcrumb__inner,
.el-breadcrumb__separator {
  font-weight: bold !important;
  font-size: 18px;
  line-height: 25px;
  color: #383838;
}
.lesson .description .content img {
  max-width: 100%;
}

html {
    font-family: 'Open Sans', sans-serif !important;
}

/*# sourceMappingURL=app.css.map?ver=9fcc381e*/