/*Все шрифты и переменные цвета прописаны в настройках аккаунта https://mayak-institute.online/pl/saas/account/settings 
и в разделе «Дополнительные теги для HEAD»
и в разделе «Счетчики и прочие скрипты для BODY» [чтобы оформление работало в приложении]*/

#webinar-content-block > .lite-page.block-set > .o-lt-onecolumn-common:first-child .f-header {
  font-family: var(--font-anonymous-pro);
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: var(--dark-grey);
  margin-top: 20px;
  margin-bottom: 30px;
}

body {
  background: var(--fon);
}

#webinar-content-block .video-overlay-bottom.hide-watermark, 
#webinar-content-block .video-overlay-top.hide-watermark {
  background: var(--fon);
}

#webinar-content-block .videoWrapper, 
#webinar-content-block .videoWrapper iframe, 
#webinar-content-block .videoWrapper>.video-broadcast-block, 
#webinar-content-block .video-overlay-before,
#webinar-content-block #player .player-poster {
  border-radius: var(--border-radius);
}

#webinar-content-block .webinar-started-block {
  padding: 0 5px!important;
}

#ucss-code-wrapper {
  right: auto;
  left: 0
}

#webinar-content-block .chat-widget .comments-tree {
  padding-left: 27px;
  background: var(--white);
  background-clip: content-box;
  margin-right: 0;
}

#webinar-content-block .chat-widget {
  border: none;
  background: none;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar {
  width: 6px;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 6px;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-thumb {
  background-color: #bcb8cd;
  border-radius: 6px;
}

#webinar-content-block .chat-widget .comments-container {
  scrollbar-color: #bcb8cd transparent;
  scrollbar-width: 6px;
}

#webinar-content-block .chat-widget .gc-comment-form {
  width: 392px;
  background: var(--white);
  border-top: 1px solid var(--white);
  padding: 20px 20px 10px 20px!important;
}

#webinar-content-block .new-comment-input {
  background: #FFFFFF;
  border-radius: 6px;
  border: none!important;
  font-family: var(--font-open-sans);
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: var(--black);
  padding: 15px!important;
  height: 3em;
  margin-bottom: 10px!important;
}

#webinar-content-block .new-comment-input::-webkit-input-placeholder {
  color: var(--dark-grey);
  opacity: 0.3;
}
#webinar-content-block .new-comment-input::-moz-placeholder {
  color: var(--dark-grey);
  opacity: 0.3;
}
#webinar-content-block .new-comment-input:-ms-input-placeholder {
  color: var(--dark-grey);
  opacity: 0.3;
}
#webinar-content-block .new-comment-input:-moz-placeholder {
  color: var(--dark-grey);
  opacity: 0.3;
}

#webinar-content-block .webinar-btn-send,
#webinar-content-block .webinar-btn-send:hover,
#webinar-content-block .webinar-btn-send:active {
  background: var(--red)!important;
  border-radius: 6px!important;
  border: none!important;
  width: 100%;
  height: 3em;
  margin-bottom: 1em;
  padding: 15px;
  font-family: var(--font-open-sans)!important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px!important;
}

#webinar-content-block .webinar-btn-send .fa {
  display: none;
}

#webinar-content-block .chat-widget .comments-container .comments-top-level {
  margin-bottom: 220px;
  padding-top: 40px;
}

#webinar-content-block .chat-widget .comments-tree .level-1 .comment-wrapper {
  padding: 0 20px 0 20px !important;
}

#webinar-content-block .comments-tree {
  font-family: var(--font-open-sans)!important;
  font-style: normal;
  font-size: 14px;
  line-height: 140% !important;
  color: var(--black);
}

#webinar-content-block .comments-tree .comment .title span[style="color: red;"] {
  color: #a60505!important;
}

body.mobile {
  background: var(--white);
}

body.mobile #webinar-content-block  .video-overlay-bottom.hide-watermark, 
body.mobile #webinar-content-block .video-overlay-top.hide-watermark {
  background: var(--white);
}

body.mobile #webinar-content-block .videoWrapper, 
body.mobile #webinar-content-block .videoWrapper iframe, 
body.mobile #webinar-content-block .videoWrapper>.video-broadcast-block, 
body.mobile #webinar-content-block .video-overlay-before,
body.mobile #webinar-content-block #player .player-poster {
  border-radius: 0;
}

body.mobile #webinar-content-block.mobile .gc-comment-form {
  height: 90px;
  padding: 20px;
}

body.mobile .new-comment-input {
  margin-right: 8px;
  width: 61.8%!important;
  flex: 61.8%;
  font-size: 12px;
}

body.mobile .webinar-btn-send {
  width: 38.2%;
  flex: 38.2%;
  font-size: 16px!important;
  height: 3em;
  margin-bottom: 1em;
}

body.mobile .webinar-started-block {
  padding: 0!important;
}

body.mobile .comment-form-wrapper {
  background: var(--white);
  border-top: 1px solid var(--white);
}

/*Кнопка "отключить чат" для админов*/
.btn.btn-danger.webinar-chat-toggle {
    background: var(--dark-grey);
    border: none;
    border-radius: 6px;
    font-family: var(--font-open-sans);
    font-weight: bold;
    padding: 4px 20px;
}