@charset "UTF-8";
body {
  font-family: "Ubuntu", sans-serif;
  background: #F2F1F4;
}

body.new-year {
  background: #F3F6FE;
}

body * {
  outline: none;
}

body *:active {
  outline: none;
}

@media (max-width: 991px) {
  body {
    font-family: "Ubuntu", sans-serif;
    background: #FFF;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1070px;
  }
}
.fr-box.fr-basic .fr-element {
  font-family: inherit;
}

h1 {
  font-style: normal;
  font-weight: bold;
  line-height: 23px;
  font-size: 20px;
  color: #252525;
  margin-bottom: 0;
}

h2 {
  font-style: normal;
  font-weight: bold;
  line-height: 23px;
  font-size: 20px;
}

@media (max-width: 991px) {
  h2 {
    font-size: 22px;
    line-height: normal;
  }
}
h3 {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 24px;
  color: #1A1A1A;
}

p {
  font-weight: 300;
  line-height: 29px;
  font-size: 20px;
  color: #252525;
}

p.secondary {
  color: rgba(37, 37, 37, 0.5);
}

a:hover {
  text-decoration: none;
}

.blue-link-w-icon {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #3F8AE0;
}

.blue-link-w-icon svg path {
  fill: #3F8AE0;
}

.blue-link-w-icon:hover {
  color: #007bff;
}

.blue-link-w-icon:hover svg path {
  fill: #007bff;
}

.orange {
  color: #FF9933 !important;
}

a.orange {
  color: #FF9933 !important;
}

.link-w-icon {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-align: right;
  color: #252525;
  display: flex;
  align-items: center;
}

.link-w-icon[aria-describedby] .arrow {
  margin-left: 8px;
  transform: rotate(180deg);
}

.link-w-icon .arrow {
  margin-left: 8px;
}

.link-w-icon:hover {
  color: #252525;
  text-decoration: none;
}

.no-pointer-events {
  pointer-events: none;
}

.link-w-icon .icon-container {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: flex;
}

.link-w-icon .icon-container img,
.link-w-icon .icon-container .user-avatar {
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
}

.link-w-icon .icon-container .square {
  border-radius: 0 !important;
}

.link-w-icon .icon-container svg {
  margin: auto;
}

.link-w-icon .icon {
  margin: auto;
}

.link-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: flex;
}

.link-icon svg {
  margin: auto;
}

.link-icon svg path {
  fill: #FF962E;
}

.link-icon:hover svg path {
  fill: #EB821F;
}

.border-light-dark {
  border: 1px solid rgba(36, 34, 41, 0.12);
}

.label-gray {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 13px;
  color: #252525;
  padding: 3px 7px;
  border-radius: 12px;
  background-color: rgba(124, 111, 90, 0.16);
}

button {
  outline: none !important;
  border: 0;
}

.button {
  padding: 11px 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  border-radius: 8px;
  transition: all 0.2s;
  cursor: pointer;
}

.button.btn-sm {
  padding: 5px 8px;
}

.button.btn-md {
  padding: 8px 16px;
}

.button.btn-lg {
  padding: 14px 28px;
  font-size: 16px;
  height: 48px;
}

.button.btn-slim {
  padding: 8px 22px;
  font-size: 15px;
}

.button.btn-blue {
  background: #3F8AE0;
  color: white;
}

.button.btn-orange {
  border: 0;
  color: white;
  background-color: #FF962E;
}

.button.btn-white {
  border: 0;
  color: black;
  background-color: #FFFFFF;
  padding-right: 25px;
  padding-left: 25px;
}

@media (max-width: 991px) {
  .button.btn-white {
    border: 0;
    color: black;
    background-color: #FFFFFF;
  }
}
.button.btn-red {
  background-color: #D62F2F;
  color: white;
}

.button.btn-pink {
  background-color: #DC3E65;
  color: white;
}

.button.btn-gray {
  background-color: #dedede;
  color: #949494;
  border: 0;
}

.if-mobile .button-rating {
  background-color: rgba(36, 34, 41, 0.04);
  color: #0a0a0a;
}

.button.btn-gray:hover {
  opacity: 0.7;
}

.button.btn-orange:hover {
  background-color: #EB821F;
}

.button.btn-orange-outline:hover .img-orange-outline {
  margin-right: 8px;
  filter: brightness(10);
}

.img-orange-outline {
  margin-right: 8px;
}

.button.btn-white:hover {
  opacity: 0.7;
}

.button.btn-orange-outline {
  color: #FF962E;
  border: 1px solid #FF962E;
  background-color: transparent;
}

.button.btn-gray-outline {
  background: transparent;
  border: 1px solid #E0E0E0;
  font-weight: normal;
}

.button.btn-danger-outline {
  background: transparent;
  color: #D62F2F;
  border: 1px solid #D62F2F;
}

.button.btn-blue-outline {
  background-color: rgba(45, 129, 224, 0.06);
  border: none;
  color: #3F8AE0;
}

.button.btn-danger-outline:hover {
  color: white;
  background-color: #D62F2F;
}

.button.btn-gray-outline:hover,
.button.btn-orange-outline:focus,
.button.btn-orange-outline:hover {
  color: white;
  background-color: #EB821F;
  border-color: #EB821F;
}

.btn-icon {
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.btn-icon svg {
  margin-right: 9px;
  opacity: 0.3;
}

.btn-icon:hover svg {
  opacity: 0.6;
}

.btn-responsive {
  width: 100%;
}

.text-line {
  overflow: hidden;
  color: rgba(36, 34, 41, 0.6);
  text-align: center;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-line:before,
.text-line:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 107px;
  height: 1px;
  background-color: rgba(36, 34, 41, 0.6);
  position: relative;
}

.text-line:before {
  margin-left: -100%;
  left: -14px;
}

.text-line:after {
  margin-right: -100%;
  right: -14px;
}

.btn-auth {
  border: 0;
  color: white;
  font-size: 15px;
  padding: 14px 28px;
}

@media (max-width: 1215px) {
  .btn-auth {
    border: 0;
    color: white;
    font-size: 14px;
    padding: 14px 22px;
  }
}
@media (max-width: 315px) {
  .btn-auth {
    border: 0;
    color: white;
    font-size: 10px;
    padding: 14px 15px;
  }
}
@media (max-width: 240px) {
  .btn-auth {
    border: 0;
    color: white;
    font-size: 0px;
    padding: 14px 15px;
  }
}
.del-btn:hover {
  opacity: 0.35;
}

.btn-auth-social-account {
  border: 0;
  color: white;
  font-size: 15px !important;
  padding: 14px 28px;
}

.button.btn-auth-social-account:hover {
  opacity: 0.8;
  color: white;
}

.btn-row-social-account {
  margin-right: 35%;
}

@media (max-width: 991px) {
  .btn-row-social-account {
    margin-right: 30%;
  }
}
@media (max-width: 767px) {
  .btn-row-social-account {
    margin-right: 10%;
  }
}
@media (max-width: 513px) {
  .btn-row-social-account {
    margin-right: 40%;
  }
  .btn-auth-social-account {
    font-size: 0px !important;
  }
}
.btn-educont {
  background-color: #5780EA;
}

.btn-vk {
  background-color: #2D81E0;
}

.btn-row {
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  list-style: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.button.btn-auth:hover {
  opacity: 0.8;
  color: white;
}

.btn-li {
  flex: 1 1 0;
  width: 0;
  padding: 0.1em;
}

@media (min-width: 768px) {
  .btn-responsive {
    width: fit-content;
  }
}
.search-btn {
  height: 38px;
}

.form-container {
  width: 100%;
  margin-bottom: 22px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.form-container.w-pswd input {
  padding-right: 43px;
}

.form-container label {
  height: 17px;
  line-height: 17px;
  font-size: 14px;
  color: #252525;
  margin-bottom: 4px;
  width: 100%;
  padding-left: 1px;
}

.form-container .delete {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 17px;
  font-size: 14px;
  color: #252525;
  font-weight: 300;
  opacity: 0.4;
  cursor: pointer;
  transition: all 0.2s;
}

.form-container .delete:hover {
  opacity: 0.6;
}

.form-container input[type=text],
.form-container input[type=number],
.form-container input[type=password],
.form-container input[type=email],
.form-container input[type=tel],
.form-container textarea, .custom_input {
  height: 48px;
  outline: none !important;
  line-height: 17px;
  font-size: 14px;
  color: #252525;
  width: 100%;
  padding-left: 14px;
  padding-top: 15px;
  padding-bottom: 14px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  transition: all 0.2s;
  border-radius: 8px;
}

.form-container input:hover, .form-container textarea:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.form-container input:focus, .form-container textarea:focus {
  border: 1px solid #FF962E;
}

.form-container input.error, .form-container textarea.error {
  border-color: #E20000;
}

.form-container input.error + .error-msg, .form-container textarea.error + .error-msg {
  display: block;
}

.form-container textarea {
  padding-right: 29px;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.form-container .error-msg {
  display: none;
  /*position: absolute;*/
  text-align: right;
  bottom: -18px;
  right: 0;
  line-height: 18px;
  color: #E20000;
  font-size: 13px;
}

.form-container__pswdtoggle {
  position: absolute;
  top: 37px;
  right: 14px;
  cursor: pointer;
}

.form-container__pswdtoggle img {
  top: -5px;
  opacity: 0.3;
  position: relative;
  transition: all 0.2s;
}

.form-container__pswdtoggle:hover img {
  opacity: 0.7;
}

.custom-radio input {
  display: none;
}

.custom-radio input + label {
  padding-left: 22px;
  position: relative;
  cursor: pointer;
}

.custom-radio input + label:hover:before {
  opacity: 0.5;
}

.custom-radio input + label:before {
  content: "";
  position: absolute;
  border: 2px solid #252525;
  opacity: 0.3;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  transition: all 0.2s;
}

.custom-radio input + label:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #FF962E;
  opacity: 0;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  transition: all 0.2s;
}

.custom-radio input:checked + label:before {
  border-color: #FF962E;
  opacity: 1;
}

.custom-radio input:checked + label:after {
  opacity: 1;
}

.custom-radio label {
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 0;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox input + label {
  font-size: 13px;
  padding-left: 22px;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.custom-checkbox inputs + label {
  font-size: 13px;
  padding-left: 22px;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.custom-checkbox input:disabled + label:before {
  background-color: #6f6e6e;
}

.custom-checkbox input:not(:disabled) + label:hover:before {
  opacity: 0.8;
}

.custom-checkbox input + label:before {
  content: "";
  position: absolute;
  border: 2px solid #252525;
  opacity: 0.2;
  border-radius: 2px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s;
}

.custom-checkbox input + label:after {
  content: url("../assets/svg/checked.svg");
  position: absolute;
  border-radius: 2px;
  border: 2px solid transparent;
  opacity: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s;
  padding-bottom: 2px;
}

.custom-checkbox input:checked + label:before {
  opacity: 0.9;
  border-color: transparent;
  background-color: #FF962E;
}

.custom-checkbox input:checked + label:after {
  opacity: 1;
}

.custom-checkbox label {
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 0;
}

.mobile-menu .modal-dialog {
  margin: 0;
  /*height: 100vh;*/
  width: 256px;
}

.mobile-menu .modal-dialog .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.mobile-menu .modal-dialog .modal-content .close-modal {
  margin-bottom: 10px;
  padding-left: 22px;
  padding-top: 18px;
}

.mobile-menu .modal-dialog .modal-content .close-modal .btn-icon svg {
  opacity: 1;
}

.modal .modal-dialog {
  width: 424px;
}

.modal__heading {
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  font-size: 18px;
  color: #252525;
  margin-bottom: 16px;
}

.sticky-header {
  position: sticky;
  z-index: 100;
}

header {
  padding: 14px 0;
  background-color: white;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  top: 0;
  align-self: flex-start;
}

header .logo-container .main-logo.new-year {
  content: url("../assets/svg/bear-logo-ny.svg");
}

header .logo-container .logo-text.new-year {
  content: url("../assets/svg/logo-text-ny.svg");
}

header .logo-container .main-logo.hell {
  content: url("../assets/svg/bear-logo-hell.svg");
}

header .logo-container .logo-text.hell {
  content: url("../assets/svg/logo-text-hell.svg");
}

@media (min-width: 992px) {
  header .logo-container {
    margin-right: auto;
  }
  .bottom-fix-panel-content {
    min-width: 990px;
    margin: auto;
    width: fit-content;
  }
}
header .link-w-icon .icon-container {
  width: 32px;
  height: 32px;
  margin-right: 0;
}

@media (min-width: 992px) {
  header .link-w-icon .icon-container {
    margin-right: 8px;
  }
}
@media (max-width: 991px) {
  header .link-w-icon .arrow {
    margin-left: 4px;
  }
}
.content-section .content-container {
  padding-top: 24px;
}

@media (min-width: 992px) {
  .content-section .content-container {
    padding-top: 32px;
    padding-bottom: 32px;
    /*overflow-y: scroll;*/
    overflow-x: visible;
  }
}
.content-section .content-container .content {
  padding: 0px 0px;
}

@media (min-width: 991px) {
  .content-section .content-container .content {
    width: 776px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    padding: 36px 32px;
  }
}
.controls-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .controls-row {
    margin-bottom: 32px;
  }
}
.controls-row button {
  margin-right: 12px;
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .controls-row {
    margin-bottom: 56px;
  }
}
.controls-row p {
  margin-top: 6px;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 13px;
  max-width: 392px;
  color: #999;
}

.controls-row p .link {
  color: #FF962E;
}

.master-groups {
  margin-bottom: 32px;
  position: relative;
}

@media (min-width: 992px) {
  .master-groups {
    margin-bottom: 51px;
  }
  .master-groups .title {
    margin-bottom: 22px;
  }
}
.master-groups .list-empty {
  display: none;
  text-align: center;
  max-width: 350px;
  margin: 10vh auto 30vh;
}

.master-groups .list-empty p {
  font-size: 14px;
  margin: 24px 0 32px;
}

.master-groups .select-row {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.master-groups .select-row .select2 {
  margin-bottom: 12px;
}

.payment-floating-block,
.master-groups .payment-floating-block {
  position: sticky;
  margin-left: auto;
  background: #FF962E;
  box-shadow: 0px 6px 18px rgba(177, 86, 0, 0.5);
  border-radius: 6px;
  bottom: 15px;
  right: 0;
  padding: 16px 22px;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .payment-floating-block,
  .master-groups .payment-floating-block {
    width: 346px;
  }
}
.payment-floating-block .text p,
.master-groups .payment-floating-block .text p {
  line-height: 17px;
  font-size: 14px;
  color: white;
  margin-bottom: 0;
}

.payment-floating-block .text .price,
.master-groups .payment-floating-block .text .price {
  margin-bottom: 0;
  font-weight: bold;
  line-height: 21px;
  color: white;
}

.payment-floating-block .button,
.master-groups .payment-floating-block .button {
  border-color: white;
  color: white;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.payment-floating-block .button:hover .master-groups .payment-floating-block .button:hover {
  border-color: white;
  background: #EB821F;
}

.master-groups .payment-error {
  top: 15px;
  background-color: #ff433f;
}

.lesson-row,
.master-groups .master-group-item {
  display: flex;
  flex-wrap: wrap;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 20px 24px;
  transition: all 0.2s;
  margin-bottom: 17px;
  cursor: pointer;
}

.master-groups .master-group-item.checked {
  background-color: rgba(52, 26, 17, 0.12);
}

@media (max-width: 991px) {
  .lesson-row,
  .master-groups .master-group-item {
    align-items: center;
    padding: 18px 16px 17px;
  }
}
.lesson-row,
.master-group-item:hover {
  background-color: rgba(52, 26, 17, 0.12);
}

.master-group-item .master-group-item__img .floating-info {
  display: none;
  position: absolute;
  top: 0;
  transform: translateX(-27%) translateY(-115%);
  background: rgba(37, 37, 37, 0.9);
  border-radius: 4px;
  padding: 6px 12px;
  width: auto;
}

.master-group-item .master-group-item__img .floating-info .name {
  font-weight: bold;
  line-height: normal;
  font-size: 15px;
  text-align: center;
  color: white;
  margin-bottom: 0;
  white-space: nowrap;
}

.master-group-item .master-group-item__img .floating-info .teachs {
  margin-bottom: 0;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.6;
  white-space: nowrap;
}

.master-group-item .master-group-item__mobileImg {
  width: 40px;
  height: 40px;
}

@media (min-width: 992px) {
  .master-group-item .master-group-item__mobileImg {
    display: none;
  }
}
.master-group-item .master-group-item__text {
  margin-right: auto;
}

@media (min-width: 992px) {
  .master-group-item .master-group-item__text {
    width: 497px;
  }
}
@media (max-width: 764px) {
  .master-group-item .master-group-item__text {
    flex: inherit;
  }
}
.master-group-item .master-group-item__text h2 {
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .master-group-item .master-group-item__text h2 {
    font-size: 16px;
    line-height: 22px;
  }
}
.master-group-item .master-group-item__text p {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 0;
}

.master-group-item .master-group-item__text p .secondary {
  color: #252525;
  opacity: 0.5;
}

.master-group-item .master-group-item__text p .secondary svg {
  margin-right: 8px;
}

.master-group-item .master-group-item__text p .payed {
  margin-left: 10px;
  line-height: 17px;
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
  height: 18px;
  padding-bottom: 2px;
  background: #FF962E;
  border-radius: 3px;
  color: white;
}

#master-groups__purchased .master-group-item .master-group-item__price {
  display: none;
}

.master-group-item .master-group-item__price {
  text-align: right;
  font-size: 15px;
  font-weight: bold;
  line-height: 14px;
  max-width: 68px;
}

.master-group-item .master-group-item__img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
  border-radius: 100%;
  position: relative;
}

.master-group-item .master-group-item__img:hover {
  border: 2px solid #FF962E;
}

.master-group-item .flex-column {
  flex-grow: 1;
}

.master-group-item .documents {
  display: flex;
  color: rgba(36, 34, 41, 0.8);
  font-size: 13px;
  line-height: 18px;
}

.master-group-item .documents a {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .master-group-item .documents a {
    margin: 0;
  }
}
.master-group-item .documents-container {
  position: absolute;
  margin-top: 35px;
  right: 15%;
  background-color: white;
  border-radius: 8px;
  z-index: 2000;
}

@media (min-width: 768px) {
  .master-group-item .documents-container {
    margin-top: 25px;
    margin-right: -50px;
    right: 0;
  }
}
.master-group-item .documents-container-inner {
  width: 224px;
  border-radius: 8px;
  padding: 8px 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.04), 0 12px 48px rgba(0, 0, 0, 0.04);
  text-align: left;
}

.master-group-item .documents-item {
  display: flex;
  padding: 6px 16px;
  color: black;
}

.master-group-item .documents-item span {
  margin-left: 10px;
}

.teacher-profile h1 {
  margin-bottom: 20px;
  width: 100%;
}

.teacher-profile.master-groups .master-group-item .master-group-item__price {
  max-width: max-content;
  font-weight: normal;
}

.teacher-profile.master-groups .master-group-item .master-group-item__price .price,
.teacher-profile.master-groups .master-group-item .master-group-item__price .old-price {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.master-groups .master-group-item .master-group-item__price .price {
  font-size: 30px;
  line-height: 33px;
}

.old-price,
.master-groups .master-group-item .master-group-item__price .old-price {
  font-family: Ubuntu, serif;
  padding-top: 6px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  color: #A3A3A3;
  text-decoration: line-through;
}

@media (max-width: 991px) {
  .master-groups .master-group-item .master-group-item__price .old-price {
    margin-right: 6px;
  }
}
.master-groups .master-group-item .master-group-item__price .price + span {
  font-size: 14px;
  position: relative;
  top: 1px;
}

.master-groups .master-group-item .master-group-item__price.plus {
  max-width: 86px;
}

.splitter,
.master-groups .master-group-item .splitter {
  margin-top: 9px;
  margin-bottom: 12px;
  width: calc(100% + 48px);
  height: 1px;
  margin-left: -24px;
  margin-right: -24px;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 12px 1px;
  background-repeat: repeat-x;
}

.extra-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  /*height: 40px; */
}

@media (max-width: 991px) {
  .extra-container {
    /*height: 100%;*/
  }
  .master-groups .master-group-item .master-group-item__price {
    text-align: left;
  }
}
.extra-container p {
  margin-bottom: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  margin-right: 24px;
}

@media (max-width: 991px) {
  .extra-container p {
    width: 100%;
    margin-bottom: 16px;
  }
  .extra-container p:last-of-type {
    margin-bottom: 0;
  }
}
.extra-container p .label-gray {
  margin-left: 6px;
  color: #252525;
}

@media (max-width: 991px) {
  .extra-container .button {
    margin-top: 14px;
  }
}
.extra-container .btn-icon svg {
  margin-right: 0;
}

.homeworks .title-section {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .homeworks .title-section {
    margin-bottom: 26px;
  }
}
@media (max-width: 991px) {
  .homeworks .title-section h1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .homeworks .title-section .switcher-container {
    margin-bottom: 22px;
  }
}
.homeworks .homework-item {
  display: flex;
  flex-wrap: wrap;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 22px 24px;
  transition: all 0.2s;
  margin-bottom: 18px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .homeworks .homework-item {
    padding: 18px 16px 20px;
  }
}
.homeworks .homework-item:hover {
  background-color: rgba(52, 26, 17, 0.12);
}

.homeworks .homework-item .homework-item__text {
  margin-right: auto;
}

@media (max-width: 991px) {
  .homeworks .homework-item .homework-item__text {
    margin-bottom: 22px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .homeworks .homework-item .homework-item__text {
    width: 497px;
  }
}
.homeworks .homework-item .homework-item__text h2 {
  line-height: 25px;
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 18px;
}

@media (max-width: 991px) {
  .homeworks .homework-item .homework-item__text h2 {
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 22px;
  }
}
.homeworks .homework-item .homework-item__text .info {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.homeworks .homework-item .homework-item__text .info .icon {
  opacity: 0.5;
}

.homeworks .homework-item .homework-item__text .info .secondary {
  color: #252525;
  opacity: 0.5;
}

.homeworks .homework-item .homework-item__text .icon {
  margin-right: 9px;
}

.homeworks .homework-item .homework-item__text .date {
  margin-right: 40px;
  line-height: 1.5;
  height: 17px;
}

.homeworks .homework-item .homework-item__grad {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  display: flex;
  align-items: center;
}

.homeworks .homework-item .homework-item__grad.checking {
  line-height: 11px;
}

.homeworks .homework-item .homework-item__grad .checking {
  font-family: Ubuntu;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  text-align: right;
  position: relative;
  top: -3px;
  color: rgba(37, 37, 37, 0.5);
}

.homeworks .homework-item .homework-item__grad .completed {
  font-family: Ubuntu;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  position: relative;
  top: -3px;
  color: #252525;
}

.homeworks .homework-item .homework-item__grad button {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 991px) {
  .homeworks .homework-item .homework-item__grad button {
    padding: 10px 24px;
  }
}
.input-group-row {
  margin-bottom: 13px;
}

.input-group-row h2 {
  margin-bottom: 30px;
}

.input-group-row .inputs-row {
  display: flex;
  flex-wrap: wrap;
}

.input-group-row .inputs-row .form-container {
  margin-right: 25px;
  margin-bottom: 34px;
}

@media (min-width: 992px) {
  .input-group-row .inputs-row .form-container {
    width: calc(34% - 25px);
  }
  .input-group-row .inputs-row .form-container:nth-of-type(3n) {
    margin-right: 0;
  }
}
.input-group-row .pswd-change-info {
  margin-top: 5px;
  margin-bottom: 24px;
  font-family: Ubuntu;
  font-style: italic;
  font-weight: 300;
  line-height: 18px;
  font-size: 13px;
  color: #252525;
}

.teachers-list {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .teachers-list {
    justify-content: center;
  }
}
.teachers-list .teacher-item {
  width: 222px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .teachers-list .teacher-item {
    margin: 0 auto 32px;
  }
}
@media (min-width: 992px) {
  .teachers-list .teacher-item {
    margin-bottom: 40px;
    margin-right: 8px;
  }
  .teachers-list .teacher-item:nth-of-type(3n) {
    margin-right: 0;
  }
}
.teachers-list .teacher-item:hover .avatar {
  border: 2px solid #FF962E;
}

.teachers-list .teacher-item:hover .name {
  color: #FF962E;
}

.teachers-list .teacher-item .avatar {
  width: 96px;
  height: 96px;
  border-radius: 100%;
}

.teachers-list .teacher-item .name {
  color: #252525;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 2px;
  width: 100%;
}

.teachers-list .teacher-item .educates {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 15px;
  margin-bottom: 2px;
  font-size: 13px;
  text-align: center;
  color: rgba(37, 37, 37, 0.5);
  width: 100%;
}

.teacher-description {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.teacher-description .avatar {
  width: 96px;
  height: 96px;
  margin-right: 16px;
  margin-bottom: 18px;
}

@media (max-width: 991px) {
  .teacher-description .avatar {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }
}
.teacher-description .avatar img {
  width: 96px;
  max-width: 100%;
}

.teacher-description .name {
  margin-right: auto;
}

@media (max-width: 991px) {
  .teacher-description .name {
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
  }
}
.teacher-description .name p {
  font-family: Ubuntu;
  font-weight: bold;
  line-height: 23px;
  font-size: 20px;
  margin-bottom: 6px;
}

.teacher-description .name .lesson {
  margin-bottom: 0;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
}

.teacher-description .stat {
  display: flex;
}

@media (max-width: 991px) {
  .teacher-description .stat {
    margin-bottom: 8px;
  }
}
.teacher-description .stat.mr-32 {
  margin-right: 28px;
}

.teacher-description .stat .num {
  font-weight: bold;
  line-height: 35px;
  font-size: 30px;
  margin-right: 6px;
}

.teacher-description .stat .description {
  max-width: 82px;
  line-height: 14px;
  font-size: 12px;
  color: rgba(37, 37, 37, 0.5);
}

@media (max-width: 991px) {
  .teacher-description .text {
    margin-top: 16px;
  }
}
.teacher-description .text .title {
  font-weight: 500;
  line-height: 21px;
  font-size: 18px;
  margin-bottom: 10px;
}

.teacher-description .text .main-text {
  font-weight: normal;
  line-height: 19px;
  font-size: 13px;
}

.courses {
  display: flex;
  flex-flow: row wrap;
}

.courses h1 {
  width: 100%;
}

.courses .course-item {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  width: 420px;
  min-height: 184px;
  margin-bottom: 8px;
}

@media (min-width: 992px) {
  .courses .course-item {
    margin-right: 8px;
  }
  .courses .course-item:nth-of-type(4n + 2), .courses .course-item:nth-of-type(4n + 3) {
    width: 284px;
  }
  .courses .course-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.courses .course-item .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: brightness(50%);
  background: linear-gradient(180deg, rgba(20, 24, 31, 0.85) 0%, rgba(31, 26, 41, 0.85) 100%);
}

.courses .course-item .course-item-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  transition: background 0.2s;
  padding: 18px 24px 16px 24px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .courses .course-item .course-item-container {
    padding: 18px 16px;
  }
}
.courses .course-item .course-item-container p {
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 12px;
  color: white;
}

.courses .course-item .course-item-container .date {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  color: white;
  opacity: 0.6;
}

.courses .course-item .course-item-container .date .icon {
  margin-right: 8px;
}

.courses .course-item .course-item-container .price {
  font-size: 18px;
  color: white;
}

.courses .course-item .course-item-container .old-price {
  font-size: 14px;
  line-height: 20px;
}

.courses .course-item .course-item-container .payed {
  padding-top: 8px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: white;
}

.courses .course-item .course-item-container .button {
  padding-top: 7px;
  padding-bottom: 7px;
}

.courses .course-item .course-item-container .btn-container {
  display: flex;
}

.courses .course-item .course-item-container .btn-icon svg {
  opacity: 1;
  margin-right: 0;
}

.back-link {
  margin-top: 42px;
  margin-bottom: 32px;
}

.back-link a {
  display: flex;
  align-items: center;
  transition: color 0.3s;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  color: #252525;
}

.back-link a .icon {
  opacity: 0.5;
  margin-right: 14px;
}

.back-link a:hover {
  color: #FF962E;
}

.back-link-orange {
  margin: 0 34px 14px 0;
}

.back-link-orange a {
  display: flex;
  align-items: center;
  transition: color 0.3s;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  color: rgba(36, 34, 41, 0.6);
}

.back-link-orange a .icon {
  margin-right: 14px;
}
.back-link-orange a .icon svg path {
  fill: #F76F00;
}

.thnx-msg {
  text-align: center;
}

.thnx-msg img {
  margin-bottom: 36px;
}

.thnx-msg p {
  font-weight: normal;
  line-height: 27px;
  font-size: 18px;
  margin-bottom: 0;
  color: #252525;
}

.title-bold,
.thnx-msg .name {
  font-weight: bold;
  line-height: 27px;
  font-size: 18px;
  margin-bottom: 6px;
  color: #252525;
}

.thnx-msg .date {
  font-style: italic;
  font-weight: normal;
  line-height: 21px;
  font-size: 14px;
  margin-bottom: 24px;
  color: rgba(37, 37, 37, 0.5);
}

.thnx-msg .quote {
  font-style: italic;
  line-height: 21px;
  font-size: 14px;
  margin-bottom: 32px;
  color: black;
}

.thnx-msg button {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 14px;
  padding-bottom: 13px;
}

.lessons .lessons-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.lessons .lessons-title h1 {
  margin-right: auto;
  margin-bottom: 0;
}

.vk-button {
  color: #0077FF;
  background: transparent;
  border: 1px solid #0077FF;
}

.vk-links {
  display: flex;
  flex-wrap: wrap;
}

.vk-links img {
  margin: 0 4px 2px 0;
}

.vk-links .vk-link {
  margin: 0 6px 6px 0;
  border-radius: 6px;
  padding: 8px 16px;
}

@media (max-width: 991px) {
  .lessons .lessons-title h1 {
    width: 100%;
    order: 1;
    margin-bottom: 14px;
  }
  .vk-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }
  .vk-links .vk-link {
    margin: 0;
    text-align: center;
  }
}
.lessons .lessons-title p {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  color: #252525;
  margin-bottom: 0;
  margin-right: 10px;
}

@media (max-width: 991px) {
  .lessons .lessons-title p {
    order: 3;
    margin-left: 8px;
  }
}
.lessons .lessons-title .avatar {
  width: 32px;
  height: 32px;
}

@media (max-width: 991px) {
  .lessons .lessons-title .avatar {
    order: 2;
    margin-left: 8px;
  }
}
.lessons .lessons-title a {
  color: #FF962E;
  text-decoration: none;
}

.lessons .lessons-title a:hover {
  color: #EB821F;
  text-decoration: none;
}

.lessons-item {
  background-color: rgba(52, 26, 17, 0.04);
  padding: 24px 24px 18px;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.lessons-item.lesson-next-step.border-top-orange {
  border-top: 6px solid #FFA952;
}

.lessons-item.lesson-next-step.border-top-green {
  border-top: 6px solid #83D094;
}

.lessons-item.lesson-next-step.border-top-red {
  border-top: 6px solid #FF646D;
}

.lessons-item.lesson-next-step img {
  width: 24px;
  height: 24px;
}

.lessons-item.lesson-next-step p {
  font-size: 15px;
  line-height: 22px;
  color: #242229;
}

.lessons-item.lesson-next-step a {
  background: rgba(36, 34, 41, 0.04);
  border-radius: 8px;
  text-align: center;
  padding: 9px 20px;
  display: block;
  color: #242229;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  transition: color 0.3s;
}

.lessons-item.lesson-next-step a:hover {
  color: #EB5E00;
  transition: color 0.3s;
}

.lesson-content {
  display: flex;
  flex-wrap: wrap;
}

.lessons-item.has-update {
  position: relative;
}

.lessons-item.has-update:after {
  position: absolute;
  width: 8px;
  height: 8px;
  content: "";
  background-color: #DC2020;
  border-radius: 100%;
  left: 10px;
  top: 10px;
}

.lessons-item .text {
  margin-right: auto;
  flex: 1;
  margin-bottom: 16px;
}

@media (max-width: 762px) {
  .lessons-item .text {
    flex: auto;
  }
}
.lessons-item .text .icon {
  margin-right: 6px;
  opacity: 0.5;
}

.lessons-item .text .date {
  margin-right: 12px;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
}

.lessons-item .text .date .secondary {
  color: rgba(37, 37, 37, 0.5);
}

.lessons-item .text .time {
  margin-right: 4px;
}

.reschedule-label,
.lessons-item .text .red-label {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-left: 4px;
  color: white;
  padding: 1px 6px;
  border-radius: 3px;
  background-color: #DC2020;
}

@media (max-width: 991px) {
  .reschedule-label,
  .lessons-item .text .red-label {
    margin-left: 0;
    padding: 1px 6px;
  }
  .lessons-item .btn-container,
  .lessons-item .description p {
    margin-bottom: 16px;
  }
}
.lessons-item .btn-container {
  width: 100%;
}

@media (min-width: 768px) {
  .lessons-item .btn-container {
    width: initial;
  }
}
.lessons-item .btn-container button {
  width: 100%;
}

@media (min-width: 768px) {
  .lessons-item .btn-container button {
    width: initial;
  }
}
.lessons-item .lesson-button {
  width: 100%;
  display: block;
  text-align: center;
  padding: 5px 10px;
  font-weight: 400;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .lessons-item .lesson-button {
    width: min-content;
  }
}
.lessons-item .description p {
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  color: #252525;
  margin-bottom: 0;
}

.lesson-attachment {
  font-size: 14px;
  color: #252525;
  background-color: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  /*margin-top: 14px;*/
}

.lesson-attachment:hover {
  background-color: rgba(52, 26, 17, 0.12);
  color: #252525;
}

.lesson-attachment img {
  margin-right: 5px;
}

.live-lesson {
  background-color: #32302E;
  color: white;
}

.live-lesson .lesson-attachment {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

.live-lesson .lesson-attachment:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.live-lesson .text .date .secondary {
  color: white;
  opacity: 0.4;
}

.lesson-preview .preview-title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

@media (min-width: 991px) {
  .lesson-preview .preview-title {
    margin-bottom: 28px;
  }
}
.lesson-preview .preview-title .text-container {
  margin-right: auto;
}

.lesson-preview .preview-title .text-container .date-container {
  display: block;
  width: auto;
}

.lesson-preview .preview-title .text-container .date .icon {
  opacity: 0.5;
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.lesson-preview .preview-title .text-container .date .val {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-right: 12px;
}

.lesson-preview .preview-title .text-container .date .secondary {
  color: rgba(37, 37, 37, 0.5);
  margin-left: -8px;
  font-style: italic;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
}

.lesson-preview .preview-title .btn-container button {
  font-size: 16px;
  padding: 14px 28px;
}

.lesson-preview .preview-content video {
  width: 100%;
  margin-bottom: 32px;
}

.lesson-preview .preview-content .switch-buttons button {
  color: #919191;
  text-decoration: none;
}

.lesson-preview .preview-content .switch-buttons button:hover {
  color: #FF962E;
  text-decoration: none;
  cursor: pointer;
}

.lesson-preview .preview-content .switch-buttons .selected_switch {
  color: #FF962E !important;
}

.lesson-preview .preview-content .hw-btn {
  margin-bottom: 32px;
  margin-top: 24px;
}

.lesson-preview .preview-content .hw-btn button {
  text-align: left;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  width: 100%;
}

.title-500,
.lesson-preview .preview-content .title {
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  font-size: 18px;
  margin-bottom: 10px;
}

.lesson-preview .preview-content .text-block {
  margin-bottom: 32px;
}

.lesson-preview .preview-content .text-block p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 9px;
}

.lesson-preview .preview-content .text-block p:last-of-type {
  margin-bottom: 0;
}

.lesson-preview .preview-content .img-block {
  text-align: center;
  margin-bottom: 32px;
}

.lesson-preview .preview-content .img-block img {
  max-width: 100%;
}

.lesson-preview .preview-content .img-block p {
  margin-top: 10px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  color: rgba(37, 37, 37, 0.5);
}

.lesson-preview .preview-content .read-more-block a {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #252525;
  margin-bottom: 10px;
}

.lesson-preview .preview-content .read-more-block a:last-of-type {
  margin-bottom: 0;
}

.lesson-preview .preview-content .read-more-block a:hover {
  color: #FF962E;
}

.lesson-preview .preview-content .read-more-block a .orange-label-outline {
  padding: 2px 4px;
  color: #FF962E;
  border: 1px solid #FF962E;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-left: 10px;
  margin-right: 8px;
  border-radius: 2px;
}

.lesson-preview .preview-content .read-more-block a .size {
  color: rgba(37, 37, 37, 0.5);
}

.homework-exercise .title {
  margin-bottom: 41px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.homework-exercise .title .text-container {
  margin-right: auto;
  flex: 1;
}

.homework-exercise .title .text-container .date .icon {
  opacity: 0.5;
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.homework-exercise .title .text-container .date .val {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-right: 12px;
}

.homework-exercise .title .text-container .date .secondary {
  color: rgba(37, 37, 37, 0.5);
  margin-left: -8px;
  font-style: italic;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
}

.homework-exercise .title .grad, .grad-no-nest {
  font-weight: 500;
  line-height: normal;
  font-size: 40px;
  text-align: right;
  color: #242229;
}

.homework-exercise .title .checking {
  font-style: italic;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: rgba(37, 37, 37, 0.5);
}

/*.homework-exercise .exercise-item {*/
/*    margin-bottom: 48px;*/
/*}*/
.homework-exercise .exercise-item .exercise-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.task-title,
.homework-exercise .exercise-item .exercise-title .number {
  font-weight: 500;
  line-height: 23px;
  font-size: 16px;
  color: #252525;
  margin-bottom: 4px;
  margin-right: 8px;
}

.homework-exercise .exercise-item .exercise-title .hint-link {
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  color: #FF962E;
}

.homework-exercise .exercise-item .exercise-title .hint-link:hover g {
  opacity: 1;
}

.homework-exercise .exercise-item .exercise-title .exercise-text {
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  color: #252525;
  margin-bottom: 16px;
}

.homework-exercise .exercise-item .exercise-title .exercise-text p {
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  color: #252525;
  margin-bottom: 16px;
}

.homework-exercise .exercise-item .answer-variants {
  width: 100%;
}

.homework-exercise .exercise-item .answer-variants label {
  width: 100%;
  cursor: pointer;
  background-color: rgba(52, 26, 17, 0.06);
  color: #252525;
  padding: 12px 16px;
  line-height: normal;
  font-size: 14px;
  margin-bottom: 8px;
  border-radius: 4px;
}

.homework-exercise .exercise-item .answer-variants label.false {
  background-color: #D62F2F;
  color: white;
}

.homework-exercise .exercise-item .answer-variants label.true {
  color: white;
  background-color: #4ABC63;
}

.homework-exercise .exercise-item .answer-variants label.missed-true {
  border: 1px dashed #4ABC63;
}

.homework-exercise .exercise-item .answer-variants label.correct-var {
  color: white;
  background-color: #FF962E;
}

.homework-exercise .exercise-item .answer-variants label:hover {
  background-color: rgba(52, 26, 17, 0.12);
}

.homework-exercise .exercise-item .answer-variants input[type=radio]:checked + label,
.homework-exercise .exercise-item .answer-variants input[type=checkbox]:checked + label {
  background-color: #FF962E;
  color: white;
}

.homework-exercise .exercise-item .text-area .text-area__heading {
  font-weight: 500;
  line-height: 22px;
  font-size: 16px;
  color: #252525;
  margin-bottom: 4px;
}

.custom-textarea,
.homework-exercise .exercise-item .text-area textarea {
  padding: 14px 24px 14px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  width: 100%;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  color: #252525;
  margin-bottom: 0;
}

.homework-exercise .exercise-item .text-area .answer {
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 16px;
}

.answer p {
  font-size: 14px;
}

.homework-exercise .exercise-item .text-area .answer.file {
  margin-bottom: 10px;
  line-height: 17px;
}

.homework-exercise .exercise-item .text-area .answer.file:last-of-type {
  margin-bottom: 0;
}

.homework-exercise .exercise-item .controls-row {
  margin-top: 24px;
}

.homework-exercise .lesson-link {
  display: block;
  margin-bottom: 16px;
}

.homework-exercise .lesson-link:hover {
  color: #F76F00;
}

.homework-exercise .lesson-link img {
  margin: 0 10px 4px 0;
}

.attach-files {
  margin-top: 16px;
}

.attach-files .btn-orange-outline {
  border: 0;
  padding: 8px 4px;
  margin-bottom: 10px;
}

.attach-files .attach-files-list .item {
  margin-bottom: 15px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #252525;
}

.attach-files .attach-files-list .item:last-of-type {
  margin-bottom: 0;
}

.tip-container {
  position: relative;
}

@media (min-width: 1200px) {
  .tip-container {
    position: absolute;
    width: 348px;
    left: -350px;
  }
}
.tip-container .tip-block {
  z-index: 10;
  display: none;
  top: 0;
  width: 100%;
  border-radius: 4px;
  padding: 28px 24px 18px;
  background: #FFFFFF;
  opacity: 0.98;
  /* basic shadow */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}

.tip-container .tip-block .close-tip {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 8px;
  line-height: 1;
}

.tip-container .tip-block .close-tip img {
  max-width: 100%;
}

.tip-container .tip-block .close-tip:hover {
  opacity: 1;
}

.tip-container .tip-block .heading {
  font-weight: 500;
  line-height: 22px;
  font-size: 15px;
  color: #252525;
  margin-bottom: 6px;
}

.tip-container .tip-block .heading .total {
  opacity: 0.4;
  font-weight: normal;
  line-height: 18px;
  font-size: 13px;
  margin-left: 10px;
}

.tip-container .tip-block .tip-text {
  margin-bottom: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  color: #252525;
}

.tip-container .tip-block .owl-carousel .owl-dots {
  display: initial;
  float: right;
  margin-top: 0;
  opacity: initial;
}

.tip-container .tip-block .owl-carousel .owl-dot {
  width: 16px;
}

.tip-container .tip-block .owl-carousel .owl-dot:hover span {
  background-color: rgba(255, 255, 255, 0.5);
}

.tip-container .tip-block .owl-carousel .owl-dot.active span {
  background: #FF962E;
}

.tip-container .tip-block .owl-carousel .owl-dot span {
  width: 8px;
  height: 8px;
}

.tip-container .tip-block .tip-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tip-container .tip-block .tip-tools .dots {
  display: flex;
  margin-left: auto;
}

.tip-container .tip-block .tip-tools .dots .dot-item {
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: white;
  opacity: 0.16;
  border-radius: 100%;
}

.tip-container .tip-block .tip-tools .dots .dot-item:hover {
  opacity: 0.5;
}

.tip-container .tip-block .tip-tools .dots .dot-item.active {
  opacity: 1;
  background: #EB821F;
}

.tip-container .tip-block .tip-tools .dots .dot-item:last-of-type {
  margin-right: 0;
}

.tip-container .tip-block .add-tip {
  font-weight: 500;
  line-height: 19px;
  font-size: 14px;
  color: #F08522;
}

.teacher-info-change-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.teacher-info-change-container .change-avatar-block, .change-avatar-block {
  width: 96px;
  height: 96px;
  margin-right: 16px;
  margin-bottom: 26px;
  border-radius: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.change-avatar-block-curator img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.change-avatar-block-curator {
  display: flex;
  flex-wrap: wrap;
}

.teacher-info-change-container .change-avatar-block img, .change-avatar-block img {
  max-width: 100%;
  height: 100%;
  width: 100%;
}

.teacher-info-change-container .change-avatar-block .overlay, .change-avatar-block .overlay {
  border-radius: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  transition: all 0.2s;
  background-color: rgba(241, 145, 55, 0.8);
}

.teacher-info-change-container .change-avatar-block .overlay svg, .change-avatar-block .overlay svg {
  margin: auto;
}

.teacher-info-change-container .change-avatar-block:hover .overlay, .change-avatar-block:hover .overlay {
  opacity: 1;
}

.teacher-info-change-container .form-container {
  margin-bottom: 8px;
}

.teacher-info-change-container input {
  padding-top: 10px;
  padding-bottom: 11px;
}

.teacher-info-change-container .fio-block {
  width: 264px;
  margin-right: auto;
}

.teacher-info-change-container .stats-block input {
  max-width: 56px;
}

.teacher-info-change-container .stats-block .form-container {
  display: flex;
  align-items: center;
}

.teacher-info-change-container .stats-block label {
  margin-left: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  max-width: 82px;
  color: rgba(37, 37, 37, 0.5);
}

.teacher-master-group .title-container {
  display: flex;
  flex-wrap: wrap;
}

.teacher-master-group .title-container h1 {
  margin-bottom: 12px;
}

@media (max-width: 991px) {
  .teacher-master-group .title-container h1 {
    width: 100%;
  }
}
.teacher-master-group .title-container button {
  margin-left: auto;
  padding: 15px 28px;
  margin-bottom: 14px;
}

.teacher-master-group .title-container .select2 {
  margin-bottom: 22px;
}

.teacher-master-group .master-group-item {
  display: flex;
  flex-wrap: wrap;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 20px 24px 14px;
  transition: all 0.2s;
  margin-bottom: 18px;
  cursor: pointer;
}

.teacher-master-group .master-group-item.checked {
  background-color: rgba(52, 26, 17, 0.12);
}

@media (max-width: 991px) {
  .teacher-master-group .master-group-item {
    align-items: center;
  }
}
.teacher-master-group .master-group-item:hover {
  background-color: rgba(52, 26, 17, 0.12);
}

.teacher-master-group .master-group-item .master-group-item__text {
  margin-right: auto;
}

@media (min-width: 992px) {
  .teacher-master-group .master-group-item .master-group-item__text {
    width: 497px;
  }
}
@media (max-width: 991px) {
  .teacher-master-group .master-group-item .master-group-item__text {
    margin-bottom: 21px;
  }
}
.teacher-master-group .master-group-item .master-group-item__text p {
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 0;
}

.teacher-master-group .master-group-item .master-group-item__text p .secondary {
  color: #252525;
  opacity: 0.5;
}

.teacher-master-group .master-group-item .master-group-item__text p .secondary svg {
  margin-right: 8px;
}

.teacher-master-group .master-group-item .master-group-item__text p .date-val {
  margin-right: 12px;
}

.teacher-master-group .master-group-item .master-group-item__text p .time-val {
  margin-right: 4px;
}

.teacher-master-group .master-group-item .master-group-item__text p .payed {
  margin-left: 10px;
  line-height: 17px;
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
  height: 18px;
  padding-bottom: 2px;
  background: #FF962E;
  border-radius: 3px;
  color: white;
}

.teacher-master-group .master-group-item .master-group-item__answers button {
  padding: 15px 28px;
  margin-bottom: 17px;
}

.teacher-master-group .master-group-item .master-group-item__description p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 16px;
  color: #252525;
}

.teacher-master-group .master-group-item .master-group-item__share a {
  word-break: break-all;
  font-size: 14px;
  color: #252525;
}

.teacher-master-group .master-group-item .master-group-item__share a:hover svg path {
  fill: #FF962E;
}

.teacher-master-group .master-group-item .master-group-item__share svg {
  margin-right: 12px;
}

.teacher-master-group .master-group-item .splitter {
  margin-top: 18px;
  margin-bottom: 16px;
  width: calc(100% + 48px);
  height: 1px;
  margin-left: -24px;
  margin-right: -24px;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}

@media (max-width: 991px) {
  .teacher-master-group .master-group-item .splitter {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
}
.teacher-master-group .master-group-item .extra-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.teacher-master-group .master-group-item .extra-container p {
  margin-bottom: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  margin-right: 24px;
}

@media (max-width: 991px) {
  .teacher-master-group .master-group-item .extra-container p {
    width: 100%;
    margin-bottom: 16px;
  }
  .teacher-master-group .master-group-item .extra-container p:last-of-type {
    margin-bottom: 0;
  }
}
.teacher-master-group .master-group-item .extra-container p .label-gray {
  margin-left: 6px;
  color: #252525;
}

@media (max-width: 991px) {
  .teacher-master-group .master-group-item .extra-container .button {
    margin-top: 14px;
  }
}
.teacher-master-group .master-group-item .extra-container .btn-icon svg {
  margin-right: 0;
}

.students-container {
  /*display: flex;*/
  flex-wrap: wrap;
}

.students-container .title-container {
  margin-bottom: 22px;
}

.students-container .students-row {
  width: 100%;
  /*display: flex;*/
  flex-wrap: wrap;
}

.gray-row,
.students-container .students-row .student-item {
  width: 100%;
  background: rgba(52, 26, 17, 0.05);
  border-radius: 6px;
  padding: 20px 24px 14px;
  margin-bottom: 18px;
}

.yellow-row {
  width: 100%;
  background: linear-gradient(180deg, #FFF0BD 0%, #FFE6B4 100%);
  border-radius: 6px;
  margin-bottom: 50px;
  padding: 12px 24px;
}

.yellow-row-flex-first {
  flex: 1;
  position: relative;
  margin-right: 14px;
}

.yellow-row-flex-second {
  flex: 3;
  margin-right: 10%;
  position: relative;
}
.yellow-row-flex-second h6 {
  margin-bottom: 4px;
}
.yellow-row-flex-second span.yellow-row-header {
  font-size: 15px;
  line-height: 20px;
}
.yellow-row-flex-second span.yellow-row-content {
  font-size: 13px;
  line-height: 18px;
  color: rgba(36, 34, 41, 0.8);
}

.yellow-row-flex-third a {
  font-size: 13px;
  line-height: 18px;
}

span.yellow-row-flex-second-span-mobile {
  display: none;
}

span.yellow-row-flex-second-span {
  display: block;
}

@media (max-width: 991px) {
  .yellow-row {
    padding: 20px;
  }
  .yellow-row-flex-first {
    flex: 1;
    position: relative;
    order: 1;
  }
  .yellow-row-flex-first .banner-image {
    width: 145% !important;
    transform: translateX(-27px) translateY(-5px);
  }
  .yellow-row-flex-third {
    width: 100% !important;
    order: 2;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .yellow-row-flex-second {
    flex: 3;
    position: relative;
  }
  span.yellow-row-flex-second-span {
    display: none;
  }
  span.yellow-row-flex-second-span-mobile {
    display: block;
  }
  .button.btn-white {
    border: 0;
    color: black;
    background-color: #FFFFFF;
    padding-right: 95px;
    padding-left: 100px;
  }
}
@media (max-width: 375px) {
  .button.btn-white {
    border: 0;
    color: black;
    background-color: #FFFFFF;
    padding-right: 94px;
    padding-left: 94px;
  }
}
.students-container .filter {
  margin-bottom: 10px;
}

.column-card {
  padding: 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.column-card:hover {
  background-color: rgba(37, 37, 37, 0.03);
}

.stud-highlight:hover:after {
  background: rgba(52, 26, 17, 0.13);
}

.splitter,
.gray-row .splitter,
.students-container .students-row .student-item .splitter {
  margin-bottom: 16px;
  width: calc(100% + 48px);
  height: 1px;
  margin-left: -24px;
  margin-right: -24px;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}

@media (max-width: 991px) {
  .splitter,
  .gray-row .splitter,
  .students-container .students-row .student-item .splitter {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
}
.courses {
  display: flex;
  margin-bottom: 16px;
}

.courses p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0px;
  padding-right: 18px;
}

.courses p:not(:last-of-type) {
  position: relative;
}

.courses p:not(:last-of-type):after {
  position: absolute;
  /*content: '•';*/
  right: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: rgba(37, 37, 37, 0.3);
}

.checking-homework {
  display: flex;
  flex-wrap: wrap;
}

.checking-homework h1 {
  width: 100%;
}

.checking-homework .select2 {
  margin-bottom: 24px;
}

.checking-homework .checking-homework-item {
  width: 100%;
  background: rgba(52, 26, 17, 0.05);
  border-radius: 6px;
  padding: 20px 24px 14px;
  margin-bottom: 18px;
}

.checking-homework .checking-homework-item .recommendation {
  position: relative;
  top: -12px;
}

.checking-homework .checking-homework-item .recommendation button {
  height: 18px;
}

.checking-homework .checking-homework-item .recommendation button span {
  color: #F76F00;
  transition: all 0.3s;
  font-size: 13px;
  line-height: 18px;
}

.checking-homework .checking-homework-item .recommendation button span:hover {
  color: #C45800;
  transition: all 0.3s;
  cursor: pointer;
}

.checking-homework .checking-homework-item .splitter {
  margin-top: 24px;
  margin-bottom: 32px;
  width: calc(100% + 48px);
  height: 1px;
  margin-left: -24px;
  margin-right: -24px;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}

@media (max-width: 991px) {
  .checking-homework .checking-homework-item .splitter {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
}
.checking-homework .checking-homework-item .title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.checking-homework .checking-homework-item .title .tips-used {
  margin-bottom: 0;
  margin-left: auto;
  color: rgba(37, 37, 37, 0.5);
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
}

.checking-homework .checking-homework-item .title .tips-used .amount {
  color: #252525;
  margin-left: 4px;
}

.checking-homework .checking-homework-item .text p {
  color: #252525;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 16px;
}

.checking-homework .checking-homework-item .attached-files p {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  color: #252525;
}

.checking-homework .checking-homework-item .attached-files .file-name {
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin-bottom: 8px;
  color: #252525;
}

.checking-homework .checking-homework-item .grad-container {
  display: flex;
}

@media (max-width: 991px) {
  .checking-homework .checking-homework-item .grad-container:first-of-type {
    flex-wrap: wrap;
  }
}
.checking-homework .checking-homework-item .grad-container .form-container {
  margin-bottom: 18px;
}

.checking-homework .checking-homework-item .grad-container .form-container input {
  padding-top: 12px;
  padding-bottom: 11px;
  padding-left: 12px;
  font-size: 14px;
}

@media (min-width: 992px) {
  .checking-homework .checking-homework-item .grad-container .form-container:first-of-type {
    max-width: 128px;
    margin-right: 12px;
  }
}
.checking-homework .checking-homework-item .hw-controls {
  display: flex;
  align-items: baseline;
}

.checking-homework .checking-homework-item .hw-controls .finish-block {
  margin-left: auto;
}

.checking-homework .checking-homework-item .hw-controls .finish-block .status {
  font-weight: 500;
  line-height: normal;
  font-size: 16px;
  text-align: right;
  color: #252525;
}

.checking-homework .checking-homework-item .hw-controls .finish-block a {
  margin-left: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  text-align: right;
  color: #FF962E;
}

.checking-homework .checking-homework-item .hw-controls .finish-block button {
  padding: 14px 28px 15px;
}

.checking-homework .checking-homework-item .hw-controls .finish-block button.btn-orange-outline {
  padding-right: 0;
  padding-left: 0;
  margin-left: 24px;
}

.checking-homework .checking-homework-item .hw-controls .finish-block button.btn-orange-outline:hover {
  background-color: transparent;
  color: #EB821F;
}

.checking-homework .hw-curator-check {
  padding: 16px 24px;
  border-radius: 12px;
}

/*Рекомендации кураторам*/
.recommend-container {
  visibility: hidden;
  height: 0;
  position: relative;
}

@media (min-width: 1360px) {
  .recommend-container {
    position: absolute;
    left: -450px;
    top: 0;
    width: 396px;
  }
}
.recommend-container.show {
  visibility: visible;
  height: auto;
}

.recommend-container .recommend-block {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  padding: 28px 24px 18px;
  background: #FFFFFF;
  visibility: hidden;
  /* basic shadow */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}

.recommend-container .recommend-block.show {
  visibility: visible;
}

.recommend-container .recommend-block .close-recommend {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 8px;
  line-height: 1;
}

.recommend-container .recommend-block .recommends-slider .slick-arrow {
  position: absolute;
  top: 0;
  right: 50%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
}

.recommend-container .recommend-block .recommends-slider .slick-arrow.slick-disabled {
  opacity: 0.5;
}

.recommend-container .recommend-block .recommends-slider .slick-arrow:hover:not(.slick-disabled) {
  opacity: 0.75;
  cursor: pointer;
}

.recommend-container .recommend-block.show .recommends-slider .slick-arrow {
  z-index: 11;
}

.recommend-container .recommend-block .recommends-slider .slick-arrow.slick-prev {
  transform: translateX(-8px) rotate(90deg);
}

.recommend-container .recommend-block .recommends-slider .slick-arrow.slick-next {
  transform: translateX(8px) rotate(270deg);
}

.recommend-container .recommend-block .close-recommend img {
  max-width: 100%;
}

.recommend-container .recommend-block .close-recommend:hover {
  opacity: 1;
}

.recommend-container .recommend-block h4 {
  color: #9c9c9f;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.recommend-container .recommend-block .heading {
  font-weight: 500;
  line-height: 22px;
  font-size: 15px;
  color: #252525;
  margin-bottom: 6px;
}

.recommend-container .recommend-block .heading .total {
  opacity: 0.4;
  font-weight: normal;
  line-height: 18px;
  font-size: 13px;
  margin-left: 10px;
}

.recommend-container .recommend-block .recommend-text {
  margin-bottom: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  color: #252525;
}

.recommend-container .recommend-block .owl-carousel .owl-dots {
  display: initial;
  float: right;
  margin-top: 0;
  opacity: initial;
}

.recommend-container .recommend-block .owl-carousel .owl-dot {
  width: 16px;
}

.recommend-container .recommend-block .owl-carousel .owl-dot:hover span {
  background-color: rgba(255, 255, 255, 0.5);
}

.recommend-container .recommend-block .owl-carousel .owl-dot.active span {
  background: #FF962E;
}

.recommend-container .recommend-block .owl-carousel .owl-dot span {
  width: 8px;
  height: 8px;
}

.recommend-container .recommend-block .recommend-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recommend-container .recommend-block .recommend-tools .dots {
  display: flex;
  margin-left: auto;
}

.recommend-container .recommend-block .recommend-tools .dots .dot-item {
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: white;
  opacity: 0.16;
  border-radius: 100%;
}

.recommend-container .recommend-block .recommend-tools .dots .dot-item:hover {
  opacity: 0.5;
}

.recommend-container .recommend-block .recommend-tools .dots .dot-item.active {
  opacity: 1;
  background: #EB821F;
}

.recommend-container .recommend-block .recommend-tools .dots .dot-item:last-of-type {
  margin-right: 0;
}

.recommend-container .recommend-block .add-recommend {
  font-weight: 500;
  line-height: 19px;
  font-size: 14px;
  color: #F08522;
}

.create-lesson h1 {
  margin-bottom: 24px;
}

.create-lesson .lesson-description .form-container {
  display: block;
}

.create-lesson .form-container {
  margin-bottom: 32px;
}

.create-lesson .form-container input {
  padding-left: 12px;
  padding-top: 11px;
  padding-bottom: 12px;
  font-size: 14px;
  margin-bottom: 0;
}

.question-container {
  border-top: 1px dotted rgba(37, 37, 37, 0.4);
  padding-top: 24px;
}

@media (min-width: 991px) {
  .question-container {
    margin-left: -32px;
    margin-right: -32px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.mobile-avatar {
  margin-left: 20px;
}

@media (min-width: 991px) {
  .mobile-avatar {
    margin-left: 1px;
  }
}
.question-container:last-of-type {
  border-bottom: 1px dotted rgba(37, 37, 37, 0.4);
}

.question-container .form-container {
  margin-bottom: 24px;
}

.question-container .form-container.tip:last-of-type {
  margin-bottom: 8px;
}

.question-container .add-tip {
  font-size: 14px;
  padding: 8px 4px 7px;
}

.question-container .varitans-check {
  display: flex;
  align-items: center;
}

.question-container .varitans-check__title {
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  height: 16px;
  font-size: 14px;
  margin-right: 16px;
}

.question-container .varitans-check .custom-radio {
  margin-right: 21px;
  margin-bottom: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  color: #1a1a1a;
  padding: 12px 40px 11px 14px;
  line-height: 17px;
}

.select2:hover .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.select2-container--default .select2-selection--single {
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  /*width: 192px;*/
  /*margin-top: 20px;*/
}

.select2 {
  /*width: auto !important;*/
  min-width: min-content;
  max-width: 250px;
  margin-right: 6px;
}

.select-section .select2 {
  width: auto !important;
  margin-bottom: 12px;
}

@media (max-width: 991px) {
  .select2 {
    margin-right: 2px;
  }
}
/*.select2-dropdown {*/
/*  width: auto !important; }*/
.select2-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.select2-container--open .select2-dropdown--above {
  top: -25px;
  overflow: hidden;
  border-radius: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  bottom: 0;
  margin: auto;
  margin-right: 4px;
  /*margin-top: 27px*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: url("../assets/svg/arrow-down.svg");
  position: absolute;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-results__option {
  padding-left: 17px;
  padding-right: 17px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(52, 26, 17, 0.07);
  color: #252525;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #EB821F;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: white;
  color: #FF962E;
}

.select2-container--open .select2-dropdown--below {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: 4px;
  /*max-height: 176px;*/
  height: auto;
  /*overflow-y: scroll;*/
}

.popover {
  background-color: transparent;
  border: 0;
}

.popover .arrow {
  display: none;
}

.popover .popover-body {
  padding: 0;
}

.popover .popover-menu {
  background-color: white;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.24), 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.popover .popover-menu ul {
  padding-left: 0;
  list-style: none;
  min-width: 172px;
  margin-bottom: 0;
}

.popover .popover-menu li:hover {
  background-color: rgba(52, 26, 17, 0.06);
}

.popover .popover-menu a {
  width: 100%;
  display: block;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #252525;
}

.popover .gray-divider {
  margin: 8px 0;
}

.popover .pop-header {
  padding: 8px 16px;
}

.popover .pop-header span {
  font-weight: 500;
  font-size: 15px;
}

.popover .pop-header .nav-level {
  padding: 0;
  font-size: 13px;
  line-height: 18px;
  color: rgba(36, 34, 41, 0.6);
}

.switcher-container {
  display: flex;
  align-items: center;
}

.switcher-container label {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #252525;
  opacity: 0.5;
  transition: all 0.2s;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0;
}

.switcher-container label:first-of-type {
  margin-left: 0;
}

.switcher-container label:nth-of-type(2) {
  margin-right: 0;
}

.switcher-container label:hover {
  opacity: 1;
  color: #FF962E;
}

.switcher-container input:checked + label {
  color: #FF962E;
  opacity: 1;
}

.switcher-container .switcher {
  width: 44px;
  height: 22px;
  position: relative;
  cursor: pointer;
}

.switcher-container .switcher:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 14px;
  background: rgba(52, 26, 17, 0.16);
  border-radius: 8px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.inbound-switcher .switcher:before {
  width: 36px;
  height: 20px;
  border-radius: 18px;
}

.switcher-container .switcher .circle {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0;
  transition: all 0.2s;
  background: #FF962E;
  border-radius: 100%;
  cursor: pointer;
}

.inbound-switcher .switcher .circle {
  width: 16px;
  height: 16px;
  background: white;
  top: 3px;
  left: 6px;
}

.switcher-container .switcher.checked .circle {
  left: 22px;
}

.inbound-switcher .switcher.checked:before {
  background: #FF962E;
}

.left-menu-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  margin-top: 32px;
  width: 100%;
  padding: 0 16px;
}

@media (min-width: 992px) {
  .left-menu-container {
    max-height: calc(90vh - 40px);
    padding: 0 30px 0 0;
  }
}
.left-menu-container ul {
  margin-bottom: 18px;
  position: relative;
  width: 243px;
  padding-left: 0;
  list-style: none;
}

.left-menu-container ul.navigation:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: -8px;
  width: 203px;
  height: 1px;
  background: #E3E3E3;
}

.side-menu-main-link:hover,
.left-menu-container li:not(.sub-menu):hover {
  background: rgba(52, 26, 17, 0.06);
  border-radius: 6px;
}

.left-menu-container .sub-menu {
  padding-left: 40px;
}

.left-menu-container .sub-menu ul {
  width: auto;
  margin-bottom: 0;
}

.left-menu-container .sub-menu .mg-groups ul li {
  display: flex !important;
  flex-direction: row !important;
  width: auto;
  margin-bottom: 0;
}

.left-menu-container .sub-menu .course-groups ul li {
  display: flex;
  flex-direction: row;
  width: auto;
  margin-bottom: 0;
}

.sub-menu-info {
  display: flex;
  flex-direction: column;
}

.left-menu-container .sub-menu li a {
  display: flex;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  font-size: 14px;
  color: #252525;
}

.left-menu-container .sub-menu li a.active {
  background: rgba(52, 26, 17, 0.06);
}

.left-menu-container .link-w-icon {
  padding: 8px 6px;
  border-radius: 6px;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.left-menu-container .show-more {
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

.layout .show-more {
  color: rgba(36, 34, 41, 0.45);
  cursor: pointer;
}

.layout .show-more:hover {
  color: rgba(36, 34, 41, 0.9);
}

.op-03,
.left-menu-container .link-w-icon .icon {
  opacity: 0.3;
}

.op-03,
.base-header .link-w-icon .icon {
  opacity: 0.3;
}

.op-06 {
  opacity: 0.6;
}

.left-menu-container .link-w-icon.active {
  background: rgba(52, 26, 17, 0.06);
  border-radius: 6px;
}

.left-menu-container .link-w-icon.active .icon {
  opacity: 1;
}

.left-menu-container .link-w-icon.active svg path {
  fill: #FF962E;
  opacity: 1;
}

.left-menu-container .students_count__num {
  color: rgba(36, 34, 41, 0.45);
}

.base-header.link-w-icon.active .icon {
  opacity: 1;
}

.base-header.link-w-icon.active svg path {
  fill: #FF962E;
  opacity: 1 !important;
  fill-opacity: 1;
}

.base-header .link-w-icon.ny.active svg path {
  fill: #36A7F7;
}

.base-header .link-w-icon.ny:hover svg path {
  fill: #7ABDFB;
  transition: linear;
  transition-duration: 0.2s;
}

.hoverable .icon {
  transition: linear;
  transition-duration: 0.2s;
}

.hoverable:hover .icon {
  opacity: 1;
}

.left-menu-container .left-menu-masterClasses {
  width: 243px;
  margin-bottom: 8px;
}

.left-menu-container .left-menu-masterClasses .title {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-bottom: 0;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-size: 15px;
}

.left-menu-container .left-menu-masterClasses ul {
  padding-left: 40px;
  margin-bottom: 0;
}

.left-menu-container .left-menu-masterClasses li {
  width: 100%;
}

.left-menu-container .left-menu-masterClasses li a {
  height: fit-content;
  padding: 0px 16px 0px 16px;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  color: #252525;
}

.left-menu-container .left-menu-masterClasses li a.active {
  background-color: rgba(52, 26, 17, 0.06);
}

.left-menu-container .left-menu-masterClasses li a .name {
  display: block;
  width: 100%;
  margin-top: auto;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  margin-bottom: 3px;
  font-size: 14px;
}

.left-menu-container .left-menu-masterClasses li a .author {
  display: block;
  width: 100%;
  margin-bottom: auto;
  font-family: Ubuntu;
  font-style: italic;
  font-weight: normal;
  line-height: 14px;
  font-size: 12px;
  /* black */
  color: #252525;
  opacity: 0.6;
}

.without-purchase {
  width: 100%;
  font-weight: normal;
  line-height: 14px;
  font-size: 13px !important;
  opacity: 0.6;
  color: #808080 !important;
}

.left-menu-container .left-menu-courses {
  width: 243px;
}

.left-menu-container .left-menu-courses .title {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: bold;
  line-height: 17px;
  font-size: 14px;
}

.left-menu-container .left-menu-courses ul {
  padding-left: 40px;
  margin-bottom: 0;
}

.left-menu-container .left-menu-courses li {
  width: 100%;
}

.left-menu-container .left-menu-courses li a {
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 6px;
  color: #252525;
  display: block;
  width: 100%;
  margin-top: auto;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 3px;
  font-size: 14px;
}

.auth {
  min-height: 80vh;
}

.auth-content {
  text-align: center;
}

.auth .logo-container {
  width: 192px;
  height: 48px;
  margin: auto;
  margin-bottom: 48px;
  margin-top: 40px;
}

.auth-title {
  font-style: normal;
  font-weight: bold;
  line-height: 33px;
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
}

.auth .form-container {
  margin-bottom: 20px;
}

.auth .form-container:last-of-type {
  margin-bottom: 31px;
}

.auth .form-container label {
  text-align: left;
}

.auth .form-container .link {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #252525;
  position: absolute;
  top: 0;
  transition: all 0.2s;
  right: 0;
}

.auth .form-container .link:hover {
  color: #FF962E;
}

.auth .button {
  height: 48px;
  margin-bottom: 12px;
}

.auth .register-link {
  margin-top: 24px;
  display: block;
}

.auth-link {
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #252525;
  text-align: center;
  transition: all 0.2s;
}

.auth-link:hover {
  color: #FF962E;
}

.social-auth .auth-title {
  margin-bottom: 12px;
}

.social-auth .auth-title + p {
  margin-bottom: 24px;
  line-height: 20px;
}

.special-button-container {
  margin-top: 40px;
  margin-bottom: 56px;
}

.special-button-container .title p {
  font-size: 14px;
}

.vk-btn {
  border: 1px solid rgba(69, 102, 142, 0.2);
}

.vk-btn__img {
  margin-right: 15px;
  vertical-align: baseline;
}

.vk-btn__text {
  color: #45668E;
  font-size: 16px;
}

.vk-btn-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 2rem;
}

.vk-btn-desc h6 {
  font-size: 15px;
}

.vk-btn-desc span {
  font-size: 14px;
}

.vk-block-inline {
  display: inline-block;
  width: 30px;
}

.fr-view.f-15 p {
  font-size: 15px;
}

.fr-view p {
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 16px;
}

.fr-view .file-format-icons .fr-file::after {
  content: "";
}

.fr-view.froalaDisableEditingInit .fr-toolbar, .fr-view.froalaDisableEditingInit .fr-wrapper, .fr-view.froalaDisableEditingInit .second-toolbar {
  border: none;
}

.fr-view.froalaDisableEditingInit .fr-toolbar {
  display: none;
}

.fr-view.froalaDisableEditingInit.fr-box.fr-basic .fr-element {
  padding: 0 !important;
}

.fr-view.froalaDisableEditingInit.fr-gray .fr-element {
  background-color: rgb(246, 246, 246);
}

.fr-view.froalaDisableEditingInit.froala-link-orange a {
  color: #FF962E !important;
}

.fr-view.froalaDisableEditingInit.froala-link-orange a:hover {
  color: #ae6017 !important;
}

.fr-view.froalaDisableEditingInit hr {
  display: inline-block;
  width: 100%;
}

.timecode-popup-form {
  font-family: "Ubuntu", sans-serif;
  padding: 8px;
  width: 200px;
}

.lesson-description .timecode {
  color: #007bff;
}

.lesson-preview .timecode {
  color: #007bff;
}

.lesson-preview .timecode:hover {
  cursor: pointer;
}

@media (max-width: 991px) {
  .if-mobile {
    display: none;
  }
  .if-mobile-imp {
    display: none !important;
  }
}
.form-check-input {
  margin-left: 12px;
}

.form-check-label {
  margin-left: 32px;
  margin-top: 3px;
}

.hw-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.no_style_link {
  color: inherit;
}

.no_style_link:hover {
  color: inherit;
}

.notify_wrapper {
  position: absolute;
  padding: 3px 5px;
  border-radius: 4px;
  background-color: #f14449;
}

.notify_wrapper .notify {
  color: #fff;
  text-transform: lowercase;
  font-size: 13px;
  vertical-align: text-bottom;
}

.checking-homework-item .notify_wrapper {
  margin-top: -25px;
  right: 0;
  margin-right: 20px;
}

@media (max-width: 1200px) {
  .checking-homework-item .notify_wrapper {
    margin-right: 0;
  }
}
@media (max-width: 990px) {
  .checking-homework-item .notify_wrapper {
    margin-right: 5%;
  }
}
.messagelist {
  list-style: none;
  padding: 0;
}

.msg {
  width: fit-content;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 3px;
}

.err_msg {
  background-color: #ff452a;
}

.succ-msg {
  background-color: #1c7430;
}

@media (max-width: 991px) {
  .m-scrollbar {
    /*background: !* Shadow covers *! linear-gradient(#F4F4F4 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #F4F4F4 70%) 0 100%, !* Shadows *! radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;*/
    background: linear-gradient(#F4F4F4 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #F4F4F4 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: #F4F4F4;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
  }
}
.to-print-link {
  color: gray;
  font-size: 14px;
  font-weight: normal;
}

.to-print-link:hover {
  color: #555555;
}

.teaching-type {
  background-color: #FF962E;
  color: white;
  padding: 4px 6px;
  font-size: 14px;
  font-weight: normal;
  border-radius: 6px;
}

.teaching-type-wrapper {
  margin-top: -12px;
  margin-bottom: 4px;
}

.under-thumb {
  position: absolute;
  margin-top: 80px;
  margin-left: 40px;
}

.sub-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #252525;
  opacity: 0.6;
}

.menu-sub-text {
  font-size: 12px;
  line-height: 14px;
}

.current-month {
  font-weight: bold;
  opacity: 1;
}

.month-title-container {
  padding: 5px 0;
}

.search_panel {
  background-color: rgba(124, 111, 90, 0.06);
}

@media (min-width: 990px) {
  .taskbase-list .search_panel {
    margin-left: -32px;
    margin-right: -32px;
  }
  .task_preview_panel {
    min-height: 400px;
    max-height: 650px;
  }
  .add_task_from_base_content_modal {
    width: 1040px !important;
    max-width: 1040px !important;
  }
}
.task-content p {
  font-size: 14px;
}

@media (max-width: 990px) {
  .mobile-no-margin {
    margin-left: 0;
    margin-right: 0;
  }
  .taskbase-list .search_panel {
    margin-left: -32px;
    margin-right: -32px;
  }
}
.search_nav {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(37, 37, 37, 0.1);
}

.nav-item {
  text-align: center;
  cursor: pointer;
}

.nav-text {
  margin: 12px 32px;
  font-weight: 500;
  color: rgba(37, 37, 37, 0.5);
}

.search_nav .active {
  cursor: initial;
}

.search_nav .active .nav-text {
  color: black;
}

.underline {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FF962E;
}

.p-32 {
  padding: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-48 {
  margin-top: 48px;
}

.w-fit {
  width: fit-content;
}

.search_block {
  display: flex;
}

.search_block .custom_input {
  height: 40px;
}

.underline_input {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.underline_input:focus {
  border-color: #FF962E;
}

.half-opacity {
  opacity: 0.5;
}

.clickable {
  cursor: pointer;
}

.tasks_container {
  padding: 12px 32px;
}

.task {
  margin-top: 21px;
}

.task-header {
  display: flex;
  justify-content: space-between;
}

.task-header .title {
  display: flex;
}

.option {
  padding: 4px 6px;
  background-color: rgba(124, 111, 90, 0.1);
  color: rgba(37, 37, 37, 0.7);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.06em;
  border-radius: 4px;
}

.secondary-text {
  color: #252525;
  opacity: 0.7;
}

.orange {
  color: #FF962E;
}

.link-orange {
  color: #FF962E !important;
}

.link-orange-darker {
  color: #F76F00;
}

.link-orange:hover {
  color: #ae6017 !important;
}

.f-14 {
  font-size: 14px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-24 {
  font-size: 24px;
  line-height: 32px;
}

.f-40 {
  font-size: 40px;
}

.accordion .card-header {
  background-color: transparent;
}

.accordion .btn-link.collapsed svg {
  transform: rotate(0deg);
  transition: all 0.2s;
}

.accordion .btn-link svg {
  transform: rotate(180deg);
  transition: all 0.2s;
}

.accordion .btn-link svg g {
  opacity: 0.3;
  transition: all 0.2s;
}

.accordion .btn-link:hover svg g {
  opacity: 0.6;
  transition: all 0.2s;
}

.left-collapse {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.right-collapse {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.delimiter {
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}

.default-list {
  padding: 0;
}

.default-list li {
  list-style: none;
  padding: 3px 6px;
  width: fit-content;
}

.success {
  background-color: #4ABC63;
  border-radius: 2px;
  color: white;
}

.failed {
  background-color: red;
  border-radius: 2px;
  color: white;
}

.text {
  font-size: 14px;
  line-height: 20px;
}

.word-variant {
  background-color: rgba(124, 111, 90, 0.1);
  border-radius: 12px;
  padding: 4px 12px;
  font-size: 13px;
  text-transform: lowercase;
}

/* Bootstrap override */
.breadcrumbs-arrow .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.link-st {
  color: grey;
}

.link-st:hover {
  color: #FF962E;
}

.std_li {
  list-style: none;
  padding-left: 0;
}

.ptb-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.scrollable-y {
  overflow-y: scroll;
}

.preview_task {
  margin-top: 20px;
}

.help_text_centered {
  margin: auto;
  width: fit-content;
  margin-top: 30%;
}

.task_added_text {
  color: #7C6F5A;
  font-size: 11px;
  line-height: 12px;
}

/* Spinner  */
.loader {
  z-index: 1;
  margin: auto;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #FF962E;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.loader-mini {
  width: 30px;
  height: 30px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #FF962E;
}

.loader-20 {
  width: 20px;
  height: 20px;
  border-width: 3px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
task-content-container {
  padding-right: 30px;
}

.icon-vk-auth {
  mask: url("../assets/svg/vk-btn-1.svg");
}

.icon-vk-auth:hover,
.icon-vk-auth:focus {
  background: red;
}

@media (min-width: 991px) {
  .outer-section-up-nav {
    /*width: 100%;*/
  }
  .outer-section-up-nav:hover {
    cursor: pointer;
  }
  .content-column {
    min-width: 990px;
    flex: 0 0 60%;
  }
}
.up-button-container {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 112px;
  backgroundColor: rgba(124, 111, 90, 0.01);
  opacity: 0.5;
  transition: 0.4s;
}

.up-button-mobile {
  z-index: 2;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.08);
}

.up-button-mobile .up-nav-img {
  width: 21px;
  margin: auto;
}

.up-button-mobile .up-button-img {
  position: relative;
  top: 25%;
  text-align: center;
}

@media (max-width: 1300px) {
  .up-button-container {
    display: none !important;
  }
}
@media (min-width: 1301px) {
  .up-button-mobile {
    display: none !important;
  }
}
.sticky-flex {
  position: sticky;
  align-self: flex-start;
}

.sticky-flex.btb {
  top: 0;
}

@media (max-width: 1350px) {
  .bubbles-mobile {
    display: none;
  }
}
.bear-notifier-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 3;
  cursor: pointer;
}

.bear-notification {
  background: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  bottom: 100px;
  right: 100px;
  width: max-content;
  padding: 15px 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);
}

.notify-count {
  position: absolute;
  top: 8%;
  right: 12%;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #F23E3E;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: white;
  text-align: center;
}

.notify-count > span {
  vertical-align: middle;
}

.meta-arrow {
  content: "";
  display: block;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid #FFFFFF;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid transparent;
  bottom: -10px;
  right: 10px;
  width: 10px;
  height: 10px;
}

.bear-notification .text {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.bear-notifier-img {
  width: 120px;
}

@media (max-width: 990px) {
  .bear-notifier-img {
    width: 100px;
  }
  .bear-notifier-container {
    bottom: 10px;
    right: 10px;
  }
  .bear-notification {
    right: 70px;
  }
}
.content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.word-variants {
  display: flex;
  flex-wrap: wrap;
}

.word-variants .word-variant {
  margin-top: 10px;
}

.correct {
  color: forestgreen;
}

.wrong {
  color: #ff2013;
}

.digit-var {
  font-size: 18px;
  font-weight: 500;
}

.help-text {
  font-size: 12px;
}

.v-middle {
  vertical-align: middle;
}

/*live content*/
#live-lesson .content {
  width: auto;
  background: inherit;
  box-shadow: none;
  padding: 0 32px;
  padding-bottom: 32px;
}

.live-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
}

.stream-block {
  flex: 0 0 78%;
}

.chat-block {
  flex: 0 0 20%;
  align-self: stretch;
}

@media (max-width: 1200px) {
  #live-lesson .content {
    padding-left: 16px;
    padding-right: 16px;
  }
  .stream-block {
    flex: 0 0 100%;
  }
  .chat-block {
    flex-grow: 1;
    margin-top: 15px;
    height: 400px;
  }
}
.action-icon {
  opacity: 0.4;
}

.class-list p {
  margin-bottom: 5px;
}

.grid-inline {
  display: inline-grid;
}

.grid-header {
  grid-area: header;
}

.salary-container {
  width: 100%;
  padding: 10px 0;
  overflow-x: scroll;
}

.salary-container::-webkit-scrollbar {
  display: none;
}

.salary-table {
  grid-template-columns: minmax(80px, 1fr) minmax(100px, 1fr) 1fr minmax(80px, 1fr);
}

.salary-item {
  margin-top: 16px;
  margin-bottom: 0;
}

.student-info {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 32px;
  grid-row-gap: 16px;
}

.student-contact span {
  font-size: 14px;
}

@media (max-width: 530px) {
  .student-info {
    grid-template-columns: max-content;
  }
}
.coins {
  grid-area: coins;
  width: 100%;
}

.coins-container {
  padding: 20px 12px;
}

.coins .coins-history-text {
  border-bottom: 1px solid rgba(36, 34, 41, 0.3);
  color: rgba(36, 34, 41, 0.3);
}

.coins .coins-history-text:hover {
  border-bottom: 1px solid rgba(36, 34, 41, 0.4);
  color: rgba(36, 34, 41, 0.4);
}

.umcoin-val {
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  /*vertical-align: text-top;*/
  /*flex-grow: 1;*/
  /*margin-left: 8px;*/
}

.avg-val {
  font-weight: 300;
  font-size: 36px;
  line-height: 40px;
}

.stat-val {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.w-500 {
  font-weight: 500;
}

.w-400 {
  font-weight: 400;
}

.w-300 {
  font-weight: 300;
}

.cell {
  background-color: rgba(36, 34, 41, 0.04);
  border-radius: 6px;
}

.contacts-and-coins {
  display: grid;
  grid-gap: 12px;
  grid-template-areas: "contacts coins";
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
}

.student-contacts-wrapper {
  grid-area: contacts;
  padding: 16px 20px;
}

.student-contacts {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 32px;
  grid-row-gap: 8px;
}

.cell-content {
  padding: 16px 24px;
}

.two-cols-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 12px;
}

.lh-24 {
  line-height: 24px;
}

.dotted-divider, .dashed-divider {
  height: 1px;
  width: 100%;
  display: block;
}

.dotted-divider {
  border-top: 1px dotted rgba(37, 37, 37, 0.4);
}

.dashed-divider {
  border-top: 1px dashed rgba(37, 37, 37, 0.4);
}

.divider-24 {
  width: auto;
  margin: 0 24px;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date_in_container {
  height: 100%;
  padding: 0 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.date_input_prefix {
  font-size: 14px;
  color: #929292;
}

.date_in_container .date_input {
  flex: 1;
  font-size: 14px;
  margin-left: 8px;
  width: 100%;
}

.date_outline {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  height: 40px;
}

.date_outline .date_input {
  outline: none;
  border: 0;
  min-width: 55px;
}

.cell-orange {
  background-color: rgba(253, 189, 92, 0.16);
}

.student-static-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 210px));
}

.text-upper {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.08em;
}

.range-input {
  width: 130px;
}

#section-r {
  width: 100%;
}

.left-rounded {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.right-rounded {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.student-purchases-list {
  margin-top: 24px;
}

.table-row,
.student-purchase {
  padding: 14px 8px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
}

.student-purchase .purchase-date {
  flex: 0 0 10%;
}

.student-purchase .purchase-title {
  margin-left: 16px;
  flex: 1;
}

.student-purchase .purchase-extra {
  flex: 0 0 15%;
}

.val-switcher .active,
.chart-switcher .active {
  color: white;
  background-color: #FF962E;
  font-weight: normal;
}

.table-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #e9e9e9;
}

.in_mobile {
  padding: 0;
  background: none;
}

.mini-chat-container {
  width: 400px;
  height: 512px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 10;
  background: white;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.18), 0px 4px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.mini-chat-header {
  width: 100%;
  height: 48px;
  padding: 11px 16px;
  background-color: #262322;
}

#mini-chat-content {
  width: 100%;
}

.red {
  color: red;
}

.modal .modal-dialog {
  width: auto;
}

.hw-score {
  font-size: 20px;
  font-weight: bold;
}

.hw-status-date {
  font-size: 13px;
}

.performance-block {
  position: relative;
  transition: opacity 0.15s linear;
}

.shadowed {
  opacity: 0.8;
}

.loader-full {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 6, 6, 0.38);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.chartWrapper {
  position: relative;
}

.chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.chartAreaWrapper {
  overflow-x: scroll;
  position: relative;
  width: 100%;
}

.chartAreaWrapper2 {
  position: relative;
  height: 400px;
}

.hw-incorrect-switcher label:first-of-type {
  margin-left: 0;
}

.bordered-option {
  border: 1px solid #d6d1cf;
  border-radius: 4px;
  padding: 5px 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #998c89;
  background-color: transparent;
}

.bordered-option-orange {
  color: #FF962E;
  border-color: #FF962E;
}

.w-32 {
  width: 32px;
}

.h-32 {
  height: 32px;
}

.timetable_calendar {
  max-width: 100%;
}

.timetable_week_row {
  display: flex;
  justify-content: space-between;
  margin-right: -2px;
  margin-left: -2px;
  overflow: hidden;
  height: 106px;
  width: 100%;
}

.timetable_day {
  position: relative;
  padding: 4px;
  margin: 2px;
  border-radius: 8px;
  background-color: #f5f4f3;
  cursor: pointer;
  user-select: none;
  flex: 0 0 13.5714285714%;
  overflow-x: hidden;
}

@media (max-width: 991px) {
  .timetable_day {
    border-radius: 4px;
    margin: 1.5px;
    font-weight: normal;
  }
}
.web-more,
.web-item {
  color: rgba(37, 37, 37, 0.6);
  padding: 2px 4px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  border-radius: 2px;
}

.web-item-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  line-height: 14px;
}

.live-web {
  display: flex;
  min-width: 0.8rem;
}

.live-web::after {
  content: "";
  width: 5px;
  height: 5px;
  align-self: center;
  border-radius: 50%;
  background-color: red;
  animation: 1s blink ease infinite;
}

.web-done {
  content: url("/static/core/assets/svg/gray-checked.svg");
  width: 10px;
  align-self: center;
}

@media (max-width: 991px) {
  .web-done {
    width: 8px;
  }
}
@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.f-12 {
  font-size: 12px;
}

.days-of-week {
  display: flex;
  justify-content: space-around;
  color: #bebebe;
  font-size: 12px;
  letter-spacing: 0.04em;
}

.the_day {
  flex: 1;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin-right: 4px;
}

.the_day:last-of-type {
  margin-right: 0;
}

.current-day {
  background-color: #FF962E;
  border-radius: 20px;
  padding: 0 7px;
  color: #FFF;
}

.timetable_week_container {
  display: flex;
  border-bottom: 1px solid #e9e9e9;
}

.timetable_week_container .timetable_day {
  border-radius: 4px;
  color: #000;
}

.out_of_range {
  opacity: 0.5;
}

.time_col {
  flex: 0 0 56px;
  margin-top: 77px;
}

.time_col__times {
  display: grid;
}

.time_item {
  padding: 16px 24px 16px 0;
  border-top: 1px solid #e9e9e9;
  border-left: 0;
  border-bottom: 0;
  color: #929292;
  font-size: 12px;
}

.act_timetable {
  flex: 1;
}

.timetable_week {
  margin-top: 15px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(15, 51px);
}

.timetable_week__day {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  overflow: hidden;
  padding: 2px;
}

.week-web {
  background-color: #eae8e5;
}

.calendar-navigator {
  flex-wrap: wrap;
}

.calendar-navigator .month-title:first-letter {
  text-transform: uppercase;
}

.day-webs-popover {
  background-color: #FFFFFF;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 28px 24px 15px 24px;
}

.spec-link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.timetable-link {
  color: black;
}

.timetable-link:hover {
  color: #FF962E;
}

.web-more {
  display: none;
  color: #F08522;
}

.timetable-full-view .web-more:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) {
  display: block;
}

.timetable-full-view .web-item:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
  display: none;
}

.timetable-short-view .web-more:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)):not(:nth-of-type(5)):not(:nth-of-type(6)):not(:nth-of-type(7)) {
  display: block;
}

.timetable-short-view .web-item:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)):not(:nth-of-type(5)):not(:nth-of-type(6)) {
  display: none;
}

@media (max-width: 767px) {
  .student-contacts {
    grid-template-columns: max-content;
  }
  .contacts-and-coins {
    grid-template-areas: "contacts";
    grid-template-columns: 1fr;
  }
  .timetable_week_row {
    height: 84px;
  }
  .web-item:not(:first-of-type):not(:nth-of-type(2)) {
    display: none;
  }
  .web-item:nth-of-type(3):not(:last-of-type):after {
    display: none;
  }
  .timetable-full-view .web-more:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
    display: block;
  }
  .rp-cards-container {
    grid-template-columns: auto;
  }
  .type-radio-group {
    margin-top: 8px;
    justify-content: space-between;
  }
  .submission-filters {
    flex-flow: wrap;
  }
}
.price-container {
  flex: 1;
}

.if-mobile-show {
  display: none;
}

@media (max-width: 991px) {
  .if-mobile-show {
    display: block;
  }
  .price-container {
    justify-content: flex-end;
    display: flex;
  }
}
@media (max-width: 764px) {
  .price-container {
    justify-content: space-between;
  }
}
.ord-btn {
  cursor: pointer;
  user-select: none;
  color: #FF962E;
}

.ord-current {
  color: initial;
}

.ord-asc:after {
  content: url("/static/core/assets/svg/ord-asc.svg");
  margin-left: 6px;
}

.ord-desc:after {
  content: url("/static/core/assets/svg/ord-desc.svg");
  margin-left: 6px;
}

.alert-zone {
  border-left: 2px solid;
  font-size: 14px;
  line-height: 20px;
  padding-left: 12px;
}

.zone-danger {
  color: #D62F2F;
  border-color: #D62F2F;
}

.zone-success {
  border-color: green;
  color: darkgreen;
}

.br-12 {
  border-radius: 12px;
}

.nav-level {
  padding: 6px 14px;
  color: rgba(37, 37, 37, 0.5);
}

.nav-level:hover {
  color: #FF962E;
}

.level_bubble {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.default-splitter {
  width: initial;
  margin-left: 0;
  margin-right: 0;
}

.grayed {
  color: rgba(37, 37, 37, 0.4);
}

.bg-grayed {
  background-color: rgba(124, 111, 90, 0.06);
}

.bg-dark-grayed {
  background-color: rgba(36, 34, 41, 0.04);
}

.bg-grayed-2 {
  background-color: #f7f7f7;
}

.level-progress-container {
  max-width: 408px;
  margin: auto;
}

.level-progress-bar {
  height: 6px;
  background-color: rgba(124, 111, 90, 0.12);
  border-radius: 4px;
}

.level-progress {
  height: 6px;
  background-color: #FF962E;
  border-radius: 4px;
}

.levels {
  max-width: 408px;
  margin: auto;
  margin-top: 8px;
}

.short-view .level-item {
  display: none;
}

.short-view .pre_next,
.short-view .current,
.short-view .current + .level-item {
  display: flex;
}

.lvl-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lvl-icon-inner {
  display: block;
  margin: auto;
  max-width: 72px;
  max-height: 72px;
}

.lvl-info {
  padding: 0px 8px;
}

.lvl-path-passed {
  border-color: #FF962E !important;
  border-style: solid !important;
}

.lvl-path {
  border-width: 0;
  border-top: 1px dashed rgba(124, 111, 90, 0.8);
  height: 48px;
  margin-top: 13px;
}

.level-item:nth-child(even) {
  flex-direction: row-reverse;
}

.level-item:nth-child(even) .lvl-info {
  text-align: right;
}

.level-item:nth-child(even) .lvl-path {
  margin-left: 35px;
  border-left: 1px dashed rgba(124, 111, 90, 0.8);
  border-top-left-radius: 100px;
}

.level-item:nth-child(odd) .lvl-path {
  margin-right: 35px;
  border-right: 1px dashed rgba(124, 111, 90, 0.8);
  border-top-right-radius: 100px;
}

.current-lvl {
  position: relative;
  font-weight: bold;
}

.current-lvl:before,
.current-lvl:after {
  display: inline;
  padding: 0 8px;
  content: url("/net.umschool/static/core/assets/svg/checked_orange.svg");
  width: 14px;
  height: 9px;
}

.level-item:nth-child(odd) .current-lvl:before {
  display: none;
}

.level-item:nth-child(even) .current-lvl:after {
  display: none;
}

.reward-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #4ABC63;
}

.task-exp {
  background: rgba(253, 189, 92, 0.4);
  border-radius: 12px;
  font-size: 13px;
  color: #252525;
  padding: 1px 8px;
  height: 20px;
  text-transform: lowercase;
}

.btn-option-gray {
  background-color: #ecebeb;
  border-radius: 6px;
}

.btn-option-orange {
  background-color: #f3d6bb;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dropdown-link {
  text-decoration: underline dotted !important;
}

.link-button {
  font-weight: 500;
  font-size: 14px;
  background-color: transparent;
  cursor: pointer;
}

.link-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.calendar-icon {
  content: url("/static/core/assets/svg/calendar_new.svg");
  position: absolute;
  right: 10px;
  top: 37px;
  opacity: 0.5;
}

.b-4-block {
  border-radius: 4px;
}

.black-block {
  background-color: #252525;
  color: #FFFFFF;
}

.light-orange-block {
  background-color: rgba(253, 189, 92, 0.4);
  color: black;
}

.not-processed-block {
  padding: 4px 8px;
  bottom: 24px;
  right: 24px;
  font-size: 15px;
  font-weight: 500;
}

/* lesson description in course view */
.description p {
  font-size: 14px;
  line-height: 19px;
}

.bg-orange {
  background-color: #FF962E;
  color: #FFFFFF;
}

.circle {
  border-radius: 50%;
}

.circle-20 {
  width: 20px;
  height: 20px;
  padding-top: 1px;
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
}

.flat-input {
  background: transparent;
  outline: none;
  border: none;
  padding: 8px;
  font-size: 14px;
}

.flat-input-orange {
  border-bottom: 1px solid #FF962E;
}

.flat-input-close {
  position: absolute;
  right: 0;
  cursor: pointer;
}

.icon-32 {
  width: 32px;
  height: 32px;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.icon-18 {
  width: 18px;
  height: 18px;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.label-red {
  background-color: transparent;
  border: 1px solid #D62F2F;
  color: #D62F2F;
}

.extra-action-btn {
  padding: 4px 8px;
  background: transparent;
  cursor: pointer;
}

.extra-action-btn .icon {
  vertical-align: text-top;
  margin-right: 6px;
}

.bubble {
  padding: 1px 4px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  background-color: #E4E4E4;
}

.bg-green {
  background-color: #4ABC63;
  color: #FFFFFF;
}

.bg-viol {
  background-color: #B764FF;
  color: #FFFFFF;
}

.bg-lilac {
  background-color: #704DFD;
  color: #FFFFFF;
}

.bg-light-blue {
  background-color: #4A8EF5;
  color: #FFFFFF;
}

.bg-dark {
  background-color: #242229;
  color: #FFD18A;
}

.new_level_container {
  background-image: url("/static/core/assets/levelup.png");
  background-size: cover;
  background-position-y: center;
  border-radius: 12px;
  padding: 48px 32px 32px 32px;
}

.text-green {
  color: #4ABC63;
}

.text-dark-green {
  color: #259F56;
}

.text-red {
  color: #D62F2F;
}

.text-grey {
  color: #252525;
  opacity: 0.3;
}

.f-13 {
  font-size: 13px !important;
}

.liveChat-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #dfdfdf;
  height: 100%;
}

.liveChat-message-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 650px;
  overflow-y: scroll;
}

.liveChat-message-item {
  padding: 4px 24px;
  font-size: 13px;
  display: flex;
}

.liveChat-sender {
  font-weight: 500;
  color: #7f7f7f;
}

.liveChat-toolbar {
  min-height: 80px;
  padding: 16px;
}

.liveChat-underline-input {
  border: 0;
  border-bottom: 1px solid #dfdfdf;
  outline: none;
  background: none;
  transition: 300ms;
  resize: none;
}

.liveChat-underline-input:focus {
  border-bottom: 1px solid #FF962E;
}

.liveChat-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.liveChat-header {
  padding: 12px 24px;
  background-color: #dfdfdf;
  margin-bottom: 0;
}

.owner {
  background-color: #f8d606;
  color: black;
  padding: 2px 4px;
}

.exp-diff-neg:only-child span,
.exp-diff-neg:only-child {
  color: rgba(37, 37, 37, 0.5);
}

.copyfrom {
  position: absolute;
  left: -9999px;
}

.covid-logo {
  user-select: none;
  color: #341A11;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}

.img-40 {
  width: 40px;
  height: 40px;
}

.service-block {
  padding: 12px 0px;
}

.service-block .service-meta {
  font-size: 13px;
  line-height: 20px;
}

.jc-between {
  justify-content: space-between;
}

.card-form-modal {
  max-width: 566px;
}

.card-form-modal-body {
  padding: 12px 24px;
}

.gray-divider {
  height: 1px;
  width: 100%;
  background-color: #e9e9e9;
}

/*.form-card-view {*/
/*    padding-top: 24px;*/
/*}*/
.card-side {
  width: 100%;
  padding: 12px 24px;
  background: #F2F0EE;
  border-radius: 12px;
}

.card-side-front {
  position: absolute;
  z-index: 3;
}

.card-side-back {
  position: absolute;
  height: 230px;
  margin-top: 60px;
  margin-left: 0;
  background-color: #e0dedc;
}

.card-form .pay-info {
  min-height: 290px;
}

.card-form .cvc-info-block {
  display: flex;
  margin-top: 170px;
}

.card-form .cvc-info-text {
  font-size: 12px;
  color: #6c757d;
  line-height: 15px;
  margin: 0.5rem 0 0 0;
}

@media (min-width: 767px) {
  .card-form-modal-body {
    padding: 32px 40px;
  }
  .card-form .pay-info {
    min-height: 250px;
  }
  .card-side-back {
    margin-top: 28px;
    margin-left: 25%;
  }
  .card-side {
    width: 360px;
  }
  .card-form .cvc-info-block {
    margin-top: 110px;
    width: 80px;
    margin-left: auto;
  }
}
.cards-logos {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  max-height: 34px;
}

.valid-thru-text {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #252525;
  opacity: 0.5;
}

.thru-values {
  display: flex;
  flex-direction: row;
  justify-items: center;
}

.card-input {
  height: 36px;
  padding: 8px 10px;
  font-size: 15px;
  line-height: 20px;
}

.card-input::placeholder {
  color: rgba(36, 34, 41, 0.45);
  font-size: 15px;
  line-height: 20px;
}

.card-magnet-row {
  position: absolute;
  top: 28px;
  height: 50px;
  width: 100%;
  left: 0;
  background-color: #A3A09D;
}

.secure-payment-info {
  padding-top: 24px;
}

.secure-payment-info .bottom-description {
  font-size: 13px;
  line-height: 20px;
  color: #6c757d;
  font-weight: 400;
}

.pay-logo-container {
  flex: 0 0 15%;
}

.pay-logo {
  width: 100%;
}

@media (min-width: 767px) {
  .secure-payment-info .content-header {
    max-width: 50%;
  }
}
.payment-accepts button {
  margin-right: 1.5rem;
}

.fstar {
  cursor: pointer;
}

#feedback-modal .modal-dialog {
  max-width: 688px;
}

#feedback-modal .content-header {
  align-items: flex-start;
}

.circle-progress {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-name: spin;
}

.bottom-fix-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 56px;
  width: 100%;
  background-color: #33373D;
  z-index: 10000000;
}

.bottom-fix-panel-content {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  height: 100%;
}

.custom-nav-item {
  position: relative;
  padding: 0 32px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-width: fit-content;
}

.hw-nav-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #b8b9bb;
}

.hw-nav-text:hover {
  color: #b8b9bb;
}

.nav-active:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background-color: #FF962E;
  transition: 0.3s;
  bottom: 0;
  left: 0;
}

.nav-active .hw-nav-text {
  color: #FFFFFF;
}

.hw-df-cnt {
  color: #b8b9bb;
  font-size: 13px;
  line-height: 18px;
  vertical-align: top;
}

.hw-dif-nav {
  margin: auto;
  width: fit-content;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.hw-dif-nav::-webkit-scrollbar {
  display: none;
}

.hw-timer {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 4px;
}

.timer-img {
  margin-right: 9px;
}

.timer-text {
  font-weight: 500;
  color: #FFFFFF;
  vertical-align: middle;
}

.throbber-container {
  position: relative;
}

.throbber-bar {
  width: fit-content;
  margin: auto;
  position: sticky;
  top: 50vh;
}

.throbber {
  padding: 20px 0;
  position: absolute;
  background-color: #FFF;
  opacity: 0.7;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.circle-throbber {
  fill: none;
  stroke: #FF962E;
  stroke-width: 3;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

.throbber-svg {
  width: 45px;
  transform-origin: center;
  animation: rotate 2s linear infinite;
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.container-fluid-accounts {
  display: flex;
  padding: 0 15px;
  width: 100%;
  min-height: 40px;
  margin-right: auto;
  margin-left: auto;
}

.content-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.footer-items-account {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
  .content-footer {
    display: flex;
    flex-direction: column;
  }
  .footer-items-account {
    text-align: center;
    width: 75%;
  }
  .bank {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .bubble-time-left {
    content: url("/static/core/assets/svg/alert_red.svg");
  }
}
.refresh-page {
  cursor: pointer;
}

.file-link:hover {
  color: #FF962E !important;
}

.extension {
  height: 20px;
  color: rgba(37, 37, 37, 0.6);
  padding: 3px 5px 0 5px;
  font-weight: 500;
  font-size: 10px;
  line-height: 11px;
  border: 1px solid rgba(37, 37, 37, 0.3);
  border-radius: 2px;
  background-color: transparent;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-left: 12px;
  margin-right: 8px;
}

.plyr--full-ui input[type=range] {
  color: #F08522;
}

.plyr__control--overlaid {
  background: rgba(240, 133, 34, 0.8);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #F08522;
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(240, 133, 34, 0.5);
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #F08522;
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #F08522;
}

.check-solution {
  width: 33%;
  display: flex;
  flex-flow: column;
  text-align: center;
  cursor: pointer;
  background-color: rgba(37, 37, 37, 0.03);
  color: #252525;
  padding: 13px 20px;
  font-size: 13px;
  border-radius: 10px;
}

.check-solution:not(:last-child) {
  margin-right: 8px;
}

.check-solution.active {
  background-color: rgba(52, 26, 17, 0.12);
}

.check-solution_content {
  width: 100%;
  padding: 12px 16px;
}

@media (min-width: 992px) {
  .check-solution {
    flex-flow: row;
    width: max-content;
    padding: 8px 12px;
    background-color: #F3F2F1;
    border-radius: 4px;
    font-size: 14px;
  }
  .check-solution.active .check-solution_arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .check-solution.active {
    background-color: #F08522;
    color: white;
    border-radius: 4px 4px 0 0;
  }
  .check-solution .check-solution_img:not(:last-child) {
    margin-right: 8px;
  }
  .check-solution.active .check-solution_img path {
    fill: white;
  }
  .check-solution_content {
    border: 1px solid rgba(37, 37, 37, 0.06);
    border-top: 2px solid #F08522;
    border-radius: 0 0 8px 8px;
  }
}
/* TODO: Удалить потом years- */
.years-choose {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(37, 37, 37, 0.6);
}

.years-choose.active {
  color: #252525;
  border-bottom: 4px solid #F08522;
  margin-bottom: 0;
}

.year-secondary {
  margin-left: 6px;
  margin-top: 4px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: rgba(37, 37, 37, 0.6);
}

.tabs-container {
  display: flex;
  flex-direction: row;
}

.tabs {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(37, 37, 37, 0.6);
  margin-bottom: 4px;
  margin-right: 24px;
}

.tabs:last-of-type {
  margin: 0;
}

.tabs.active {
  color: #252525;
  border-bottom: 4px solid #F08522;
  margin-bottom: 0;
}

.tabs .additional-text {
  margin-left: 6px;
  margin-top: 4px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: rgba(37, 37, 37, 0.6);
}

.tabs-content-container {
  margin-bottom: 16px;
}

.tabs-content-container .tab-content {
  display: none;
}

.comments-template {
  overflow-y: auto;
}

.comments-template-item {
  display: flex;
  justify-content: space-between;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 16px;
  margin: 8px;
}

.comments-template-item .controls img:first-child {
  margin-right: 10px;
}

.comments-template-item .controls img:hover {
  cursor: pointer;
}

.tooltip-container {
  position: relative;
  display: inline;
}

.tooltip-container .tooltip-text {
  display: none;
  background: rgba(37, 37, 37, 0.9);
  padding: 9px 16px;
  border-radius: 4px;
  min-width: 333px;
  margin-left: -80px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  color: white;
}

.tooltip-container .multi-answer-tooltip-text {
  min-width: 220px;
  padding: 8px 0;
}

@media (max-width: 764px) {
  .tooltip-container .tooltip-text {
    margin-left: 0;
  }
}
.tooltip-container .tooltip-text * {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

.tooltip-container:hover .tooltip-text, .tooltip-container .tooltip-text:hover {
  display: block;
}

.bubble-time-left {
  font-size: 14px;
  line-height: 20px;
  margin-right: 25px;
  padding: 2px 6px;
  background-color: red;
  color: white;
}

.vk-btn-new {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #a4bbd3;
  color: #4A76A8;
}

.vk-btn-new:hover {
  border: 1px solid #6e91b9;
}

.auth-header {
  box-shadow: none;
  padding: 8px 0;
}

.auth-header .logo-container img {
  /*width: 150px;*/
  /*height: 36px;*/
}

@media (max-width: 363px) {
  .auth-header .logo-container img {
    width: 150px;
  }
}
.contact-info {
  display: flex;
}

.contact-info .contact-info-link {
  color: #252525;
  display: flex;
}

.contact-info .contact-info-link:first-child {
  margin-right: 2rem;
}

.contact-info .contact-info-link .contact-icon {
  margin-right: 6px;
  width: 24px;
  height: 24px;
}

@media (min-width: 992px) {
  .auth-header {
    padding: 14px 0;
  }
  .contact-info .contact-info-link .contact-icon {
    width: initial;
    height: initial;
  }
}
#first_sept_modal .modal-dialog {
  width: 776px;
  max-width: 90%;
  margin: auto;
}

#first_sept_modal .modal-body {
  padding: 24px 32px 16px 32px;
}

.resizable-icon {
  width: 64px;
  height: 64px;
}

@media (max-width: 791px) {
  #first_sept_modal .modal-body {
    padding: 16px 20px;
  }
}
.ctypes-grid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 12px;
}

@media (max-width: 400px) {
  #first_sept_modal .modal-body {
    padding: 16px;
  }
  .gray-row {
    padding: 8px;
  }
  .resizable-icon {
    width: 48px;
    height: 48px;
  }
  .ctypes-grid {
    grid-template-columns: repeat(1, auto);
  }
}
.new-tooltip {
  padding: 16px 20px;
  border-radius: 8px;
}

.new-tooltip-inner {
  background-color: unset;
  padding: 0;
  font-size: 15px;
  line-height: 22px;
  max-width: 360px;
}

.new-tooltip-black {
  background: rgba(37, 37, 37, 0.95);
}

.new-tooltip-light {
  background: #FFF;
  color: #000;
  font-weight: normal;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.14);
}

.new-tooltip-light .new-tooltip-inner {
  color: #000;
}

.new-tooltip-light.tooltip.show {
  opacity: 1;
}

.stages {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.coupon-modal-opener {
  width: 100%;
}

.stage {
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.stage.stage-active .stage-text {
  color: black;
}

.stage.stage-active .stage-icon {
  background-color: #FF962E;
  color: white;
}

.stage-text {
  color: rgba(36, 34, 41, 0.6);
}

.stage-div {
  flex: 1;
  margin: 0 10px;
  height: 2px;
  background-color: rgba(37, 37, 37, 0.06);
  width: 50%;
  min-width: 40px;
}

@media (min-width: 576px) {
  .stage-div {
    min-width: 70px;
    width: 10%;
  }
}
@media (min-width: 992px) {
  .stage-div {
    min-width: 70px;
    max-width: 70px;
    margin: 0 8px;
  }
}
.stage-div:first-of-type, .stage-div:nth-of-type(2) {
  min-width: 21px;
  width: 30%;
}

@media (min-width: 390px) {
  .stage-div:first-of-type, .stage-div:nth-of-type(2) {
    min-width: 50px;
    width: 30%;
  }
}
@media (min-width: 460px) {
  .stage-div:first-of-type, .stage-div:nth-of-type(2) {
    min-width: 105px;
    width: 50%;
  }
}
@media (min-width: 576px) {
  .stage-div:first-of-type, .stage-div:nth-of-type(2) {
    min-width: 85px;
  }
}
@media (min-width: 992px) {
  .stage-div:first-of-type, .stage-div:nth-of-type(2) {
    min-width: 70px;
    max-width: 70px;
  }
}
@media (min-width: 576px) {
  .coupon-modal-opener {
    width: fit-content;
  }
}
.stage-icon {
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: rgba(37, 37, 37, 0.6);
  background-color: #F0F0F0;
  border-radius: 50%;
  text-align: center;
  width: 22px;
  height: 22px;
}

.stage-completed {
  content: url("../assets/svg/checked_orange.svg");
  background-color: transparent;
  padding: 5px 4px 5px 4px;
  border-radius: 50%;
  border: 1px solid #F76F00;
}

.stage .stage-icon {
  margin-right: 8px;
}

.underline-dash {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-position: under;
}

.rate-plan {
  display: flex;
  flex-direction: column;
}

.rate-plan-row {
  display: flex;
  border-bottom: 1px solid rgba(37, 37, 37, 0.06);
}

.rate-plan-grid-name {
  font-size: 15px;
  margin-bottom: 0;
}

.rate-plan-grid-price {
  font-size: 12px;
  margin-bottom: 0;
  color: #252525;
  opacity: 0.7;
}

.rate-plan-name {
  flex: 1;
  margin-bottom: 0;
  padding: 12px 0;
}

.rate-plan-item {
  padding: 5px 8px;
  max-width: 94px;
  flex: 1;
  box-sizing: content-box;
}

.button-mini {
  padding: 8px 14px;
}

.efficient-rate-plan {
  background-color: #2F2D33;
  color: white;
}

.rate-plan-bubble {
  vertical-align: text-bottom;
  font-size: 13px;
  padding: 1px 6px;
  line-height: 18px;
}

.bubble-efficient {
  background: linear-gradient(268.27deg, #8340C7 -0.4%, #EA3068 53.09%, #FF9E59 99.6%);
  color: white;
}

.bubble-individual {
  color: #FFD57A;
  background-color: rgba(255, 255, 255, 0.2);
}

.vk-btn-new {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #a4bbd3;
  color: #4A76A8;
}

.vk-btn-new:hover {
  border: 1px solid #6e91b9;
}

.afterpayment-icon {
  height: 100%;
  margin-right: 18px;
}

.afterpayment-sub-title {
  margin-bottom: 6px;
}

.afterpayment-sub-description span {
  padding: 0 8px 0 5px;
  border-right: 1.5px rgba(36, 34, 41, 0.2) solid;
}

.afterpayment-sub-description span:first-of-type {
  padding-left: 0;
}

.afterpayment-sub-description span:last-of-type {
  border: none;
}

.afterpayment-info p, .afterpayment-info span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.afterpayment-socials {
  padding: 16px 24px;
  background-color: #F8F7FA;
  border-radius: 10px;
}

.afterpayment-socials p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.afterpayment-socials .social-icons {
  padding: 1rem 0 0 0;
  display: flex;
  flex-direction: row;
  gap: 6px;
}

@media (min-width: 992px) {
  .afterpayment-socials .social-icons {
    padding-left: 1.5rem;
  }
}
.afterpayment-video {
  width: 100%;
  height: 50vh;
  border-radius: 16px;
}

.middot {
  margin: 0 6px;
}

.btn-new {
  border-radius: 8px;
}

.btn-new-2 {
  border-radius: 6px;
  font-size: 16px;
}

.pay-btn-lg {
  min-height: 56px;
}

.rp-cards-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.feature-row {
  display: flex;
  align-items: flex-start;
  line-height: 18px;
  font-size: 13px;
}

.feature-row-icon {
  margin-top: 6px;
  margin-right: 6px;
}

.lesson-row {
  background-color: #f7f6f5;
}

.middot {
  margin: 0 6px;
}

.btn-new {
  border-radius: 8px;
}

.attach-file-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}

.attach-file-button {
  display: flex;
  background-color: transparent;
  padding: 7px;
  color: #FF962E;
}

.cell-content .buttons-container {
  display: flex;
  flex-direction: row;
  height: 30px;
  margin-top: 5px;
}

.edit-coins-btn {
  padding: 5px 8px;
  background: rgba(37, 37, 37, 0.06);
  border-radius: 6px;
}

.edit-coins-btn .text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.edit-coins-btn:hover {
  background: rgba(52, 26, 17, 0.13);
}

.buttons-container .button {
  padding: 5px 10px;
  background: rgba(37, 37, 37, 0.06);
  border-radius: 6px;
  margin-right: 8px;
}

.buttons-container .button .text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.buttons-container .button:hover {
  background: rgba(52, 26, 17, 0.13);
}

.change-group-modal .text-container {
  padding-top: 12px;
  padding-bottom: 12px;
}

.text-container .course {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #252525;
}

.text-container .delimiter-6 {
  width: 100%;
  height: 6px;
  background: #252525;
  opacity: 0;
}

.text-container .group-container {
  display: flex;
  flex-direction: row;
  height: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.group-container .current {
  color: rgba(37, 37, 37, 0.6);
  align-self: center;
}

.group-container .title-container {
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  order: 1;
}

.title-container .title {
  height: 20px;
  color: #252525;
  order: 0;
}

.title-container .count {
  padding-left: 10px;
  color: rgba(37, 37, 37, 0.6);
  order: 1;
  align-self: center;
}

span.action-error {
  height: 14px;
  width: 100%;
  bottom: 0px;
  right: 25%;
  font-size: 12px;
  line-height: 14px;
  color: #D62F2F;
  text-align: right;
  opacity: 0;
}

.new-tooltip {
  padding: 16px 20px;
  border-radius: 8px;
}

.new-tooltip-inner {
  background-color: unset;
  padding: 0;
  font-size: 15px;
  line-height: 22px;
  max-width: 360px;
}

.new-tooltip-black {
  background: rgba(37, 37, 37, 0.95);
}

.change-teacher-content {
  position: absolute;
  width: 70%;
  right: 15%;
  height: 55%;
  min-height: 340px;
  max-height: 340px;
}

.content-header .title {
  position: absolute;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #252525;
}

.teachers-container {
  display: flex;
  position: absolute;
  width: 95%;
  min-height: 190px;
  bottom: 10%;
  overflow: hidden;
  overflow-x: scroll;
}

.change-teacher-content .filters {
  display: inline-flex;
  position: absolute;
  top: 18%;
  overflow: hidden;
}

@media (max-width: 420px) {
  .filter-product {
    min-width: 120px;
  }
  .filter-product .select2 {
    min-width: 120px;
  }
  .filter-class .select2 {
    min-width: 100px;
  }
  .change-teacher-content .filters {
    width: 80%;
  }
  .teachers-container {
    width: 90%;
  }
}
.filter-class .select2 {
  min-width: 120px;
}

.filter-group .select2 .select2-selection__rendered {
  font-size: 14px;
  line-height: 24px;
}

.filter-group .select2 .select2-selection--single {
  height: 52px;
}

.teacher {
  width: 194px;
  height: 190px;
  min-width: 194px;
  min-height: 190px;
}

.teacher.intangible {
  display: none;
}

.teacher + .teacher {
  margin-left: 12px;
}

.teacher .rectangle {
  height: 190px;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 8px;
}

.teacher .name {
  position: absolute;
  width: 196px;
  height: 20px;
  top: 98px;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: #252525;
}

.teacher .checked {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: 165px;
  margin-top: 12px;
}

.teacher .checked .ellipse {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background: #F08522;
}

.teacher .checked .checkmark {
  position: absolute;
  width: 5px;
  height: 8px;
  left: 35%;
  top: 20%;
  border: 2px solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.teacher .avatar {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 16px;
  margin-left: 61px;
  border-radius: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}

.teacher .button {
  position: absolute;
  width: 178px;
  height: 36px;
  bottom: 12px;
  margin-left: 8px;
}

.teacher .button .text {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  left: 0%;
  top: 25%;
  color: #FFFFFF;
}

.feature-row-icon {
  margin-top: 6px;
  margin-right: 6px;
}

.current-rp {
  background-color: #f8f8f8;
}

.light-gray-row {
  background-color: #f8f8f8;
}

.underline-gray {
  background: rgba(37, 37, 37, 0.06);
}

.freeWebs-ctypes-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
}

.tag {
  background-color: rgba(36, 34, 41, 0.06);
  color: black;
  border-radius: 15px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 18px;
}

.tag-gradient {
  background: linear-gradient(268.27deg, #FF9E59 5.33%, #EA3068 53.09%, #8340C7 99.6%);
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  color: white;
  padding: 3px 6px;
}

.tag-md {
  white-space: nowrap;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 13px;
  line-height: 16px;
}

.tag-orange {
  background-color: #F08522;
  color: white;
}

.tag-14 {
  white-space: nowrap;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 6px;
}

.bg-light-green {
  background: #d8f0db;
}

.tag-red-outline {
  border: 1px solid #D62F2F;
  color: #D62F2F;
  position: relative;
}

.tag-online {
  padding-left: 18px;
}

.tag-online:before {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #D62F2F;
  left: 6px;
  top: 6px;
  animation: 2s blink ease infinite;
}

@media (max-width: 530px) {
  .freeWebs-ctypes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .gray-row {
    padding: 16px;
  }
}
@media (max-width: 340px) {
  .freeWebs-ctypes-grid {
    grid-template-columns: auto;
  }
}
.mouse-icon {
  display: block;
  margin: 10px auto auto;
  animation: mouse-bounce 1s infinite;
}

@keyframes mouse-bounce {
  0% {
    margin-top: 10px;
  }
  50% {
    margin-top: 14px;
  }
  100% {
    margin-top: 10px;
  }
}
.birthday-message-sent {
  cursor: pointer;
}

.birthday-message-sent:hover path {
  fill-opacity: 1;
  stroke-opacity: 1;
}

.birthday-message-sent:hover::after {
  content: "Поздравили";
  position: absolute;
  top: -100%;
  left: -35%;
  color: white;
  font-size: 14px;
  padding: 3px 6px;
  background: rgba(37, 37, 37, 0.9);
  border-radius: 4px;
}

.comments-template {
  overflow-y: auto;
}

.comments-template-item {
  display: flex;
  justify-content: space-between;
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 16px;
  margin: 8px;
}

.comments-template-item:hover {
  cursor: pointer;
  background: rgba(52, 26, 17, 0.08);
}

.comments-template-item .controls {
  display: flex;
  cursor: pointer;
}

.comments-template-item .controls div {
  padding: 0 5px;
}

.comments-template-item .controls div:first-child {
  margin-right: 10px;
}

.round-6 {
  border-radius: 6px;
}

.round-11 {
  border-radius: 11px;
}

.view-switcher {
  transition: all 300ms;
}

.view-switcher:hover {
  background-color: #f2f2f2;
}

.new-popover-card {
  padding: 20px 24px;
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.12), 0px 12px 32px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04);
}

.option-orange {
  background-color: rgba(253, 189, 92, 0.3);
  color: rgba(37, 37, 37, 0.8);
}

.option-light-blue {
  background-color: #dcebf5;
  color: rgba(37, 37, 37, 0.8);
}

.option-light-green {
  background-color: #d8f0db;
  color: rgba(37, 37, 37, 0.8);
}

.option-dark-blue {
  background: linear-gradient(267.71deg, #4C64FF 0.53%, #24A3FF 100.53%);
  color: #FFFFFF;
}

.popover {
  max-width: none;
}

.umcoins-history-table {
  font-size: 14px;
}

.umcoins-history-table th {
  color: rgba(36, 34, 41, 0.45);
  font-weight: normal;
}

.umcoins-history-table .amount {
  text-align: right;
}

.umcoins-history-table tbody td {
  border-bottom: 1px solid #dee2e6;
}

.btn-gray-outline .text {
  color: rgba(37, 37, 37, 0.6);
}

.btn-gray-outline .text:hover {
  color: white;
}

.button.tag-red-outline:hover {
  background: red;
  color: white;
}

.um-paginator {
  display: flex;
}

.um-page-cell {
  display: block;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 16px;
  margin: 0 3px 0 3px;
  padding: 0 4px;
  cursor: pointer;
  text-align: center;
  user-select: none;
}

.um-page-current {
  background-color: #FF962E;
  color: #FFFFFF;
}

.um-page-ellipsis {
  font-size: 14px;
  color: rgba(37, 37, 37, 0.3);
}

.mini-input {
  width: 200px;
}

.socials {
  display: flex;
  justify-content: space-between;
  background: rgba(37, 37, 37, 0.03);
  border-radius: 10px;
  padding: 16px 24px;
  margin-bottom: 40px;
}

.socials p {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.teacher-feedback .video-container {
  display: flex;
  flex-flow: row wrap;
}

.teacher-feedback .plyr {
  width: 100%;
  border-radius: 10px;
  border: none;
  margin-bottom: 16px;
}

@media (min-width: 976px) {
  .teacher-feedback .plyr {
    width: 348px;
    height: 200px;
  }
  .teacher-feedback .plyr:nth-of-type(2n - 1) {
    margin-right: 16px;
  }
}
.teacher-feedback .plyr.plyr--stopped .plyr__controls {
  display: none;
}

.teacher-feedback .image-wrapper {
  border: none;
  border-radius: 10px;
  margin-bottom: 8px;
}

@media (min-width: 976px) {
  .teacher-feedback .image-wrapper {
    box-shadow: 0 8px 48px rgba(0, 0, 0, 0.02), 0 3px 5px rgba(0, 0, 0, 0.03), 0 6px 12px rgba(0, 0, 0, 0.04), 0 12px 28px rgba(0, 0, 0, 0.06);
    position: absolute;
    width: max-content;
  }
}
.teacher-feedback .image-wrapper:hover {
  z-index: 10;
}

.teacher-feedback .image-wrapper img {
  width: 100%;
  border-radius: 10px;
}

.d-if-empty-list {
  display: none;
}

.modal-long {
  overflow-y: scroll;
}

.guest-side-menu-wrapper {
  position: relative;
  transition: 0.3s;
}

.guest-side-menu {
  transition: 0.3s;
}

.guest-side-menu-wrapper:hover .guest-side-menu-sheet {
  opacity: 1;
}

.guest-side-menu-wrapper:hover .guest-side-menu {
  opacity: 0.5;
}

.guest-side-menu-sheet {
  position: absolute;
  display: flex;
  align-items: center;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1030;
  transition: opacity 0.3s;
}

.guest-side-menu-inner {
  flex: 1;
}

.register-side-menu {
  padding: 12px 16px;
}

.action-set-upsale:hover path {
  stroke-opacity: 0.6;
  fill-opacity: 0.6;
}

.action-set-upsale.active:first-of-type path:first-of-type {
  stroke: #F08522;
  stroke-opacity: 1;
}

.action-set-upsale.active path:not(:first-of-type) {
  fill-opacity: 1;
  fill: #F08522;
}

.select2_small-text {
  font-size: 14px;
}

.grades-table-container {
  margin: 32px -32px 0px -32px;
}

.grades-table {
  width: 100%;
  background-color: #FFF;
  display: block;
}
.grades-table thead {
  display: block;
  overflow: hidden;
}
.grades-table tbody {
  display: block;
  overflow: scroll;
  max-height: 800px;
}
.grades-table .ordering-arrow {
  opacity: 0;
}
.grades-table .grades-table-prepend-header td:hover .ordering-arrow {
  opacity: 1;
}

.grades-table .unavailable-hw {
  background-color: #F8F8F8;
}

.grades-table-row {
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #EEEEEE;
}

.grades-table-user {
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  padding: 17px 15px 20px 24px;
  left: 0;
  width: 392px;
  border-right: 1px solid #EEEEEE;
}

@media (max-width: 600px) {
  .grades-table-user {
    width: 250px;
  }
}
.grades-table-point {
  min-width: 106px;
  text-align: center;
  border-right: 1px solid #EEEEEE;
}

.grades-table-points-container {
  width: 100%;
  display: flex;
}

.grid-hack {
  display: grid;
  grid-template-columns: 1fr;
  flex-grow: 1;
}

.grades-table-earned {
  font-size: 16px;
  font-weight: bold;
}

.grades-table-pos {
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 11px;
  border-radius: 6px;
  background-color: rgba(37, 37, 37, 0.06);
}

.grade-table-pos-top {
  background-color: #E2FAEC;
  color: #259F56;
}

.grades-current-user {
  background-color: #F8F8F8;
}

.grades-table-header {
  font-size: 13px;
  color: rgba(36, 34, 41, 0.3);
  border-right: 1px solid #EEEEEE;
}

.grades-table-mock-header {
  position: sticky;
  left: 0;
  padding: 12px 16px;
  background-color: #F8F8F8;
  border-right: 1px solid #EEEEEE;
}

.life-history-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 8px;
  border-bottom: 1px solid #eaeaea;
}

.life-history-row .reason-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.life-history-icon {
  flex: 0 0 15%;
}

.life-history-text {
  flex: 1;
}

.grades-table-prepend-header {
  background-color: #F8F8F8;
}

.popover-item-orange:hover {
  background-color: #fdf3e1;
}

.btn-orange-outline:focus .button-drop-icon path,
.btn-orange-outline:hover .button-drop-icon path {
  fill: white;
}

@media (min-width: 991px) {
  /*************** SCROLLBAR BASE CSS ***************/
  .scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
  }
  .scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
  }
  .scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  .scroll-element {
    display: none;
  }
  .scroll-element, .scroll-element div {
    box-sizing: content-box;
  }
  .scroll-element.scroll-x.scroll-scrollx_visible,
  .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
  }
  /*************** SIMPLE INNER SCROLLBAR ***************/
  .scrollbar-inner > .scroll-element,
  .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
  }
  .scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
  }
  .scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 3px;
    left: 0;
    width: 100%;
  }
  .scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 5px;
  }
  .scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
  }
  .scrollbar-inner > .scroll-element .scroll-element_outer,
  .scrollbar-inner > .scroll-element .scroll-element_track,
  .scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: transparent;
  }
  .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #242229;
    opacity: 0.16;
    display: none;
  }
  .scrollbar-inner:hover > .scroll-element .scroll-bar {
    display: block;
  }
  .scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #F08522;
  }
  .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
  }
  /* update scrollbar offset if both scrolls are visible */
  .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
  }
  .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
  }
  .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
  }
  .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
  }
}
.rating-buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.rating-buttons > * {
  text-align: center;
  width: 50%;
}

.darker-gray-divider {
  height: 1px;
  width: 100%;
  background-color: rgba(36, 34, 41, 0.12);
}

.modal-footer-control > button:not(:last-of-type) {
  margin-bottom: 1rem;
}

.modal-height-md .list-container {
  height: 65vh;
}

@media (min-width: 991px) {
  .modal-footer-control > button:not(:last-of-type) {
    margin-bottom: 0;
  }
  .modal-footer-control > button:first-of-type {
    margin-right: 10px;
  }
  /* Прикольно, когда есть куча модалок разных размеров, вау */
  .modal-md {
    max-width: 560px;
  }
  .modal-md-larger {
    max-width: 640px;
  }
  .modal-height-md .list-container {
    height: 30vh;
  }
}
.mt-12px {
  margin-top: 12px;
}

.curator-status-container {
  display: flex;
}

.curator-status-item {
  display: flex;
  align-items: center;
}

.curator-status-item:not(:last-of-type) {
  margin-right: 16px;
}

.curator-status-icon-container {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.mid {
  margin: 0 12px;
}

.curator-group-title {
  font-weight: 400;
  margin-right: 4px;
}

.curator-group-count {
  width: 16px;
}

.square-link {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}

.square-link-gray {
  background: rgba(36, 34, 41, 0.06);
}

.col-20pct {
  max-width: 20%;
  flex: 0 0 20%;
}

.col-13pct {
  max-width: 13%;
  flex: 0 0 13%;
}

.col-11pct {
  max-width: 11%;
  flex: 0 0 11%;
}

.col-5pct {
  max-width: 5%;
  flex: 0 0 5%;
}

.new-table-row {
  padding: 14px 0px;
  border-bottom: 1px solid #e9e9e9;
}

.tag-gray {
  background-color: rgba(36, 34, 41, 0.06);
}

.tag-light-gray {
  color: #FFFFFF;
  background: rgba(36, 34, 41, 0.4509803922);
  width: 133px;
  height: 24px;
  padding: 2px 8px;
  gap: 10px;
  border-radius: 4px 0px 0px 0px;
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}

.col-p-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.col-p-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.on-rv-load {
  display: none;
}

.row-8 {
  margin-right: -8px;
  margin-left: -8px;
}

.row-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.disabled-input {
  background-color: #F2F2F2;
}

.holiday-header {
  text-align: center;
  background: url("../assets/snow_pattern.png") repeat;
  font-size: 15px;
  font-weight: 700;
  color: white;
  padding: 6px 0;
  user-select: none;
}

.holiday-header .text-wrapper {
  margin: 0 auto;
  max-width: max-content;
  padding: 3px 8px;
  background-color: #8DBEE7;
}

.holiday-header .text-wrapper span:first-child {
  font-size: 20px;
  line-height: 8px;
  margin-right: 10px;
}

.lesson-download-link {
  padding: 4px;
  color: #F08522;
  font-weight: 500;
  font-size: 16px;
}

.lesson-download-link:hover {
  color: #ae6928;
}

/* assume button has svg */
.icon-button-orange-outline:hover path {
  stroke: #FFFFFF;
}

.live-offer-container {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.offer-description {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.offer-title {
  font-size: 18px;
  font-weight: 500;
}

.offer-discount {
  background-color: #D62F2F;
  border-radius: 12px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.button-dark-gray {
  background-color: #424547;
  color: #fff;
}

.live-offer-label-container {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.live-offer-label {
  width: auto;
  color: #FFFFFF;
  background: url("../assets/svg/trapezium.svg") no-repeat bottom;
  background-size: cover;
  padding: 0px 24px;
  margin: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}

.live-offer-label-text {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.header-stretch {
  padding: 0 32px;
}

[v-cloak] {
  opacity: 0;
}

.base-task-filter-long .select2 {
  max-width: initial;
}

.base-task-filter-first .select2 {
  min-width: initial;
  max-width: initial;
}

.modal .add-from-base-modal-size {
  max-width: 1040px;
}

.cookie-text-custom {
  color: #000;
  font-family: "Ubuntu", serif;
  font-size: 13px;
  margin-bottom: 15px;
  text-align: center;
}

.cookie-button-custom {
  font-family: "Ubuntu", serif;
  padding: 11px 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.2s;
  cursor: pointer;
  border: 0;
  color: #242229;
  background: rgba(36, 34, 41, 0.06);
  width: 100%;
}

.text-gray {
  text-align: start;
  color: rgba(36, 34, 41, 0.6);
}

.text-gray-custom {
  text-align: center;
  color: rgba(36, 34, 41, 0.6);
  font-size: 11px;
}

.ny-modal .modal-body {
  padding: 24px 32px;
}

.add-task-filter-container .select2 {
  max-width: none;
  min-width: 250px;
}

.dashed-link {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px dashed rgba(36, 34, 41, 0.2);
  cursor: pointer;
}

.profile-modal .counter {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-right: 12px;
}

.profile-modal .dashed-link {
  color: rgba(36, 34, 41, 0.3);
}

.profile-modal .promo-content iframe,
.profile-modal .promo-content textarea,
.profile-modal .promo-content img {
  width: 100%;
}

.profile-modal iframe {
  height: 55vh;
}

.profile-modal textarea {
  min-height: 112px;
  resize: none;
  border-radius: 6px;
  border: 1px solid rgba(36, 34, 41, 0.12);
}

/* Замена для комбинаций типа d-none d-lg-block */
.if-mobile-block {
  display: block !important;
}

.if-mobile-flex {
  display: flex !important;
}

.if-mobile-inline {
  display: inline !important;
}

.if-desktop-block,
.if-desktop-flex,
.if-desktop-inline {
  display: none !important;
}

@media (min-width: 991px) {
  .if-mobile-block,
  .if-mobile-flex,
  .if-mobile-inline {
    display: none !important;
  }
  .if-desktop-block {
    display: block !important;
  }
  .if-desktop-flex {
    display: flex !important;
  }
  .if-desktop-inline {
    display: inline !important;
  }
}
.lesson-attachments-container {
  display: block;
  margin-bottom: 40px;
}

.lesson-attachments-container div {
  display: flex;
}

.lesson-attachments-container a {
  width: 100%;
}

.lesson-attachments-container div:last-of-type {
  margin-top: 8px;
  margin-left: 0;
}

@media (min-width: 440px) {
  .lesson-attachments-container {
    display: flex;
  }
  .lesson-attachments-container div:last-of-type {
    margin-top: 0;
    margin-left: 8px;
  }
}
.lesson-preview .plyr {
  border-radius: 8px;
}

.ytPlayerBlocker {
  width: 90%;
  height: 70px;
  position: absolute;
  display: block;
  top: 65px;
  z-index: 10;
}

@media (min-width: 991px) {
  .ytPlayerBlocker {
    top: 140px;
    height: 100px;
    width: 100%;
  }
}
.round-cell {
  display: block;
  font-size: 15px;
  line-height: 22px;
  height: 30px;
  min-width: 30px;
  border-radius: 15px;
  padding: 4px 9px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  user-select: none;
}

.lh-20 {
  line-height: 20px;
}

.lh-18 {
  line-height: 18px;
}

.f-15 {
  font-size: 15px;
}

.modal-512 {
  max-width: 512px;
}

.modal-368 {
  max-width: 368px;
}

.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  opacity: 0.3;
}

.ihw-tuner-nav .search_nav {
  border: 0;
}

.ihw-tuner-nav .nav-text {
  margin: auto;
}

.ihw-tuner-nav .nav-text {
  margin-bottom: 8px;
}

.underline-nav-extra {
  font-size: 15px;
  font-weight: normal;
  color: rgba(36, 34, 41, 0.45);
}

.group-switch {
  display: flex;
  flex-wrap: nowrap;
}

.group-switch-item {
  flex: 1;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid #E6E5EA;
  cursor: pointer;
}

.group-switch-item:not(:last) {
  border-right: none;
}

.group-switch-item-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.group-switch-item-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.group-switch-text {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin: auto;
}

.counter-btn {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(36, 34, 41, 0.12);
  border-radius: 50%;
}

.counter-field {
  padding: 7px 8px;
  border: 1px solid rgba(36, 34, 41, 0.12);
  border-radius: 6px;
  text-align: center;
}

.ihw-diff-level-range {
  position: relative;
  height: 10px;
  border-radius: 8px;
  background: linear-gradient(90deg, #66CEE5 0%, #3DDDD3 25.37%, #30CB77 50.37%, #FFBF1C 77.97%, #F83D5F 100%), linear-gradient(90deg, #77E7FF 0%, #2EDBD0 25.37%, #37CA7A 50.37%, #FFC32A 77.97%, #FA4969 100%);
}

.ihw-diff-level-slider {
  position: absolute;
  width: 38px;
  height: 38px;
  background: #FFFFFF;
  box-shadow: 0px 0px 32px rgba(36, 39, 42, 0.08), 0px 8px 16px rgba(36, 39, 42, 0.08), 0px 3px 5px rgba(36, 39, 42, 0.03);
  border-radius: 20px;
  padding: 5px;
  transform: translate(-16px, -16px);
}

.ihw-loading {
  width: 104px;
  height: 104px;
}

.tag-vk {
  background-color: #3F8AE0;
  color: white;
}

.tag-tg {
  background-color: #0088CC;
  color: white;
}

.tag-whatsapp {
  background-color: #25D366;
  color: white;
}

.no-purchase-empty .empty-inner {
  margin: 32px auto 0;
}

.no-purchase-empty .empty-inner p {
  font-weight: normal;
  font-size: 15px;
  width: 70%;
  margin: 0 auto;
}

.no-purchase-empty .empty-inner a {
  display: flex;
  width: fit-content;
  margin: 24px auto;
}

.ml-32 {
  margin-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.header-profile-popover {
  width: 216px;
}

.homework-task-splitter {
  margin: 24px 0 32px 0;
  background-image: linear-gradient(to right, rgba(37, 37, 37, 0.4) 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  height: 1px;
}

.homework-exercise .fr-view p {
  margin: 0;
}

.rcm-cell {
  background-color: #f6f6f6;
}

.child-lesson {
  margin-left: 54px;
}

.selected-subjects-count {
  margin-left: 6px;
  color: rgba(37, 37, 37, 0.45);
}

#chat-content .content-header {
  justify-content: unset;
}

#chat-content .content-header .right-block {
  display: flex;
  position: absolute;
  right: 0%;
}

.right-block .filters {
  margin-right: 1vh;
}

.right-block .filters .date {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-radius: 6px;
  height: 100%;
  width: 22%;
  float: right;
  display: flex;
}

.grey-text {
  color: rgba(36, 34, 41, 0.45);
}

.date .input-time {
  width: 75%;
  text-align: center;
  margin-top: 2px;
}

.date .input-time input[type=text] {
  width: 100%;
  border: none;
  margin-right: 20px;
}

.date .placeholder {
  color: rgba(0, 0, 0, 0.12);
  margin-left: 10px;
  width: 25%;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}

.modal-throbber p {
  font-size: 15px;
  font-weight: 400;
}

.modal-throbber img {
  width: 80px;
  height: 80px;
}

.submission-expand-toggler img {
  transition: 0.2s;
}

.done-submission-row {
  background-color: #F0FAF2;
}

.link-gray {
  font-size: 12px;
  font-weight: 500;
  color: rgba(36, 34, 41, 0.45);
  cursor: pointer;
}

.modal .modal-917 {
  max-width: initial;
  width: 917px;
}

.pdf-download-link {
  color: #007bff !important;
  cursor: pointer;
}

.pdf-download-link:hover {
  color: #00abff !important;
}

.subscription-button {
  display: none;
}

.iti {
  display: block;
  width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: #FFFFFF;
  font-size: 14px;
}

/*Всплывающие, маленькие уведомления в левом нижнем углу*/
.notice {
  width: 304px;
  height: 314px;
  background-color: #fff;
  position: fixed;
  left: 24px;
  bottom: 24px;
  border-radius: 16px;
  z-index: 999;
  display: none;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.04), 0px 12px 48px rgba(0, 0, 0, 0.04);
  padding: 0;
}

.notice .notice-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.notice .notice-content .logo {
  height: 60%;
  text-align: center;
}

.notice .notice-content .logo img {
  max-width: 100%;
  width: 176px;
}

.notice .notice-content .slogan {
  text-align: center;
  height: 20%;
}

.notice .notice-content .notice-button {
  display: flex;
  /*flex-direction: row;*/
  align-items: flex-end;
  height: 20%;
}

.notice .notice-content .notice-button button {
  width: 100%;
}

.notice button.close {
  position: absolute;
  right: 15px;
  top: 15px;
}

.notice button.close span {
  color: rgba(36, 34, 41, 0.3);
  font-weight: 200;
  font-size: 38px;
  display: block;
  line-height: 16px;
}

.notice.notice-show {
  display: block;
  animation-duration: 1s;
  animation-name: notice-show;
}

.notice.notice-hide {
  display: block;
  animation-duration: 0.5s;
  animation-name: notice-hide;
  animation-fill-mode: forwards;
}

@keyframes notice-show {
  from {
    display: none;
    opacity: 0;
    bottom: -100px;
  }
  to {
    opacity: 1;
    bottom: 24px;
  }
  1% {
    display: block;
  }
  60% {
    bottom: 50px;
  }
}
@keyframes notice-hide {
  from {
    display: block;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
@media (max-width: 425px) {
  .notice {
    width: 96%;
    bottom: 10px;
    left: 2%;
    right: 2%;
  }
  @keyframes notice-show {
    from {
      display: none;
      opacity: 0;
      bottom: -100px;
    }
    to {
      opacity: 1;
      bottom: 10px;
    }
    1% {
      display: block;
    }
    60% {
      bottom: 50px;
    }
  }
}
/* Странициа переноса на университет */
.university-page .benefit .benefit-content h5 {
  font-weight: 500;
  font-size: 18px;
}

.university-page .benefit .benefit-content span {
  font-size: 14px;
  line-height: 14px;
}

.university-page .benefit .benefit-logo img {
  max-width: 100%;
  width: 320px;
}

.university-page .gray-row {
  margin-top: 80px;
  margin-bottom: 0;
}

.university-page .gray-row p {
  margin-right: 5px;
}

.university-page .line {
  height: 1px;
  background-color: #242229;
}

@media (max-width: 791px) {
  .university-page .gray-row p {
    margin-right: 0;
  }
}
.flexible {
  display: inline-flex;
}

.unread-notify-counter {
  position: absolute !important;
  right: 0%;
  z-index: 1;
  background: #F23E3E;
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  border-color: white;
  border-width: 1px;
  border-style: solid;
  color: white;
  padding-top: 1px;
  padding-right: 4px;
}

.unread-notify-counter.overlimit {
  padding-right: 0px !important;
}

.header-notify-popover {
  width: 406px;
  margin-right: 2vh;
}

.header-notify-popover .no-notifications {
  width: 100%;
  text-align: center;
}

.header-notify-popover .no-notifications .text {
  color: rgba(36, 34, 41, 0.45);
  font-size: 14px;
  line-height: 18px;
}

.header-notify-popover .header {
  width: 100%;
  padding: 10px;
  display: flex;
}

.header-notify-popover .header .buttons {
  position: absolute;
  top: 10px;
  right: 0px;
  padding-right: 30px;
  display: flex;
}

.popover-notify-readall {
  width: 131px;
  background: rgba(37, 37, 37, 0.9);
  border-radius: 6px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
}

.popover-notify-read {
  width: 110px;
  background: rgba(37, 37, 37, 0.9);
  border-radius: 6px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
}

.notify-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 12px 12px 12px 16px;
}

.notify-block .avatar {
  height: 42px;
  width: 42px;
}

.notify-block .layout {
  padding-left: 16px;
  width: 310px;
}

.notify-block .layout .text {
  width: 310px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notify-block .layout .date-time {
  font-size: 13px;
  line-height: 18px;
  color: rgba(36, 34, 41, 0.45);
}

.notify-block .icon {
  height: 15px;
  padding-top: 1px;
}

.notify-block .icon:hover {
  content: url("/static/core/assets/svg/notify-read-pointer-hover.svg");
}

.cursor-pointer {
  cursor: pointer;
}

.introjs-tooltipReferenceLayer * {
  font-family: "Ubuntu", sans-serif;
}

.introjs-tooltipReferenceLayer {
  transition: none;
}

.introjs-helperLayer {
  box-shadow: 0 0 0 0 rgba(33, 33, 33, 0.8), 0 0 0 5000px rgba(33, 33, 33, 0.6) !important;
}

.introjs-arrow.left {
  border-right-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.top {
  border-bottom-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.right {
  border-left-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.bottom {
  border-top-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.top-middle {
  border-bottom-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.bottom-middle {
  border-top-color: rgba(48, 48, 59, 0.97);
}

.introjs-arrow.top-right {
  border-bottom-color: rgba(48, 48, 59, 0.97);
}

.introjs-tooltip {
  border-radius: 8px;
  max-width: none;
}

.introjs-tooltiptext {
  padding: 0;
}

.introjs-progress {
  background: #FFF;
}

.onboarding .progressbar {
  background-color: #FF962E;
}

.introjs-tooltip-header {
  display: none;
}

.onboarding .progress {
  overflow: hidden;
  height: 5px;
  margin: 0;
  background-color: #ecf0f1;
}

.onboarding .header-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.onboarding .next-step-button {
  border-radius: 8px;
}

.onboarding .skip-button {
  border-radius: 8px;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.2);
}

.onboarding .end-onboarding-button {
  background-color: rgba(36, 34, 41, 0.04);
  color: rgb(247, 111, 0);
}

.onboarding .secondary-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.step {
  background-color: rgba(48, 48, 59, 0.97);
  border-radius: 8px;
  color: #FFF;
  font-size: 16px;
  padding: 16px 20px 20px;
}

.step1_1, .step1_1-poll-answered {
  background: linear-gradient(0deg, #FFEFC9, #FFEFC9), #FFE9BC;
  border-radius: 8px;
  width: 528px;
}

.step1_1 > div, .step1_1-poll-answered > div {
  padding: 24px 32px;
}

.step1_1 .text, .step1_1-poll-answered .text {
  background-color: #FFF;
  border-radius: 16px;
  padding: 12px 20px;
}

.step1_1 .textcloud, .step1_1-poll-answered .textcloud {
  position: relative;
  top: 20px;
  left: 3px;
}

.step1_1 .poll {
  background-color: #FFF;
  border-radius: 8px;
}

.step1_1 .control-buttons {
  display: flex;
  justify-content: space-between;
}

.step1_1 .control-buttons > button {
  width: 48%;
}

.step1_1 .reject-button, .step1_1-poll-answered .reject-button {
  background-color: inherit;
  color: rgba(36, 34, 41, 0.6);
  font-weight: 400;
}

.step1_1 .reject-button:hover, .step1_1-poll-answered .reject-button:hover {
  background-color: rgba(255, 150, 46, 0.1);
  color: rgb(247, 111, 0);
}

.step1_1 .poll-question:not(:last-child) {
  margin-bottom: 32px;
}

.step1_1 .poll-question-text {
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}

.step1_1 .poll label {
  background-color: rgba(36, 34, 41, 0.04);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 12px;
  width: 100%;
}

.step1_1 .poll input:checked + label {
  background-color: #FF962E;
  color: white;
}

.step1_1-poll-answered .control-buttons {
  display: flex;
}

.step2_1 {
  width: 270px;
}

.step2_2 {
  width: 330px;
}

.step3_1 {
  width: 668px;
}

.step3_1 .text-block {
  width: 60%;
}

.step3_2, .step4_1, .step4_3 {
  width: 334px;
}

.step4_2 {
  width: 470px;
}

.step5_3 {
  width: 310px;
}

.step6_1 {
  width: 430px;
}

.step6_2 {
  width: 400px;
}

.step7_2 {
  width: 332px;
}

.step7_3, .step8_7 {
  width: 300px;
}

.step8_1 {
  width: 710px;
}

.step8_2, .step8_4, .step8_5, .step8_6 {
  width: 290px;
}

.step8_3 {
  width: 403px;
}

.step9_1 {
  background-color: #FFF;
  color: rgb(36, 34, 41);
  width: 350px;
}

.rating {
  margin-top: 48px;
}

.rating-value label {
  margin-right: 6px;
}

.rating-value [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.rating-value [type=radio] + img {
  cursor: pointer;
}

.rating-value [type=radio]:not(:checked):not(:hover) + img {
  opacity: 0.7;
}

.rating-value .button {
  color: #F76F00;
  background-color: rgba(23, 22, 26, 0.04);
}

.rating-value .button:hover {
  background-color: rgba(23, 22, 26, 0.1);
}

.rating-value .button.active {
  color: white;
  background-color: #F76F00;
}

.rating-comment textarea {
  width: 100%;
  height: 112px;
  padding: 12px 14px;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid rgba(36, 34, 41, 0.12);
  border-radius: 8px;
  resize: none;
}

.request-status img {
  height: fit-content;
}

.request-status-response {
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 34, 41, 0.6);
}

.student-rating-comment p:first-of-type {
  font-size: 13px;
}

.check-rating-card:not(:first-of-type) {
  border-top: 1px solid rgba(36, 34, 41, 0.06);
}

.student-rating-comment p {
  margin: 0;
  font-weight: 400;
}

.simple-input {
  border: 1px solid rgba(36, 34, 41, 0.12);
  box-sizing: border-box;
  border-radius: 6px;
  padding: 8px 12px;
}

.check-rating-head-feedback {
  background: rgba(36, 34, 41, 0.04);
  border-radius: 6px;
  padding: 12px 20px;
}

.check-rating-head-feedback p {
  margin: 0;
  font-weight: 400;
}

.payroll-stats {
  width: 100%;
}

.payroll-stats .outer-block, .payroll-stats .inner-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.payroll-stats .inner-block {
  background-color: #F8F7FA;
  padding: 16px 20px;
  border-radius: 12px;
}

.violet {
  color: #6664D7;
}

.payroll-stats .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
}

.payroll-stats .text-bold {
  font-weight: 700;
}

.payroll-stats .inner-info {
  display: flex;
  flex-direction: column;
}

.payroll-stats .text.grey-text {
  font-size: 12px;
  line-height: 14px;
}

.payroll-stats .text.grey-text + span {
  font-size: 18px;
  line-height: 26px;
}

.payroll-stats .emoji-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}

.payroll-stats .emoji-rating img {
  width: 14px;
  height: 14px;
}

.payroll-stats .emoji-rating img.active {
  width: 24px;
  height: 24px;
}

.table-rating-column {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.table-emojis img {
  width: 20px;
  height: 20px;
}

.life-system-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 20px;
  gap: 24px;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 10px;
}

.black-text-button {
  color: black !important;
}

.life-system-bar .secondary-text {
  font-size: 13px;
  font-weight: 400;
  color: rgba(36, 34, 41, 0.6);
}

.life-system-popover-content {
  background-color: rgba(37, 37, 37, 0.9);
  border-radius: 6px;
  font-family: "Ubuntu", sans-serif;
  color: #FFF;
  padding: 6px 12px;
  width: 340px;
}

.life-system-bar .heart-icon {
  content: url("../assets/gifs/heart_pretty_light.gif");
  height: 32px;
  width: 40px;
}

[class^=ckbx-style-] label:before {
  background-color: rgb(218, 217, 222);
  box-shadow: none;
}

[class^=ckbx-style-] input[type=checkbox]:checked + label:before {
  background-color: rgb(255, 150, 46);
}

.modal-body {
  overflow: hidden;
}

.modal-body span.select2-selection {
  width: 466px;
}

#life_system_enable_modal .modal-body,
#life_system_disable_modal .modal-body {
  font-size: 14px;
  padding: 20px 32px;
}

#life_system_enable_modal .subheader {
  font-weight: 500;
  font-size: 16px;
}

.info-block {
  background-color: rgba(36, 34, 41, 0.04);
  padding: 16px 24px;
  border-radius: 12px;
}

@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }
}
.pool-list-content {
  width: 100% !important;
  padding: 16px 0 !important;
}

@media (min-width: 992px) {
  .pool-list-content {
    padding: 16px 40px !important;
  }
}
.lesson-notification {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: 146px;
  height: 36px;
  border: 1px solid #FF962E;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #F76F00;
  cursor: pointer;
}

.lesson-notification[aria-describedby] .arrow {
  transform: rotate(180deg);
}

.card-form-credentials .simple-input {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 0 0 10px;
}

.card-form-credentials input {
  padding: 14px 12px;
}

.service-info span {
  color: #242229;
}

.service-block .service-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.service-block .teacher-info span {
  font-size: 12px;
  line-height: 14px;
  color: rgba(36, 34, 41, 0.3);
  margin-right: 8px;
}

.service-block.info-block {
  text-align: center;
}

.service-block .teacher-url {
  width: 48px;
}

@media (min-width: 767px) {
  .service-block.info-block {
    text-align: left;
  }
}
.new-radio-group {
  border-radius: 10px;
}

.new-radio-button.active {
  border-radius: 8px;
}

.pay-button {
  display: none;
  width: 100%;
  border-radius: 8px;
}

.pay-button.active {
  display: block;
}

.requisites-table {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.requisites-table td:first-of-type {
  padding-right: 12px;
  color: rgba(36, 34, 41, 0.6);
}

.requisites-page .bottom-info p {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: rgba(36, 34, 41, 0.6);
}

.requisites-page .bottom-info a {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 10px;
  height: fit-content;
}

.requisites-page .bottom-info .link-open {
  display: flex;
  margin-left: 10px;
}

.requisites-page .bottom-info a:hover .link-open path {
  fill: #F76F00;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #f09630;
}

input:focus + .slider {
  box-shadow: 0 0 1px #f09630;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

div.modal .modal-dialog.modal-380 {
  width: 380px;
}

.fw-500 {
  font-weight: 500;
}

.table-header-title {
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 34, 41, 0.3);
}

.products-transfer-page {
  max-width: 688px;
  padding: 16px;
}

@media (min-width: 720px) {
  .products-transfer-page {
    padding: 16px 0;
  }
}
.products-transfer-page .inner-layer {
  border-radius: 12px;
  background-color: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 7px rgba(0, 0, 0, 0.05);
}

.products-transfer-page main, .products-transfer-page header {
  background-color: transparent;
  padding: 32px 48px 12px;
}

.products-transfer-page p, .products-transfer-page a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.products-transfer-page a {
  border-bottom: 1px solid rgba(36, 34, 41, 0.12);
  color: #242229;
}

.products-transfer-page .links-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.products-transfer-page .links-list li {
  margin-bottom: 6px;
}

.products-transfer-page .info-block {
  margin-bottom: 8px;
}

#umit-table {
  position: relative;
}

#umit-table button.btn-transparent span {
  font-size: 14px;
  line-height: 20px;
}

#umit-table .umit-table-wrapper {
  margin-top: 8px;
}

#umit-table .umit-table-wrapper .umit-table-header, #umit-table .umit-table-wrapper .umit-table-item {
  display: grid;
  grid-template-columns: 2fr 10fr 1fr;
  font-size: 13px;
  line-height: 16px;
  align-items: center;
}

#umit-table .umit-table-wrapper .umit-table-header div, #umit-table .umit-table-wrapper .umit-table-item div {
  padding: 8px;
}

#umit-table .umit-table-wrapper .umit-table-header {
  background: rgba(36, 34, 41, 0.04);
}

#umit-table .umit-table-wrapper .umit-table-item {
  border-bottom: 1px solid rgba(36, 34, 41, 0.06);
}

#umit-table .umit-table-wrapper .umit-table-item .delete-btn {
  padding: 0;
}

#umit-table .umit-table-wrapper .umit-table-item .delete-btn button {
  background: transparent;
  cursor: pointer;
  padding: 0;
}

#umit-table .delete-modal {
  width: 100%;
  height: 100%;
  padding: 22px 32px;
}

#umit-table .delete-modal h2 {
  font-size: 18px;
  line-height: 26px;
}

#umit-table .delete-modal p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

#umit-table .delete-modal .buttons {
  margin-top: 30px;
}

#umit-table .delete-modal .buttons button {
  padding: 10px 28px;
}

#umit-table .delete-modal .buttons button.btn-outline-warning:hover {
  color: white !important;
}

#umit-table .umits-viewer {
  position: absolute;
  width: 548px;
  height: 480px;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 6px 16px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

#umit-table .umits-viewer .viewer-body {
  width: 100%;
  height: 100%;
}

#umit-table .umits-viewer .viewer-body .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 0 16px;
}

#umit-table .umits-viewer .viewer-body .header h6 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
}

#umit-table .umits-viewer .viewer-body .header .close {
  transition: opacity 0.2s;
  opacity: 0.3;
}

#umit-table .umits-viewer .viewer-body .header .close:hover {
  transition: opacity 0.2s;
  opacity: 0.7;
}

#umit-table .umits-viewer .viewer-body .search {
  position: relative;
  padding: 12px 16px 8px;
  border-bottom: 1px solid rgba(36, 34, 41, 0.12);
}

#umit-table .umits-viewer .viewer-body .search span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.45);
  display: block;
  padding: 5px 12px 5px 24px;
  background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 51.22%, rgba(255, 255, 255, 0.95) 87.77%, rgba(255, 255, 255, 0) 101.69%);
}

#umit-table .umits-viewer .viewer-body .search input {
  height: 40px;
}

#umit-table .umits-viewer .viewer-body .viewer-content {
  overflow-y: scroll;
  position: relative;
  width: 100%;
  height: calc(100% - 109px);
  padding: 12px 16px 0;
}

#umit-table .umits-viewer .viewer-body .viewer-content a.load-more {
  cursor: pointer;
}

#umit-table .umits-viewer .viewer-body .viewer-content .umit-item {
  width: 100%;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 8px;
  padding: 9px 12px;
  margin-bottom: 6px;
  cursor: pointer;
}

#umit-table .umits-viewer .viewer-body .viewer-content .umit-item p, #umit-table .umits-viewer .viewer-body .viewer-content .umit-item h6, #umit-table .umits-viewer .viewer-body .viewer-content .umit-item span:not(.umit-added) {
  font-size: 13px;
  line-height: 16px;
}

#umit-table .umits-viewer .viewer-body .viewer-content .umit-item span.umit-added {
  color: #4ABC63;
  font-size: 12px;
  line-height: 14px;
}

#umit-table .umits-viewer .viewer-body .viewer-content .umit-item .umit-header h6 {
  color: #242229;
  margin-bottom: 4px;
}

#umit-table .umits-viewer .viewer-body .viewer-content .umit-item p {
  margin-bottom: 6px;
}

#umit-table .umits-viewer .viewer-body .viewer-content .card {
  border: none;
}

#umit-table .umits-viewer .viewer-body .viewer-content .card h6 button {
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #242229;
}

#umit-table .umits-viewer .viewer-body .viewer-content .card .card-body {
  padding: 8px 0;
}

#umit-table .umits-viewer .viewer-body .viewer-content .mass-link {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0px 0px 12px 12px;
  padding: 12px 16px;
}

#umit-table .umits-viewer .viewer-body .viewer-content .mass-link button span {
  color: rgba(255, 255, 255, 0.6);
}

.standalone-widget-content {
  margin-top: 4px;
  padding: 16px 0;
  background: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 7px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

@media (min-width: 576px) {
  .standalone-widget-content {
    margin-top: 8px;
    padding: 16px 24px;
  }
}
@media (min-width: 992px) {
  .standalone-widget-content {
    margin-top: 16px;
    padding: 40px 48px;
  }
}
.user-avatar {
  width: 96px;
  height: 96px;
  background-size: cover;
}

.life-charge-modal .modal-content {
  width: 432px;
}

.life-charge-modal .life-charge-header .charge-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

.life-charge-modal .life-charge-header .member-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

ul.custom-collapse {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 3px;
  border-radius: 10px;
  list-style-type: none;
  gap: 8px;
}

ul.custom-collapse li.custom-collapse-item {
  position: relative;
  border-radius: 8px;
}

ul.custom-collapse li.custom-collapse-item input[type=radio], ul.custom-collapse li.custom-collapse-item input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  height: 0;
  width: 0;
}

ul.custom-collapse li.custom-collapse-item input[type=radio]:checked + label, ul.custom-collapse li.custom-collapse-item input[type=checkbox]:checked + label {
  transition: all 0.3s;
  background: #73717A;
  color: #FFFFFF;
}

ul.custom-collapse li.custom-collapse-item label {
  background: rgba(36, 34, 41, 0.04);
  color: rgba(36, 34, 41, 0.6);
  margin-bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 20px;
  transition: all 0.4s;
}

ul.custom-collapse li.custom-collapse-item label:hover {
  cursor: pointer;
}

.outline-dot {
  border-radius: 50%;
  border: 1px solid;
  padding: 11px;
  width: 30px;
  height: 30px;
}

.outline-dot .dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.outline-dot.gray {
  border-color: rgba(36, 34, 41, 0.3);
}

.outline-dot.gray .dot {
  background-color: rgba(36, 34, 41, 0.45);
}

.outline-dot.red {
  border-color: #F23E3E;
}

.outline-dot.red .dot {
  background-color: #F23E3E;
}

.outline-dot.green {
  border-color: #4ABC63;
}

.outline-dot.green .dot {
  background-color: #4ABC63;
}

@media (max-width: 768px) {
  .education-process {
    padding-bottom: 74px;
  }
}
.education-process .canvas-wrapper.r-30 {
  width: 30px;
  height: 30px;
}

.education-process .canvas-wrapper.r-30 canvas {
  width: 30px !important;
  height: 30px !important;
}

.education-process .info-block-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 8px;
}

@media (max-width: 768px) {
  .education-process .info-block-grid {
    grid-template-columns: 1fr;
  }
}
.education-process .umits {
  position: relative;
}

.education-process .umits .info-block p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0;
}

.education-process .umits .umit-topics-lining {
  width: 100%;
  opacity: 0;
  background-color: transparent;
}

.education-process .umits .umit-topics {
  position: absolute;
  width: calc(100% - 36px);
  left: 50%;
  height: auto;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 1;
  padding: 20px 24px;
  top: 0;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 6px 16px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.12);
}

.education-process .umits .umit-topics .topic-item .info-block {
  background: transparent;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  justify-content: space-between;
}

.education-process .umits .umit-topics .topic-item .info-block button {
  padding: 0;
}

.education-process .umits .umit-topics .topic-item.umit-group-selected .selected-orange, .education-process .umits .umit-topics .topic-item.umit-group-selected.selected-orange {
  background: rgba(255, 150, 46, 0.06);
  border: 2px solid rgba(255, 150, 46, 0.45);
}

.education-process .umits .umit-topics .topic-item.umit-group-selected .selected-green, .education-process .umits .umit-topics .topic-item.umit-group-selected.selected-green {
  background: rgba(74, 188, 99, 0.06);
  border: 2px solid rgba(74, 188, 99, 0.45);
}

.education-process .umits .umit-topics .topic-item.umit-group-selected .selected-red, .education-process .umits .umit-topics .topic-item.umit-group-selected.selected-red {
  background: rgba(242, 62, 62, 0.06);
  border: 2px solid rgba(242, 62, 62, 0.45);
}

.education-process .umits .umit-topics .topic-item.umit-group-selected .selected-gray, .education-process .umits .umit-topics .topic-item.umit-group-selected.selected-gray {
  background: rgba(36, 34, 41, 0.06);
  border: 2px solid rgba(36, 34, 41, 0.45);
}

.education-process .umits .umit-topics .topic-item .subtopics {
  padding-left: 42px;
}

.education-process .umits .umit-topics .topic-item hr {
  width: 100%;
  background: rgba(36, 34, 41, 0.12);
  margin: 0;
}

.education-process .info-block {
  background: linear-gradient(0deg, #F7F9FC, #F7F9FC), #F7F8FA;
  margin-bottom: 8px;
  border: 2px solid transparent;
  height: 100%;
}

.education-process .info-block.subject-test p {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

.education-process .info-block.subject-test h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.education-process .info-block.subject-test a.button.btn-orange {
  min-width: 125px;
  color: #fff;
}

.education-process .info-block.umit-group-selected .selected-orange, .education-process .info-block.umit-group-selected.selected-orange {
  background: rgba(255, 150, 46, 0.06);
  border: 2px solid rgba(255, 150, 46, 0.45);
}

.education-process .info-block.umit-group-selected .selected-green, .education-process .info-block.umit-group-selected.selected-green {
  background: rgba(74, 188, 99, 0.06);
  border: 2px solid rgba(74, 188, 99, 0.45);
}

.education-process .info-block.umit-group-selected .selected-red, .education-process .info-block.umit-group-selected.selected-red {
  background: rgba(242, 62, 62, 0.06);
  border: 2px solid rgba(242, 62, 62, 0.45);
}

.education-process .info-block.umit-group-selected .selected-gray, .education-process .info-block.umit-group-selected.selected-gray {
  background: rgba(36, 34, 41, 0.06);
  border: 2px solid rgba(36, 34, 41, 0.45);
}

.education-process .info-block h6 {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: rgba(36, 34, 41, 0.45);
  margin-bottom: 20px;
}

.education-process .info-block .graphic-info .graphic-total .graph-name, .education-process .info-block .graphic-info .graphic-item .graph-name {
  font-size: 13px;
  line-height: 20px;
  color: rgba(36, 34, 41, 0.45);
}

.education-process .info-block .graphic-info .graphic-item .graph-color {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 6px;
}

.education-process .info-block .graphic-info .graphic-item .graph-color.red {
  background: red;
}

.education-process .info-block .graphic-info .graphic-item .graph-color.yellow {
  background: #FFC82F;
}

.education-process .info-block .graphic-info .graphic-item .graph-color.green {
  background: linear-gradient(0deg, #59CC8E, #59CC8E), linear-gradient(0deg, #76D0BD, #76D0BD), #64D0A3;
}

.education-process .info-block .graphic-info .graphic-item .graph-color.gray {
  background: #E6E5EA;
}

.education-process .info-block .graphic-total {
  width: calc(100% - 14px);
  margin-left: 14px;
}

.education-process .info-block .graphic-total hr {
  margin: 10px 0;
}

.education-process .info-block .recommends {
  font-size: 13px;
  line-height: 16px;
  color: rgba(36, 34, 41, 0.45);
  text-align: center;
}

.education-process .info-block.yellow-bg {
  background: rgba(255, 150, 46, 0.06);
  border: 2px solid rgba(255, 150, 46, 0.45);
}

.education-process .popup-informer.knowledge-informer {
  width: 322px;
}

.education-process .popup-informer p {
  margin-left: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #242229;
  margin-bottom: 0;
}

.education-process .popup-informer hr {
  margin: 12px 0;
}

/*generated with Input range slider CSS style generator (version 20211225)
https://toughengineer.github.io/demo/slider-styler*/
input[type=range].styled-slider {
  -webkit-appearance: none;
  width: 100%;
}

/*progress support*/
input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 30px + var(--ratio) * (100% - 30px));
}

input[type=range].styled-slider:focus {
  outline: none;
}

/*webkit*/
input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06);
  margin-top: -14px;
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 2px;
  border: none;
  border-radius: 0;
  background: rgba(36, 34, 41, 0.0588235294);
  box-shadow: none;
}

input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #F5F5F5;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#FDBD5C, #FDBD5C) 0/var(--sx) 100% no-repeat, rgba(36, 34, 41, 0.0588235294);
}

/*mozilla*/
input[type=range].styled-slider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

input[type=range].styled-slider::-moz-range-track {
  height: 2px;
  border: none;
  border-radius: 0;
  background: rgba(36, 34, 41, 0.0588235294);
  box-shadow: none;
}

input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #F5F5F5;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#FDBD5C, #FDBD5C) 0/var(--sx) 100% no-repeat, rgba(36, 34, 41, 0.0588235294);
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06);
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
  height: 2px;
  border-radius: 0;
  background: rgba(36, 34, 41, 0.0588235294);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-thumb:hover {
  background: #F5F5F5;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 2px;
  border-radius: 0px 0 0 0px;
  margin: 0;
  background: #FDBD5C;
  border: none;
  border-right-width: 0;
}

.study-goal {
  padding: 16px 0;
}

.study-goal .inner-layer {
  width: 864px;
  padding: 36px 48px;
  background: #FFFFFF;
  min-height: calc(100vh - 32px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06), 0px 4px 7px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

.study-goal .inner-layer .breadcrumbs {
  margin-top: 32px;
}

.study-goal .inner-layer .breadcrumbs ul {
  padding: 0;
  margin: 0;
}

.study-goal .inner-layer .breadcrumbs ul hr {
  width: 100%;
  margin: 0;
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item input[type=radio]:checked + label {
  color: #242229;
  transition: 0.4s color;
  background: transparent;
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item input[type=radio]:checked + label div span {
  content: "";
  color: #FFFFFF;
  background: linear-gradient(0deg, #FF962E, #FF962E);
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item label {
  background: transparent;
  transition: 0.4s color;
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  color: rgba(36, 34, 41, 0.6);
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item label.passed {
  display: flex;
  align-items: center;
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item label.passed div span {
  margin-right: 5px;
  padding: 0;
  background: transparent;
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item label.passed div span img {
  width: 18px;
  height: 18px;
}

.study-goal .inner-layer .breadcrumbs ul li.custom-collapse-item label div span {
  font-size: 11px;
  line-height: 12px;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 15px;
  padding: 3px 6px;
}

.study-goal .inner-layer .content .content-block {
  margin-top: 32px;
}

.study-goal .inner-layer .content .content-block h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}

.study-goal .inner-layer .content .content-block ul {
  padding: 0;
  margin: 0;
  background: transparent;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}

.study-goal .inner-layer .content .content-block ul li.custom-collapse-item {
  width: 100%;
}

.study-goal .inner-layer .content .content-block ul li.custom-collapse-item input[type=radio]:checked + label, .study-goal .inner-layer .content .content-block ul li.custom-collapse-item input[type=checkbox]:checked + label {
  background: rgba(255, 150, 46, 0.2);
  font-weight: normal;
}

.study-goal .inner-layer .content .content-block ul li.custom-collapse-item label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 16px 12px;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #242229;
}

@media (max-width: 700px) {
  .study-goal .inner-layer .content .content-block ul.mobile-adaptive {
    grid-template-columns: 1fr 1fr;
  }
}
.study-goal .inner-layer .content .content-block .disabled {
  opacity: 0.4;
}

.study-goal .inner-layer .content .content-block .goal-item h5 {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}

.study-goal .inner-layer .content .content-block .goal-item img {
  height: 32px;
  width: 32px;
}

.study-goal .inner-layer .content .content-block .goal-item input[type=number], .study-goal .inner-layer .content .content-block .goal-item input[type=number][disabled] {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  width: 50px;
  text-align: right;
  border: none;
  background-color: #fff;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 20px 0;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 16px;
  row-gap: 20px;
  margin-bottom: 28px;
  text-align: center;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item {
  padding: 0 16px;
  text-align: center;
  border-right: 0.5px solid rgba(36, 34, 41, 0.06);
  border-left: 0.5px solid rgba(36, 34, 41, 0.06);
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-child(1) {
  border-left: none;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-last-child(1) {
  border-right: none;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item span, .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item strong {
  font-weight: 300;
  font-size: 36px;
  line-height: 36px;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item strong {
  font-weight: bold;
}

.study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item p {
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
}

@media (max-width: 750px) {
  .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item {
    border-left: none;
    border-right: 1px solid rgba(36, 34, 41, 0.06);
    border-bottom: 1px solid rgba(36, 34, 41, 0.06);
    padding: 15px;
  }
  .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-last-child(1) {
    border-right: 1px solid rgba(36, 34, 41, 0.06);
  }
  .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-child(2n) {
    border-right: none;
  }
  .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-child(5), .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid .points-item:nth-child(6) {
    border-bottom: none;
  }
}
@media (max-width: 750px) {
  .study-goal .inner-layer .content .content-block.stage-3 .points .points-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 0;
    padding: 10px;
  }
}
.study-goal .inner-layer .content .content-block.stage-3 .vuz {
  margin-bottom: 64px;
}

.study-goal .inner-layer .content .content-block.stage-3 .vuz h4 {
  margin-bottom: 8px;
}

.study-goal .inner-layer .content .content-block.stage-3 .vuz p {
  font-size: 15px;
  line-height: 20px;
}

.study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 28px;
}

.study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid .subject-item {
  background: rgba(36, 34, 41, 0.04);
  border-radius: 16px;
  padding: 16px;
}

.study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid .subject-item img {
  width: 64px;
  height: 64px;
}

.study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid .subject-item span.title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #242229;
  margin-top: 8px;
}

.study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid .subject-item a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  line-height: 16px;
  color: #242229;
  background-color: #fff;
  border: 1px solid rgba(36, 34, 41, 0.12);
  box-sizing: border-box;
  box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04);
  border-radius: 8px;
  margin-top: 20px;
}

@media (max-width: 750px) {
  .study-goal .inner-layer .content .content-block.stage-3 .subject-prepare-grid {
    grid-template-columns: 1fr;
  }
}
.study-goal .inner-layer .content .content-block.stage-3 .first-test {
  margin-top: 64px;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #242229;
  margin-bottom: 6px;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test p {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  color: rgba(36, 34, 41, 0.6);
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test button {
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  min-width: 131px;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details {
  position: relative;
  font-size: 14px;
  color: #fff;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details[open] {
  z-index: 1;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details[open] summary:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details[open] summary:after {
  transform: translate(50%, 50%) rotate(-45deg);
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details summary {
  width: 155px;
  padding: 10px 24px;
  cursor: pointer;
  border-radius: 8px;
  background: #FF962E;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details summary::-webkit-details-marker {
  display: none;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details summary:focus {
  outline: none;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details summary:after {
  content: "";
  width: 7px;
  height: 7px;
  border-bottom: 1px solid currentColor;
  border-left: 1px solid currentColor;
  transform: translate(50%, 100%) rotate(135deg);
  transform-origin: center center;
  transition: transform ease-in-out 100ms;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details ul {
  width: 100%;
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 14px 16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.04), 0px 6px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  gap: 12px;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details ul li {
  display: block;
  width: 100%;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details ul li a {
  transition: color 0.3s;
  color: #242229;
}

.study-goal .inner-layer .content .content-block.stage-3 .first-test details ul li a:hover {
  transition: color 0.3s;
  color: #7a738b;
}

.study-goal .inner-layer .content .content-block.stage-3 .profile-link {
  width: 100%;
  background: rgba(36, 34, 41, 0.04);
  border-radius: 8px;
  text-align: center;
  padding: 14px 0;
  display: block;
  color: #242229;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  transition: color 0.3s;
}

.study-goal .inner-layer .content .content-block.stage-3 .profile-link:hover {
  color: #EB5E00;
  transition: color 0.3s;
}

.study-goal .inner-layer .content button.btn-orange, .study-goal .inner-layer .content button.btn-orange-outline {
  padding: 12px 32px;
}

.study-goal .inner-layer .content button.btn-orange[disabled], .study-goal .inner-layer .content button.btn-orange-outline[disabled] {
  opacity: 1;
  background: rgba(36, 34, 41, 0.12);
  color: #FFFFFF;
}

@media (max-width: 900px) {
  .study-goal .inner-layer {
    width: 96%;
  }
}
.longtoastr.toast-warning {
  width: 400px !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px !important;
}

.player_container #gplayer {
  aspect-ratio: 16/9;
}

.predbannik-banner {
  margin-top: 60px;
  border-radius: 10px;
  text-align: center;
  padding: 0 24px 28px;
}

@media (min-width: 768px) {
  .predbannik-banner {
    margin-top: 40px;
  }
}
.predbannik-banner img {
  max-width: 250px;
  margin-top: -60px;
  margin-bottom: 20px;
}

.predbannik-banner p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 8px;
}

.predbannik-banner.course-purchase {
  background: linear-gradient(0deg, #FFF1B9, #FFF1B9), linear-gradient(180deg, #FFF3B4 0%, #FFE098 100%);
}

.predbannik-banner.mg-purchase {
  background: #2186D0;
  color: white;
}

.predbannik-banner.mg-purchase p {
  color: white;
}

.predbannik-banner.mg-purchase p:last-child {
  color: rgba(255, 255, 255, 0.8);
}

.mg-banner {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  background: rgba(36, 34, 41, 0.06);
  border-radius: 8px;
  flex-direction: row;
  padding: 16px 24px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  color: rgba(36, 34, 41, 0.8);
}

.mg-banner-header {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  color: #242229;
}

.icon-col {
  margin-right: 16px;
}

.mg-banner-link {
  text-decoration: underline rgba(36, 34, 41, 0.12);
  color: rgba(36, 34, 41, 0.8);
}

@media (max-width: 991px) {
  .mg-banner {
    flex-direction: row-reverse;
    padding: 24px 32px;
  }
}
.submission-btn-refuse {
  background-color: transparent;
  color: #F23E3E;
  border: 0;
}

.umstore#dark-theme {
  width: 100%;
  height: 100vh;
  background-color: #122024;
}

.umstore#dark-theme header {
  background-color: transparent;
  box-shadow: none;
  height: 32px;
  padding-top: 32px;
}

.umstore#dark-theme header img {
  height: 32px;
  margin-right: 4px;
}

.umstore#dark-theme header h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.umstore#dark-theme .content-wrapper {
  width: 100%;
  height: calc(100% - 64px);
}

.umstore#dark-theme .content-wrapper .content {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 16px;
}

.umstore#dark-theme .content-wrapper .content p.f-15 {
  line-height: 22px;
}

.umstore#dark-theme .content-wrapper .content .login {
  padding: 24px 28px;
  border-radius: 16px;
  max-width: 356px;
  min-width: 328px;
  background-color: #fff;
}

.umstore#dark-theme .content-wrapper .content .login .auth-title {
  color: #242229;
  float: left;
}

.umstore#dark-theme .content-wrapper .content .login button[type=submit] {
  margin-bottom: 12px;
}

.umstore#dark-theme .content-wrapper .content .payment-block {
  padding: 36px 32px 24px;
  position: relative;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .profile-info img {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  top: 0;
  transform: translateY(-50%);
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .profile-info h5 {
  font-size: 16px;
  margin-bottom: 6px;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .profile-info p {
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 0;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .logout {
  margin-left: 20px;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .logout a {
  cursor: pointer;
}

.umstore#dark-theme .content-wrapper .content .payment-block .profile .logout a img {
  width: 20px;
  height: 20px;
}

.umstore#dark-theme .content-wrapper .content .payment-block .payment {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}

.umstore#dark-theme .content-wrapper .content .payment-block .payment button.btn-orange {
  width: 248px;
  padding: 18px 40px 14px;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
}

.umstore#dark-theme .content-wrapper .content .payment-block, .umstore#dark-theme .content-wrapper .content .payment-success {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

.umstore#dark-theme .content-wrapper .content .payment-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 440px;
  min-width: 328px;
  padding: 32px 48px;
}

.umstore#dark-theme .content-wrapper .content .payment-success .check-img {
  width: 96px;
  height: 96px;
  margin-bottom: 32px;
  border-radius: 50%;
  background-color: #fff;
}

.umstore#dark-theme .content-wrapper .content .payment-success .check-img img {
  width: 100%;
  height: 100%;
}

.umstore#dark-theme .content-wrapper .content .payment-success h4 {
  font-size: 32px;
  margin-bottom: 16px;
}

.umstore#dark-theme .content-wrapper .content .payment-success .track {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.umstore#dark-theme .content-wrapper .content .payment-success .track h5 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}

.umstore#dark-theme .content-wrapper .content .payment-success .email-info p, .umstore#dark-theme .content-wrapper .content .payment-success .pickup p {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.umstore#dark-theme .content-wrapper .content .payment-success .pickup {
  text-align: center;
  margin-top: 20px;
}

.umstore#dark-theme .content-wrapper .content .payment-success #success-btn {
  padding: 18px 32px 14px;
  font-size: 18px;
  line-height: 28px;
  margin-top: 32px;
}

@media (max-width: 450px) {
  .umstore#dark-theme .content-wrapper .content .payment-success {
    padding: 24px;
  }
  .umstore#dark-theme .content-wrapper .content .payment-success h4 {
    font-size: 28px;
    line-height: 32px;
  }
  .umstore#dark-theme .content-wrapper .content .payment-success #success-btn {
    font-size: 16px;
    line-height: 22px;
    padding: 18px 28px 14px;
  }
}
.popup-informer-wrapper {
  position: relative;
  display: inline-block;
}

.popup-informer-wrapper .popup-informer {
  top: 0;
  left: 0;
  z-index: 999;
  padding: 16px 20px;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 6px 16px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.popup-informer-wrapper .levels-informer {
  background: rgba(35, 35, 37, 0.88);
  color: white;
}

.popup-informer-wrapper .levels-informer p {
  color: white;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.popup-informer-wrapper .popup-informer.up-informer {
  bottom: 0;
  top: auto;
}

.toggle-switch-container .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-top: 8px;
  margin-right: 20px;
}

.toggle-switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 17px;
}

.toggle-switch-container .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.toggle-switch-container input .checked + .slider {
  background-color: #FF9747;
}

.toggle-switch-container input:focus + .slider {
  box-shadow: 0 0 1px #FF9747;
}

.toggle-switch-container input .checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.documents-tabs-container {
  max-width: 1000px;
  padding-top: 25px;
}

.documents-tabs {
  display: flex;
}

.documents-tabs li:not(:last-child) {
  margin-right: 7px;
}

.documents-tabs li a {
  display: block;
  position: relative;
  top: 4px;
  padding: 10px 25px;
  border-radius: 2px 2px 0 0;
  background: white;
  opacity: 0.7;
  transition: all 0.1s ease-in-out;
}

.documents-tabs li.active a,
.documents-tabs li a:hover {
  opacity: 1;
  top: 0;
}

.documents-tabs-content {
  position: relative;
  z-index: 2;
  padding: 25px;
  border-radius: 0 4px 4px 4px;
  background: white;
}

.documents-tabs-panel {
  display: none;
}

.documents-tabs-panel.active {
  display: block;
}

.documents-tabs-panel p + div {
  margin-top: 15px;
}

@media screen and (max-width: 600px) {
  .documents-tabs {
    flex-direction: column;
  }
  .documents-tabs li {
    width: 100%;
  }
  .documents-tabs li:not(:last-child) {
    margin-right: 0;
  }
  .documents-tabs li a {
    border-radius: 0;
    opacity: 1;
    top: 0;
  }
  .documents-tabs li.active a::before {
    content: "•";
    padding-right: 5px;
  }
  .documents-tabs-content {
    border-radius: 0;
  }
}
.container_center {
  display: flex;
  justify-content: space-between;
  max-width: 85.125em;
  padding: 19px -41px;
  margin-left: 400px;
  margin-right: auto;
  overflow: hidden;
}

.certificate__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF right 13.2em bottom no-repeat;
  background-size: 43em;
  display: -ms-flexbox;
  display: flex;
  padding: 0.7em;
  margin: 0;
  overflow: hidden;
}

.certificate .certificate__left {
  height: 925px;
  display: flex;
  justify-content: end;
  align-items: flex-start;
}

.certificate .certificate__right {
  background-color: #364FCD;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  height: 800px;
  border-top-right-radius: 85px;
  border-bottom-right-radius: 85px;
  overflow: hidden;
}

.girl, .board {
  position: relative;
}

.girl {
  top: -250px;
  left: -30px;
  height: 520px;
}

.board {
  top: 100px;
  left: -20px;
  height: 450px;
}

.top__svg__third {
  margin-left: -4px;
}

.bottom__svg__third {
  margin-left: -4px;
}

.top_svg__seven {
  margin-left: -5px;
}

.top_svg__nine {
  margin-left: -5px;
}

.bottom_svg {
  margin-bottom: -65px;
  margin-left: -4px;
}

.svg__first__bottom__icon {
  margin-top: 180px;
}

.bottom__svg__second {
  margin-left: 62px;
  border-bottom-right-radius: 75px;
}

.certificate__svg__icons__top {
  margin-left: 0px;
}

.certificate__svg__icons__bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: -300px;
  margin-left: 659px;
}

.certificate__svg__icons__bottom__second {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 5px;
  margin-left: 659px;
}

.certificate__svg__icons__bottom__third {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 5px;
  margin-left: 659px;
}

.certificate .certificate__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.certificate .certificate__listItem {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.2em;
}

.certificate .certificate__listImg {
  margin-right: 0.7em;
  -ms-flex: none;
  flex: none;
  width: 25em;
}

.certificate .certificate__listText {
  display: inline-block;
  padding: 100px;
  word-break: break-all;
}

.certificate .section__title {
  position: absolute;
  font-family: "TT Firs Neue";
  font-style: normal;
  font-size: 45px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.3em;
}

.certificate .section__student {
  font-family: "TT Firs Neue";
  color: #FFFFFF;
  width: 500px;
  margin-top: 160px;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.3em;
}

.certificate .section__course {
  font-family: "TT Firs Neue";
  font-style: normal;
  color: #FFFFFF;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.3em;
}

.certificate .section__ceo {
  font-family: "TT Firs Neue";
  color: #FFFFFF;
  margin-top: 75px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.5em;
}

.certificate .section__ceo__name {
  font-family: "TT Firs Neue";
  color: #FFFFFF;
  margin-top: 45px;
  font-size: 35px;
  font-weight: 500;
  line-height: 25px;
}

.cart {
  background-color: #FFF;
  box-shadow: 0 0 40px rgba(22, 24, 27, 0.06), 0 0 16px rgba(22, 24, 27, 0.04), 0 0 6px rgba(22, 24, 27, 0.02);
  bottom: 0;
  padding: 8px 32px;
  position: fixed;
}
@media (min-width: 990px) {
  .cart {
    margin-left: -32px;
  }
}
.cart .title {
  font-weight: 400;
  font-size: 12px;
  color: rgba(36, 34, 41, 0.6);
}

.product_row {
  border: 1px solid rgba(36, 34, 41, 0.12);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  width: 49%;
  margin-bottom: 12px;
}
.product_row:nth-of-type(odd) {
  margin-right: 2%;
}
.product_row.selected {
  background: rgba(74, 188, 99, 0.1019607843);
}
.product_row .product_price {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.product_row .info_icon {
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 6px;
}
.product_row .info_icon.static_discount {
  background-color: #FFD35C;
}
.product_row .info_icon.level_icon {
  background-color: rgba(36, 34, 41, 0.0588235294);
}

.button.choose-all-products {
  background: rgba(36, 34, 41, 0.04);
  float: left;
  font-weight: 400;
  font-size: 14px;
  color: #242229;
  padding: 8px 16px;
  height: 36px;
}
.button.choose-all-products span {
  color: rgba(36, 34, 41, 0.45);
}

.f-11 {
  font-size: 11px;
}

.products-receipt-list {
  background-color: rgba(36, 34, 41, 0.04);
  padding: 16px 24px;
  border-radius: 12px;
}

.rotated {
  transform: rotate(180deg);
}

.language-menu-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
}

.language-menu-ul .language-menu-li {
  display: block;
  width: 216px;
  position: relative;
  float: left;
  background: #FFFFFF;
}

.language-menu-li ul {
  display: none;
}

.language-menu-ul .language-menu-li button {
  display: block;
  width: 216px;
  text-decoration: none;
  white-space: nowrap;
  color: black;
}

.language-inherit-li-top,
.language-inherit-li-bottom {
  margin-left: -4px;
  border-radius: 15px;
}

.language-inherit-li-top button {
  height: 45px;
  cursor: pointer;
  text-align: left;
  padding-left: 15px;
  margin-top: -15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 0 40px rgba(22, 24, 27, 0.06), 0 0 16px rgba(22, 24, 27, 0.04), 0 0 6px rgba(22, 24, 27, 0.02);
}

.language-inherit-li-bottom button {
  height: 45px;
  cursor: pointer;
  text-align: left;
  padding-left: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 6px 16px rgba(0, 0, 0, 0.04);
}

.span-arrow {
  color: black;
  margin-left: 150px;
  min-width: 50px;
  min-height: 50px;
}

.language-menu-ul .language-menu-li button:hover {
  background: #f3f2f1;
}

.language-menu-li:hover > ul {
  display: block;
  position: absolute;
}

.language-menu-li:hover li {
  float: none;
}

.language-menu-li:hover button {
  background: #FFFFFF;
}

.language-menu-ul ul {
  left: 100%;
  top: 0;
}

.language-menu-ul:before,
.language-menu-ul:after {
  content: " ";
  display: table;
}

.language-menu-ul:after {
  clear: both;
}

.unclickable {
  pointer-events: none;
}

.nav-tabs .nav-link {
  color: grey;
}

.nav-tabs .nav-link.active {
  color: black;
  border: none;
  border-bottom: 4px solid orange;
}

.academy-cart-modal .badge {
  padding: 2px 6px;
  background-color: rgba(36, 34, 41, 0.6);
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  border-radius: 5px;
}
.academy-cart-modal .items-block {
  background-color: rgba(36, 34, 41, 0.0392156863);
  border-radius: 10px;
  padding: 16px 24px;
}
.academy-cart-modal .item-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.material-item {
  background: rgba(52, 26, 17, 0.04);
  border-radius: 6px;
  padding: 16px 22px;
  margin-bottom: 18px;
  cursor: pointer;
  letter-spacing: 0em;
  text-align: left;
}
.material-item .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
}
.material-item .id {
  color: rgba(36, 34, 41, 0.4509803922);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.material-item .file {
  color: #242229;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.material-item .info {
  width: 186px;
  height: 20px;
  gap: 2px;
}

.student-payments {
  margin-top: 40px;
  padding-bottom: 110px;
}

.student-payment {
  margin-bottom: 40px;
}
.student-payment__disabled {
  opacity: 0.5;
}
.student-payment__date {
  font-weight: 500;
}
.student-payment__payment_type {
  font-size: 14px;
  color: rgba(36, 34, 41, 0.45);
}
.student-payment__payment_type_val {
  font-size: 14px;
}
.student-payment-table {
  font-size: 14px;
}
.student-payment-table__row {
  display: grid;
  grid-template-columns: min-content 1fr 1fr min-content;
  grid-gap: 20px;
  border-bottom: 1px solid #e9e9e9;
  height: 50px;
  align-items: center;
  padding-left: 15px;
  padding-right: 25px;
  cursor: pointer;
}
.student-payment-table__row:first-child {
  color: rgba(36, 34, 41, 0.45);
  cursor: unset;
}
.student-payment-table__row input[type=checkbox] {
  accent-color: #ff962f;
  cursor: pointer;
}
.student-payment-table__row-checked {
  background-color: rgba(255, 150, 46, 0.1);
}
.student-payment-table__sum {
  text-align: right;
}
.student-payment-table__back {
  width: 20px;
}

.student-payment-footer {
  position: fixed;
  bottom: 0px;
  border-top: 1px solid #e9e9e9;
  padding-top: 14px;
  background-color: #FFFFFF;
  padding-left: 30px;
  padding-bottom: 20px;
  box-shadow: 0 0 40px rgba(22, 24, 27, 0.06), 0 0 16px rgba(22, 24, 27, 0.04), 0 0 6px rgba(22, 24, 27, 0.02);
}
.student-payment-footer .btn:disabled {
  background-color: rgba(36, 34, 41, 0.06);
  color: rgba(36, 34, 41, 0.3);
}
.student-payment-footer .btn:disabled:hover {
  background-color: rgba(36, 34, 41, 0.06);
  color: rgba(36, 34, 41, 0.3);
}

@media (min-width: 990px) {
  .student-payment-footer {
    margin-left: -32px;
  }
}
.refunded-modal .modal-dialog {
  max-width: 800px;
  min-width: 700px;
}
.refunded-modal__info {
  background-color: rgba(255, 150, 46, 0.1);
  border-radius: 10px;
  padding: 15px;
  margin-left: -4px;
}
.refunded-modal__info-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
}
.refunded-modal__info-description {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0px;
}
.refunded-modal__line {
  position: absolute;
  background-color: #e9e9e9;
  height: 1px;
  width: 100%;
  margin-left: -32px;
}
.refunded-modal__table .row:first-child {
  height: 68px;
  color: rgba(36, 34, 41, 0.45);
}
.refunded-modal__table .row {
  border-bottom: 1px solid #e9e9e9;
  height: 56px;
}
.refunded-modal .select-section .select2 {
  width: 100% !important;
  max-width: 100%;
}
.refunded-modal .modal-body span.select2-selection {
  width: 100%;
}
.refunded-modal .status {
  color: rgba(36, 34, 41, 0.45);
}
.refunded-modal .sum-col {
  display: block;
}
.refunded-modal input[type=checkbox] {
  accent-color: #ff962f;
}
.refunded-modal textarea {
  height: 80px !important;
}

.refund-request-row {
  position: relative;
}
.refund-request-row__arrow, .refund-request-row__active-arrow {
  right: 17px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.refund-request-row__active-arrow {
  display: none;
}
.refund-request-row:hover .refund-request-row__arrow {
  display: none;
}
.refund-request-row:hover .refund-request-row__active-arrow {
  display: block;
}
.refund-request-row .draft, .refund-request-row .canceled, .refund-request-row .refused, .refund-request-row .canceled_acquiring {
  padding: 5px;
  border-radius: 5px;
  background-color: rgba(36, 34, 41, 0.45);
  color: #FFFFFF;
}
.refund-request-row .confirmed {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgb(37, 159, 86);
  color: rgb(37, 159, 86);
}
.refund-request-row .pending_application {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgb(247, 111, 0);
  color: rgb(247, 111, 0);
}
.refund-request-row .pending_confirm, .refund-request-row .pending_confirm_acquiring {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgb(247, 111, 0);
  color: rgb(247, 111, 0);
}
.refund-request-row .attention {
  display: none;
}
.refund-request-row:hover .attention {
  display: inline;
}

.participant-product-select span {
  max-width: 700px;
}

/*# sourceMappingURL=build_v1.25.css.map */