@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 400;
  src:
    url("/fileservice/file/download/a/552206/sc/434/h/3dc5c19be6b6d2bcb476fae30bfe597b.woff") format("woff"),
    url("/fileservice/file/download/a/552206/sc/330/h/06c317b92ebd57cd125a35ffa3a90fdf.ttf");
}


@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 700;
  src:

    url("/fileservice/file/download/a/552206/sc/22/h/a7594876d3298224ad1837c9e6cf0652.woff") format("woff"),
    url("/fileservice/file/download/a/552206/sc/152/h/d03dc6172f427ff35c69607129b8fad3.ttf");
}



:root {
  --blackColor: #21262B;
  --font_1: "GothamPro", "proxima-nova", Arial, sans-serif;
}

::-moz-selection {
  color: #ffffff;
  background: #1A139B ;
}

::selection {
  color: #ffffff;
  background: #1A139B ;
}

.talks-widget-button {
  background: #857eff;
}

/* БОКОВАЯ ПАНЕЛЬ */
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu li,
.gc-account-leftbar .gc-account-user-submenu {
  font-family: var(--font_1);
}

.gc-account-leftbar {
  background: #21262B;
}

.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
}

.gc-account-leftbar .gc-account-user-menu li a {
  min-height: 70px;
  background: inherit;
  transition: background-color .2s;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  height: 70px;
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  transition: background-color .2s;
}



.gc-account-user-menu .menu-item a:hover:after,
.menu-item-prolongation a:hover img,
.menu-item.new-chatium-icon a:hover img {
  -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
  animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}



.notify-count {
  z-index: 1;
}

/* Расположить иконку и надпись */
.gc-account-user-menu li:not(.menu-item-profile) a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).active a,
.gc-account-user-menu li:not(.menu-item-profile):not(.menu-item-notifications_button_small).selected a {
  background-position: 50% 30%;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration: none;
}


.gc-account-leftbar .notify-count {
  background-color: #857eff;
}

.gc-account-leftbar li:not(.menu-item-profile):not(.menu-item-notifications_button_small) .notify-count {
  bottom: auto;
  top: 40%;
  background-color: #857eff;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  bottom: 25px;
}


/* Надпись */
.gc-account-user-menu li a::before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 8px -10px 0;
  font-size: 9px;
  color: #ffffff;
}

.gc-account-user-menu li.active a::before,
.gc-account-user-menu li.selected a::before {
  color: #092972;
}


.gc-account-user-menu li.menu-item-notifications_button_small a:before {
  content: "Уведомления";
}

.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
}

.gc-account-user-menu li.menu-item-teach a:before {
  content: "Уроки";
}

.gc-account-user-menu li.menu-item-user a:before {
  content: "Студенты";
}

.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Задачи";
}

.gc-account-user-menu li.menu-item-notifications a:before {
  content: "Сообщения";
}

.gc-account-user-menu li.menu-item-sales a:before {
  content: "Покупки";
}

.gc-account-user-menu li.menu-item-chatium a:before {
  content: "Chatium";
}

/* / Надпись */


.gc-account-leftbar .gc-account-user-menu li.menu-item-profile img[src*=default_profile] {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/231/h/1b5689d1c3ce31d3db26f192ceed3060.svg");
}


/* Уведомления */
li.menu-item-notifications_button_small a:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/203/h/fe501600f2edfad490635f9f9cd02868.svg");
}

/* Сайт */
/* li.menu-item-cms a:after {
content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/156/h/a3935da1d13f8fd54c351f6875ca7368.svg");
}*/

/* Обучение */
li.menu-item-teach a:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/156/h/a3935da1d13f8fd54c351f6875ca7368.svg");
}

/* Пользователи */
/*
li.menu-item.menu-item-user a:after {
content: url(https://i.ibb.co/7G8H4cP/customer-service.png);
}
*/


/* Задачи */
/*li.menu-item-tasks a:after {
content: url(https://i.ibb.co/8N2Xpmp/checklist-3.png);
}*/

/* Сообщения */
li.menu-item.menu-item-notifications a:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/121/h/ecc09f3233b41b4c6d384f004b10a049.svg");
}

/* Продажи */
li.menu-item-sales a:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/195/h/48d7a33cfc2e57231f36f75af4d11b84.svg");
}

li.menu-item-chatium a:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/552206/sc/488/h/df6b1afd375f8ece393dd8a6232ecbcf.svg");
}

a.subitem-link:after {
  display: none;
}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a,
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top: none !important;
}




.gc-account-leftbar li.active a::after,
.gc-account-leftbar li.selected a::after {
  filter: brightness(0);
}


/* Submenu */
.gc-account-user-submenu-bar h3 {
  font-family: var(--font_1);
  font-size: 20px;
}

.gc-account-user-submenu-bar a.subitem-link {
  font-family: var(--font_1);
  font-size: 14px;
  transition: all .2s ease;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  color: #857eff;
  background-color: #f1f1f1;
  transition: all .2s ease;
}

/* Цвет фона подменю */

.gc-account-leftbar .gc-account-user-submenu-bar,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
  background: #ffffff;
}




/* Прячем старые иконки */
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon {
  display: none;
}


/* Фон панели на мобильной версии */
@media (max-width: 768px) {

  .gc-account-leftbar .gc-account-user-menu,
  .gc-account-leftbar .toggle-link {
    background: #21262B;
  }
}

/* / БОКОВАЯ ПАНЕЛЬ */


/* Увеличить CSS поле на страницах в редактировании блоков */
.css-settings .CodeMirror {
  min-height: 700px;
}

/* Класс html_n для html редактора в разделе "Настроить вид" */
.editable.html_n {
  min-height: 50px;
  background-color: #afa2ff;
}

.editable.html_n textarea {
  height: 400px;
  font-family: "Roboto", "Arial", sans-serif;
}




/* Скрываем баннер с рекламой от геткурса */
body .common-banner-wrapper {
  display: none !important;
}




.html_n.lt-editing.lt-raw-html div[id*="rawHtml"] {
  width: 100%;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: white;
  font-size: 14px;
  position: relative;
  background-image: url(/public/img/chess.png);
  cursor: pointer;
}

.html_n.lt-editing.lt-raw-html div[id*="rawHtml"]::before {
  content: "HTML-block";
  display: block;
  width: 300px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  background-color: #222;
}








/* shake*/

@-webkit-keyframes shake-top {

  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }

  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

@keyframes shake-top {

  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }

  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}