:root {
  --portal_box_shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  --portal_border_radius: 14px;
}
body * {
  font-family: ;
}
.fcom_main_side_wrap,
.fcom_space_container.el-container .el-main {
  padding: 5px;
}
.feed,
.fhr_content_layout_body .app_side_widget,
.create_status_holder,
.fcom_feed_box.course_box,
.fcom_box_card_list .fcom_each_box_card {
  box-shadow: var(--portal_box_shadow);
  border-radius: var(--portal_border_radius);
  border: none;
}
.el-main .fcom_lesson_comments,
.fcom_lesson_container .fcom_lesson_sidebar,
.fcom_lesson_container .fcom_lesson_sidebar .fcom_section_sidebar_title,
.course_progress_footer_wrap {
  background: var(--fcom-secondary-bg);
}
.fcom_lesson_container .fcom_lesson_sidebar .fcom_section_sidebar_title {
  display: flex;
  align-items: center;
}
.el-scrollbar__view > .fcom_lesson_comments h3 {
  margin-bottom: 18px;
  text-transform: capitalize;
}
.fcom_lesson_comments .feed_commenting .fcom_composer_actions > .el-button {
  font-size: var(--el-font-size-base);
  padding: 8px 15px;
  height: 32px;
}
.course_progress_footer_wrap {
  border-top: none;
  background: #ace6b6;
  padding-bottom: 13px;
}
.el-progress-bar__outer {
  background: rgba(255, 255, 255, 0.8);
}
.el-progress.fcom_progress .el-progress-bar .el-progress-bar__inner {
  background: #008717;
}
.el-scrollbar__wrap .course_progress_footer_wrap p {
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 4px;
}
.fcom_section_footer .el-progress__text {
  min-width: auto;
}
.fcom_section_footer .el-progress__text span {
  position: relative;
  top: -2px;
  left: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #1a3d20;
}