#site-login-logo {
  width: 520px;
  position: relative;
}
#site-slogan {
  position: absolute;
  bottom: 50px;
}
.desktop-header-bg {
  background-color: var(--desktop-header-bg);
}
.status-message.error {
  display: none;
}
@media (max-width: 991.98px) {
  /* 移动端菜单 Start */
  .mobile-header-wrapper {
    border: 1px solid #fff;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px 1px #fff;
    box-shadow: inset 0 0 2px 1px #fff;
  }
  header.page-header .mobile-header {
    padding: 0.6rem 1rem;
  }
  header.page-header .mobile-header .main-menu {
    padding-bottom: 0;
  }
  header.page-header .mobile-header .main-menu .main-menu__item {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
  header.page-header .block-notifications .fi {
    font-size: 1rem;
  }
  header.page-header .mobile-header .block-profile__link {
    font-size: 1rem;
  }
  header.page-header .block-profile .profile-pic {
    height: 30px;
    width: 30px;
  }
  header.page-header .block-notifications {
    margin-bottom: 1rem;
  }
  .user-menu-list {
    padding-top: 1rem;
  }
  /* 移动端菜单 End */
}
@media (max-width: 767.98px) {
  /* 管理标签 */
  div#block-tabs {
    display: none;
  }
  /* 会议板块-活动日历头部 Start */
  .view-my-online-meeting-calendar .content-box__info h3 {
    padding-top: 4.5rem;
  }
  .view-my-online-meeting-calendar .content-box__info .pager__item {
    padding: 0;
    position: absolute;
    left: calc(50% - 12px);
    top: 4.5rem;
  }
  .view-my-online-meeting-calendar div#today {
    min-width: 75px !important;
  }
  /* 会议板块-活动日历头部 End */
  .view-opigno-notifications th#view-created-table-column {
    width: 20%;
  }
  .view-opigno-notifications th#view-message-table-column {
    width: 50%;
  }
  .view-opigno-notifications th#view-has-read-table-column {
    width: 20%;
  }
  .view-opigno-notifications th.views-field.views-field-nothing {
    width: 10%;
  }
  .view-opigno-notifications a.apply-button.button.btn.btn-rounded.use-ajax {
    font-size: 12px;
    min-height: 35px;
    min-width: auto;
    padding: 2px 8px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .view-opigno-notifications a.has-read {
    font-size: 12px;
    min-height: 35px;
    min-width: auto;
    padding: 2px 8px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .view-opigno-notifications th {
    padding: 6px;
    text-align: left;
  }
  .view-opigno-notifications td {
    padding: 6px;
    text-align: left;
  }
}
@media (max-width: 470px) {
}
@media (min-width: 992px) {
  .region.region-branding {
    margin-left: 10px;
  }
  .region-main-menu {
    margin-top: 12px;
  }
}
@media (min-width: 1200px) {
  .region.region-branding {
    margin-left: 10px;
  }
  .region-main-menu {
    margin-top: 12px;
  }
}
@media (min-width: 1400px) {
  .region.region-branding {
    margin-left: 0px;
  }
  .region-main-menu {
    margin-top: 0px;
  }
}
#block-qunzuhuiyiqukuai a {
  box-shadow: none;
}
#block-qunzuhuiyiqukuai .quick-meeting-panel:hover {
  background-color: #fff;
  color: var(--desktop-button-color-hover-secondary);
}
.opigno_activity table {
  border: 1px solid #d5d5d5;
}
.opigno_activity tbody tr td {
  border: 1px solid #d5d5d5;
}
.editor-change-text-format-modal {
  z-index: 502 !important;
}
.class .class_member_since_pending::after {
  content: '通过审核';
}
.user-info-connections .link-box__title {
  width: 48px;
}

.content-box > .link-box .link-box__title, .fieldgroup > .link-box .link-box__title {
  width: 32px;
}
.view-my-groups .content-box .link-box {
  background: #f5f5f5;
}
.view-my-groups .link-box {
  color: var(--desktop-text);
}
.admin-learning-path .group-form #edit-submit, .section-admin .group-form #edit-submit {
  padding-right: 25px;
}

.ui-dialog {
  box-shadow: 0px 0px 10px 6px rgb(0 0 0 / 50%);
  z-index: 502;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: var(--desktop-headings);
  color: #fff;
}
.entity-select-dialog.ui-dialog .ui-dialog-titlebar {
  background-color: var(--desktop-headings);
  color: #fff;
  margin-top: 2.2rem;
}
.ui-dialog .ui-dialog-titlebar-close {
  color: #fff
}
/* Layout builder Start */
.ui-layout-builder-modal .ui-dialog-titlebar-close:after {
  content: none;
}
.layout-builder-form .status-message.status.js-messages__wrapper {
  display: inline-flex;
}
/* Layout builder End */
.dialog-off-canvas-main-canvas .view-filters.form-group {
  margin-top: 0;
}
.dialog-off-canvas-main-canvas div#edit-inline-entity-form {
  margin-top: 1.5rem;
}
.dialog-off-canvas-main-canvas div#edit-inline-entity-form .label label {
  font-size: 1rem;
  font-weight: 600;
}
.dialog-off-canvas-main-canvas .field--type-path {
  display: none;
}
.dialog-off-canvas-main-canvas .entity-browser-form div#edit-actions {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 3;
  filter: drop-shadow(1px 2px 4px black);
}
.ui-dialog-buttonset .button {
  background-color: #fff;
  border: 2px solid var(--desktop-button-color);
  border-radius: 1.5625rem;
  color: var(--desktop-button-text-secondary);
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 9.75rem;
  padding: 0.557rem 0.9375rem;
  font-size: .875rem;
}
.ui-dialog-buttonset .button:hover, .ui-dialog-buttonset .button:hover {
  background-color: var(--desktop-button-color-hover-secondary);
}
.ui-dialog--narrow.entity-select-dialog .entity-embed-dialog-step--select {
  min-width: 100%;
}

.dropdown-toggle {
  cursor: pointer;
}
.form-textarea {
  width: 100%;
  height: 100%;
}
.page-footer {
  background: var(--desktop-header-bg);
}
.login-container .left-col::before {
  content: none;
}
.login-container .block-sitebranding {
  margin-top: 0;
  max-width: 26.625rem;
  position: absolute;
  padding: 0 1.25rem;
  top: 20px;
}
.my-online-meeting .btn-rounded {
  min-width: 5.75rem;
}
.section-admin .ui-dialog {
  z-index: 502;
}
.group-content-opigno-class-group-membership-add-form #edit-group-roles-fieldset legend {
  width: 39px;
}
.login-container .main-menu__link span {
  display: inline-block;
}
.login-container .main-menu__link:hover {
  color: var(--desktop-header-link-active);
}
.block-system-branding-block .logo {
  max-width: 268px;
  width: 100%;
}
.page-footer .logo {
  max-width: 268px;
  margin-bottom: 16px;
}
div#block-sitebranding-2 {
  color: #d9f1f7;
  font-size: 16px;
  font-weight: 300;
  font-family: 'STXingkai', 'STKaiti', 'STXinwei', Arial, sans-serif;
}
.user-login-link {
  color: var(--desktop-header-link);
}
.user-login-link:hover {
  color: var(--desktop-header-link-active);
  text-decoration: none;
}
#media-library-wrapper ul.js-media-library-menu {
  list-style: none;
  padding: 0;
  border-bottom: 0.25rem solid #dfdfdf;
  margin-top: 0.3rem;
}
#media-library-wrapper ul.js-media-library-menu li {
  display: inline-block;
  margin-inline-end: 0.55rem;
}
#media-library-wrapper ul.js-media-library-menu li:has(a.active) {
  border-bottom: 0.2rem solid var(--desktop-headings);
}
#media-library-wrapper ul.js-media-library-menu li {
  display: inline-block;
  margin-inline-end: 0.55rem;
  margin-bottom: -0.55rem;
}
#media-library-wrapper ul.js-media-library-menu li a:hover {
  color: var(--desktop-link-hover);
  text-decoration: none;
}
#media-library-wrapper ul.js-media-library-menu li a:focus,
#media-library-wrapper ul.js-media-library-menu li a:hover,
#media-library-wrapper ul.js-media-library-menu li a:active {
  box-shadow: none;
}
#media-library-wrapper ul.js-media-library-menu li:hover {
  border-bottom: 0.2rem solid var(--desktop-headings);
}
#media-library-wrapper .media-library-view form#views-exposed-form-media-library-widget .button.js-form-submit.form-submit {
  color: var(--desktop-button-text-secondary);
}
.js-media-library-add-form .button.button--primary.js-form-submit.form-submit {
  color: var(--desktop-button-text-secondary);
}
/*修复Media Entity Embed对齐的下拉列表按钮点击无法切换显示/隐藏的问题 BEGIN*/
.entity-embed-dialog div.dropdown-menu {
  visibility: hidden;
}
.entity-embed-dialog div.dropdown-menu.show {
  visibility: visible;
}
.entity-embed-dialog div.dropdown-menu ul.dropdown-menu {
  visibility: hidden;
}
.entity-embed-dialog div.dropdown-menu.show ul.dropdown-menu {
  visibility: visible;
}
/*修复Media Entity Embed对齐的下拉列表按钮点击无法切换显示/隐藏的问题   END*/
/* 全局页面 */
@media (max-width: 767.98px) {
  .dialog-off-canvas-main-canvas .page-main {
    padding-top: 5.5rem;
  }
  .dialog-off-canvas-main-canvas .page-main:has(#block-tabs) {
    padding-top: 2.5rem;
  }
  .content-box.front-page.view.view-research-info.view-id-research_info.view-display-id-block_1 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.4rem;
    height: 375px;
  }
}
/* 首页 */
@keyframes pop-add-hover {
  0% {
    width: 30px;
  }
  100% {
    width: 85px;
  }
}
@keyframes pop-add-not-hover {
  0% {
    width: 85px;
  }
  100% {
    width: 30px;
  }
}
.page-front .view-id-research_info .content-box__info a {
  color: #fff !important;
  display: inline-flex;
}
.page-front .view-id-research_info .content-box__info:hover {
  width: 85px;
  display: inline-flex;
  animation: pop-add-hover 0.3s;
}
.page-front .view-id-research_info .content-box__info:not(:hover) {
  animation: pop-add-not-hover 0.3s;
}
.page-front .view-id-research_info .content-box__info:hover a {
  cursor: pointer;
  width: 100%;
  color: var(--desktop-link) !important;
}
.page-front .view-id-research_info .content-box__info a .pop-add-text {
  visibility: hidden;
  height: 0;
}
.page-front .view-id-research_info .content-box__info a:hover .pop-add-plus {
  color: var(--desktop-link);
}
.page-front .view-id-research_info .content-box__info a .pop-add-plus {
  font-size: 30px;
  font-weight: 500;
  line-height: 29px;
  color: #fff;
}
.page-front .view-id-research_info .content-box__info:hover span.pop-add-text {
  display: inline-flex;
  font-size: 14px;
  color: var(--desktop-link);
  visibility: visible;
  line-height: 30px;
  margin-left: 6px;
  transition-delay: 0.2s;
}
.page-front .view-id-research_info .content-box__info {
  position: absolute;
  z-index: 3;
  background-color: #166fb4;
  padding: 0 6px;
  height: 30px;
  width: 30px;
  margin: 0;
  line-height: 18px;
  border-radius: 15px;
  top: 0;
  left: 0;
  font-size: 12px;
  background-image: -webkit-linear-gradient(top, #84b7de, #166fb4);
  background-image: -moz-linear-gradient(top, #84b7de, #166fb4);
  background-image: -ms-linear-gradient(top, #84b7de, #166fb4);
  background-image: -o-linear-gradient(top, #84b7de, #166fb4);
  background-image: linear-gradient(to bottom, #84b7de, #166fb4);
  text-shadow: 1px 1px 1px #9daef5;
  -webkit-box-shadow: 0 0 6px #666666;
  -moz-box-shadow: 0 0 6px #666666;
  box-shadow: 0 0 6px #666666;
}
.content-box.front-page.contextual-region.view.view-research-info.view-id-research_info {
  padding-bottom: 0;
  min-height: 403px;
  border-radius: 15px;
}
#flexslider-1 .slides .views-field-title {
  width: 100%;
  background-color: #00000087;
  font-size: 16px;
  padding: 6px;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#flexslider-1 .slides .views-field-title span a {
  color: #fff;
  font-weight: bold;
}
.content-box.front-page .flexslider .slides img {
  height: 315px;
  -moz-user-select: none;
}
.content-box.front-page .content-box__title {
  border-bottom: 1px solid #a6a6a6;
  padding-bottom: 13px;
}
.content-box.front-page a:hover {
  text-decoration: none;
}
.content-box.front-page.view-research-info.view-id-research_info a {
  color: #000;
}
.content-box.front-page.view-research-info.view-id-research_info a:hover {
  color: var(--desktop-link);
  text-decoration: none;
  width: 80px;
}
.content-box.front-page .views-field.views-field-title {
  display: inline-block;
  font-size: 14px;
}
.content-box.front-page .views-field.views-field-created {
  display: inline-block;
  position: absolute;
  right: 3px;
  font-size: 14px;
  font-family: monospace;
}
.content-box.front-page .views-row {
  padding-bottom: 8px;
  max-height: 34px;
  line-height: 34px;
  border-right: 10px solid #fff;
  border-bottom: 1px dashed #bbb;
  position: relative;
}
.content-box.front-page .views-row:hover {
  border-right: 10px solid var(--desktop-link);
}
.content-box.front-page .more-link {
  float: right;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 14px;
}
.content-box.front-page a.contextual-region {
  width: 100%;
  position: relative;
}
#edit-field-class-description-0-format-guidelines {
  display: none;
}
.node-content.content-box img {
  margin-left: auto;
  margin-right: auto;
}
.node-content.content-box footer {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #bbb;
  padding-bottom: 13px;
}
.ui-widget-overlay {
  z-index: 0;
}
.mailsystem-admin-form .form-checkbox {
  position: absolute;
  clip: rect(0, 20px, 20px, 0);
  width: 15px;
  height: 15px;
}
.views-ui-dialog #drupal-modal {
  overflow: auto !important;
}
.views-ui-dialog #drupal-modal .scroll.js-form-wrapper.form-wrapper {
  height: 100% !important;
}
div.form-wrapper {
  margin-top: 10px;
}
.dialog-off-canvas-main-canvas .page-main {
  min-height: 800px;
}
.field--type-text-with-summary span.field-edit-link {
  display: block;
}
.add-activity .activity-add.create {
  left: 200px !important;
  width: auto;
}
.content-box.front-page.view-research-info.view-id-research_info .flex-direction-nav a:hover {
  width: 50px !important;
}
.content-box.front-page.view.view-research-info.view-id-research_info {
  padding-bottom: 0;
  overflow: inherit;
  min-height: 400px;
}
.content-box.front-page.view.view-research-info.view-id-research_info:has(div.view-empty) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-box.front-page.view.view-research-info.view-id-research_info .no-content {
  margin: auto;
}

/* 富文本内容(幻灯片展示)与pdf附件，PDF管理表单显示样式 */
.entities-list.entity-type--media.js-form-wrapper.form-wrapper[data-drupal-selector="edit-opigno-slide-pdf-current"] {
  display: inline-flex;
}
.item-container.rendered-entity.js-form-wrapper.form-wrapper[data-drupal-selector^="edit-opigno-slide-pdf-current-items"] {
  width: 100% !important;
}
body .fieldset-wrapper .entity-type--media .js-form-wrapper input.remove-button[data-drupal-selector^="edit-opigno-slide-pdf-current-items"] {
  position: relative !important;
  display: inline-flex !important;
  color: #d33030 !important;
  border: 1px solid #d33030 !important;
  font-size: 20px !important;
  filter: invert(0%) !important;
  margin-top: -10rem;
  background-color: #fff !important;
}
body .fieldset-wrapper .entity-type--media .js-form-wrapper input.remove-button[data-drupal-selector^="edit-opigno-slide-pdf-current-items"]:focus,
body .fieldset-wrapper .entity-type--media .js-form-wrapper input.remove-button[data-drupal-selector^="edit-opigno-slide-pdf-current-items"]:hover {
  background-color: #d33030 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0;
}

/* 暴露的过滤器 */
.views-exposed-form .form-items-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1.25rem;
  align-items: flex-end;
}
.views-exposed-form form .form-submit {
  max-height: 2rem;
}

/* 按钮颜色冲突（白底非纯色按钮使用--desktop-text,纯色按钮使用--desktop-button-text-primary） */
.content-box__info div#today {
  color: var(--desktop-text) !important;
}
.btn-rounded {
  color: var(--desktop-text);
}
.btn-border-red, .remove-button, .ui-dialog-buttonset .form-submit[id*=remove], form #edit-actions-delete, form #edit-cancel, form #edit-delete, form #edit-unpublish, form .form-submit[id*=remove] {
  color: var(--desktop-text);
}
.btn {
  color: var(--desktop-text);
}
.btn:focus {
  color: var(--desktop-text);
  background-color: var(--desktop-button-color-hover-primary);
  /*-webkit-box-shadow: 0 0 0 0.1rem var(--desktop-button-color-hover-secondary);*/
  /*box-shadow: 0 0 0 0.1rem var(--desktop-button-color-hover-secondary);*/
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-dialog .button {
  color: var(--desktop-text);
}
.ui-dialog .button:active,
.ui-dialog .button:hover {
  color: var(--desktop-button-text-primary);
}
.content-box .btn:active,
.content-box .btn:hover {
  color: var(--desktop-button-text-primary);
}
button.link.tabledrag-toggle-weight {
  color: var(--desktop-text);
}
.form-item-month .form-select.bootstrap-select > .btn:hover {
  color: var(--desktop-text);
}
.form-item-year .form-select.bootstrap-select > .btn:hover,
.form-item-month .form-select.bootstrap-select > .btn:hover {
  color: var(--desktop-text);
}
.bootstrap-select.filter-option-inner-inner {
  color: var(--desktop-text);
}
.bootstrap-select button.btn.dropdown-toggle.btn-light {
  color: var(--desktop-text);
}
.admin-learning-path .group-form #edit-submit, .section-admin .group-form #edit-submit {
  color: var(--desktop-text);
}
.admin-learning-path .group-form #edit-submit:hover {
  color: var(--desktop-button-text-primary);
}
button#add-first-entity {
  color: var(--desktop-text);
}
.opigno_activity__wrapper .form-actions #edit-back {
  color: var(--desktop-text);
}
#folder-add-content-links .folder-add-content-link a {
  color: var(--desktop-text);
}
.comment-comment-forum-form .form-submit {
  color: var(--desktop-text);
}
.view-workflows-collaborative-task caption a {
  color: var(--desktop-text) !important;
}
.view-workflows-collaborative-task caption a:hover {
  color: var(--white) !important;
  text-decoration: none;
}
.workflows-collaborative-task .mytask~h2 a {
  border: 0.1em solid var(--desktop-link);
  border-radius: 28px;
  width: 32px;
  display: inline-block;
}
.workflows-collaborative-task .mytask~h2 a:hover {
  background-color: var(--desktop-link);
  color: var(--white);
  text-decoration: none;
}
.workflows-collaborative-task td:nth-of-type(4) a {
  min-width: 100px;
  margin-inline: 5px;
  font-size: 14px;
  padding-inline: 48px;
}
.person-item__actions-invite .btn-connection {
  color: var(--desktop-text);
}
/* 课程界面 Start */
#catalog-filter-parent .btn-reset-filter {
  color: var(--desktop-text);
}
.view-opigno-training-catalog .view-style ul li a i.fi.fi-rr-align-justify:hover,
.view-opigno-training-catalog .view-style ul li a i.fi.fi-rr-apps:hover {
  color: var(--desktop-text);
}
div#sidebar-first {
  height: auto !important;
}
/* 课程界面 End */
/* 按钮颜色冲突（白底非纯色按钮使用--desktop-text,纯色按钮使用--desktop-button-text-primary） End */
/* 课程列表界面，创建新课程按钮文字颜色 */
.view-opigno-training-catalog .view-style a.btn.btn-bg.btn-rounded {
  color: var(--desktop-button-text-primary);
}
/* Media library核心模块隐藏@selected of @count item selected（升级版本后可删除此条） Start */
.media-library-widget-modal .media-library-selected-count.js-media-library-selected-count {
  display: none;
}
/* Media library核心模块隐藏@selected of @count item selected（升级版本后可删除此条） End */
/* views 管理界面，添加下拉列表字体颜色 Start */
.views-admin ul.action-list li input {
  color: var(--desktop-headings);
}
.views-admin .dropbutton li input {
  color: var(--desktop-text);
}
.views-admin .dropbutton li input:hover {
  color: var(--desktop-text);
}
/* views 管理界面，添加下拉列表字体颜色 End */
/* 后退图标 Start */
.back-btn .fi-rr-arrow-left {
  font-size: 0.8rem;
}
/* 后退图标 End */
/* Loading Start */
/* Ajax加载 Start */
.throbber {
  background: url(../images/design/loading.svg) center no-repeat !important;
  background-size: 100% 100% !important;
}
/* Ajax加载 End */

/* 页面加载 Start */
.loader:before {
  background: url(../images/design/loading.svg) 50%/cover no-repeat !important;
}
.ajax-progress.ajax-progress-fullscreen {
  background: transparent url(../images/design/loading.svg) center/cover no-repeat !important;
}
.ajax-progress.ajax-progress-fullscreen, .loader:before {
  content: "" !important;
  -webkit-animation-name: spin !important;
  -webkit-animation-duration: 2000ms !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: linear !important;
  -moz-animation-name: spin !important;
  -moz-animation-duration: 2000ms !important;
  -moz-animation-iteration-count: infinite !important;
  -moz-animation-timing-function: linear !important;
  -ms-animation-name: spin !important;
  -ms-animation-duration: 2000ms !important;
  -ms-animation-iteration-count: infinite !important;
  -ms-animation-timing-function: linear !important;
  animation-name: spin !important;
  animation-duration: 2000ms !important;
  animation-iteration-count: infinite !important;
  animation-timing-function: linear !important;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 页面加载 End */
/* Loading End */
/* CK4 Tool Icon Start */
.cke_button_icon.cke_button__media_entity_embed_icon {
  width: 110px;
  height: 16px;
  background-image: none !important;
}
.cke_button_icon.cke_button__media_entity_embed_icon::before {
  content: "\4e0a\4f20\56fe\7247\002f\4f7f\7528\8d44\6e90\5e93";
}
.cke_button_icon.cke_button__drupalmedialibrary_icon {
  width: 110px;
  height: 16px;
  background-image: none !important;
}
.cke_button_icon.cke_button__drupalmedialibrary_icon::before {
  content: "\6dfb\52a0\5a92\4f53\002f\4f7f\7528\8d44\6e90\5e93";
}
/* CK4 Tool Icon End */
/* h5p互动视频 Start */
.h5p-interactive-video .h5p-video {
  width: auto;
  height: 100% !important;
  margin: 0 auto;
}
/* h5p互动视频 End */
/* 用户中心 Start */
.statistics-table td:last-child {
  padding-right: 0;
  text-align: left;
}
/* 用户中心 End */
/* 创建会议modal Start */
.wn-meeting-form .form-item-field-moderator .dropdown-menu.show .inner.show {
  height: 180px !important;
}
/* 创建会议modal End */
/* 会议回放界面 Start:/will-nice-meeting/my-online-meeting/43/recordings */
.local-meeting-video-url a.button.btn.btn-rounded {
  font-size: 14px;
  min-width: auto;
  min-height: auto;
  padding-block: 8px;
  padding-inline: 19px;
}
.remote-meeting-video-url a.button.btn.btn-rounded {
  font-size: 14px;
  min-width: auto;
  min-height: auto;
  padding-block: 8px;
  padding-inline: 19px;
  margin-inline-end: 3px;
}
/* 会议回放界面 End:/will-nice-meeting/my-online-meeting/43/recordings */
/* 任务Node字段样式 Start */
.task-field {
  display: flex;
  font-size: 12px;
  border: 1px solid #f1f1f1;
  padding: 6px;
  margin-block: 3px;
}
.task-field-label {
  font-weight: bold;
  width: 88px;
}
.task-field-content {
  text-align: left;
}
/* 任务Node字段样式 End   */
/* 归档任务列表视图 Start */
.archived-tasks-row > div {
  border: 1px solid #eee;
  padding: 8px;
  height: 100%;
}
/* 归档任务列表视图 End   */
/* 个人中心 Start */
/* 个人面板 Start */
.profile-info h2 {
  display: none;
}
.profile-info .content-box {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.profile-info .last-training__item.views-row {
  margin: 0 !important;
}
.profile-info .last-training__item.views-row a {
  background-color: #fff;
  padding-inline: 0;
  padding-block: 12px;
  height: fit-content;
  min-height: fit-content;
}
.profile-info .last-training__item.views-row a:hover {
  color: var(--desktop-link);
  border: none;
}
.profile-info .last-training__item.views-row span.score {
  margin-left: 0 !important;
  padding-left: 0 !important;
  position: absolute;
  right: 27px;
}
.profile-info .content-box:last-child .link-box {
  padding: 0;
}
.profile-info .content-box:last-child .link-box__type {
  width: 25px;
  margin-right: 6px;
}
.profile-info .content-box:last-child .link-box__number {
  font-size: 16px !important;
  margin-right: 0 !important;
  font-weight: 100;
}
.profile-info .content-box:last-child .link-box__title {
  font-size: 16px !important;
  font-weight: 100;
}
.profile-info .content-box:last-child img {
  width: 25px;
}
.profile-info .content-box:last-child .link-box__subtext {
  bottom: 15%;
  position: relative;
  margin-left: 12px;
}
@media (min-width: 992px) {
  .profile-info .content-box:last-child .link-box__subtext {
    position: absolute;
    margin-right: 16px;
  }
}
/* 个人面板 End */
/* 右栏 Start */
.page-node h2.content-box__title {
  text-align: center;
  width: auto;
  background-color: #fff;
  padding: 0;
}
.awards-list a:hover {
  background-color: var(--desktop-link);
  color: #fff;
}
.link-box__title {
  width: 64px;
  min-width: 64px;
}
.page-node .dashboard-column.wide-col .views-row .type,
.dashboard-drupal-block .my-function-panel .views-row .type {
  font-weight: 700;
}
@media (min-width: 992px) {
  .page-node .view-opigno-calendar h2.content-box__title,
  .page-node .my-meeting h2.content-box__title,
  .page-node .my-organization h2.content-box__title,
  .page-node .my-online-notes h2.content-box__title,
  .my-function-panel .my-meeting h2.content-box__title,
  .my-function-panel .my-organization h2.content-box__title,
  .my-function-panel .my-online-notes h2.content-box__title {
    width: 120px;
    background-color: #dcdede;
    padding: 0.5rem;
  }
  .page-node .my-meeting.content-box,
  .page-node .my-organization.content-box,
  .page-node .my-online-notes.content-box,
  .my-function-panel .my-meeting.content-box,
  .my-function-panel .my-organization.content-box,
  .my-function-panel .my-online-notes.content-box {
    width: 100%;
  }
  .page-node .my-meeting .views-row,
  .page-node .my-organization .views-row,
  .page-node .my-online-notes .views-row,
  .my-function-panel .my-meeting .views-row,
  .my-function-panel .my-organization .views-row,
  .my-function-panel .my-online-notes .views-row {
    margin: 0;
    display: inline-flex;
    height: 43px;
  }
  .page-node .my-meeting .views-row a,
  .page-node .my-organization .views-row a,
  .page-node .my-online-notes .views-row a,
  .my-function-panel .my-meeting .views-row a,
  .my-function-panel .my-organization .views-row a,
  .my-function-panel .my-online-notes .views-row a {
    margin: 0 !important;
    border: 1px dotted !important;
    -webkit-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: #fff;
    display: inline-flex;
    width: fit-content;
    height: 42px;
    min-height: 42px;
    margin-right: 3px !important;
  }
  .page-node .my-meeting .views-row a:hover,
  .page-node .my-organization .views-row a:hover,
  .page-node .my-online-notes .views-row a:hover,
  .my-function-panel .my-meeting .views-row a:hover,
  .my-function-panel .my-organization .views-row a:hover,
  .my-function-panel .my-online-notes .views-row a:hover {
    background-color: var(--desktop-button-color-hover-primary);
    color: var(--desktop-button-text-secondary);
  }
  .page-node .my-meeting .views-row .profile-pic,
  .page-node .my-organization .views-row .profile-pic,
  .page-node .my-online-notes .views-row .profile-pic,
  .my-function-panel .my-meeting .views-row .profile-pic,
  .my-function-panel .my-organization .views-row .profile-pic,
  .my-function-panel .my-online-notes .views-row .profile-pic{
    margin-right: 0;
    padding-top: 0;
    display: contents;
    width: fit-content;
  }
  .page-node .my-meeting .views-row i,
  .page-node .my-organization .views-row i,
  .page-node .my-online-notes .views-row i,
  .my-function-panel .my-meeting .views-row i,
  .my-function-panel .my-organization .views-row i,
  .my-function-panel .my-online-notes .views-row i {
    font-size: 0.8rem !important;
    margin: 0 3px;
  }
  .page-node .my-meeting .views-row .body,
  .page-node .my-organization .views-row .body,
  .page-node .my-online-notes .views-row .body,
  .my-function-panel .my-meeting .views-row .body,
  .my-function-panel .my-organization .views-row .body,
  .my-function-panel .my-online-notes .views-row .body {
    display: inline;
  }
  .view-opigno-social-posts h2.content-box__title {
    display: none;
  }
}
/* 右栏 End */
/* 个人中心 End   */
/* 用户主页 Start   */
.profile-trends .view-latest-active-trainings {
  display: none !important;
}
.profile-trends .profile-info__statistics .content-box.p-0 {
  display: none;
}
.profile-trends .profile-info .content-box:last-child .link-box__subtext {
  display: none;
}
.profile-trends #user-statistics-block-links {
  display: none;
}
/* 用户主页 End   */
/* 添加学习小组 Start */
form#group-learning-group-add-form .form-actions {
  display: inline-flex;
  flex-direction: row-reverse;
}
form#group-learning-group-add-form .form-item>.label{
  flex: 0 0 8%;
}
form#group-content-learning-group-group-membership-add-form div#edit-actions {
  display: inline-flex;
}
/* 添加学习小组 End */
/* 页脚导航样式 Start */
#block-footer a {
  color: var(--desktop-header-link);
}
/* 页脚导航样式 End */
/* 内容表单编辑摘要按钮的样式 Start */
.field-edit-link button.link.link-edit-summary:hover {
  background-color: #dcdcdc;
  border-radius: 12px;
}
.field-edit-link button.link.link-edit-summary {
  border: 0px;
  background-color: inherit;
}
/* 内容表单编辑摘要按钮的样式 End */
/* 创建会议模态框表单 Start */
#drupal-modal .wn-meeting-form label {
  font-size: .875rem;
  display: inline-block;
  margin-bottom: 0.625rem;
  font-weight: bold;
}
#drupal-modal .wn-meeting-form div.description {
  font-size: .875rem;
}
#drupal-modal fieldset legend {
  margin-bottom: 0.5rem;
}
/* 小组编辑界面模态框 */
#drupal-modal fieldset#field_learning_group_logo-media-library-wrapper legend {
  font-size: .875rem;
  display: inline-block;
  margin-bottom: 0.625rem;
}
#drupal-modal .field--type-daterange span.fieldset-legend {
  font-size: .875rem;
  display: inline-block;
  font-weight: bold;
  border-bottom: 1px solid #cbcbcb;
  width: 100%;
  padding-bottom: 3px;
}
#drupal-modal .field--type-daterange h4 {
  font-size: .875rem;
  display: inline-block;
  font-weight: bold;
  width: 100%;
}
/* 创建会议模态框表单 End */
/* 选择成员表单元素 Start */
#edit-members {
  display: flex;
  flex-direction: row;
}
#edit-members label {
  font-size: .875rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  font-weight: 600;
  max-width: 6.875rem;
  text-align: left;
  text-transform: none;
  width: auto;
}
#edit-members #members {
  flex: 1;
}
#group_members_list table#edit-members {
  display: inline-table;
}
/* 选择成员表单元素 End */
/* 课程提示 */
.lp_step_explanation:before {
  background: #ffffff;
  color: var(--desktop-header-bg);
}
.lp_step_explanation {
  color: var(--desktop-header-link);
  background-color: var(--desktop-header-bg);
}
/* 主菜单 */
@media (max-width: 991.98px) {
  header.page-header .mobile-header .main-menu {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
  }
  header.page-header .mobile-header .main-menu li.main-menu__item {
    justify-content: center;
    margin-top: 10px;
  }
}
/* 主菜单-管理按钮-下拉菜单层层级 Start */
header.page-header .dropdown-menu {
  z-index: 502;
}
/* 主菜单-管理按钮-下拉菜单层层级 End */
/* 协同文档 */
.node-workflow-collaborative-content-form .form-actions {
  justify-content: flex-start !important;
}
/* 角色列表 */
td.views-field.views-field-group-roles ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
/* 日历活动 */
.opigno-calendar-event-form .field {
  max-width: 100% !important;
}
.opigno-calendar-event-opigno-calendar-event-form .bootstrap-select button.btn.dropdown-toggle.btn-light {
  color: var(--desktop-text);
  min-width: 229px;
}
/* section-admin */
.section-admin .form-actions {
  display: flex;
  justify-content: left;
  padding: 9px 6px;
}
.section-admin .form-item {
  display: flex;
  flex-direction: column;
}
.color-form .form-item {
  flex-direction: row;
}
.group-form .form-actions {
  display: inline-flex;
  flex-direction: row-reverse;
}
.admin-learning-path .form-item, .admin-learning-path .form-actions {
  display: block;
  padding: 8px 8px 8px 0;
}
.section-admin .js-text-format-wrapper .js-filter-wrapper {
  margin-left: 0;
}
.section-admin .group-form .form-item>.field {
  max-width: 100%;
}
.admin-learning-path .form-actions, .section-admin .form-actions {
  display: block;
  padding: 8px 8px 8px 0;
}
#block-primaryadminactions {
  padding: 8px 8px 8px 0;
}
.js-media-library-item-preview {
  margin-top: 1rem;
}
.section-admin .js-form-type-radio input:checked ~ label.option::before {
  border: 1px solid var(--desktop-text);
  content: "";
  height: 1rem;
  position: absolute;
  left: 0;
  top: 1px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  width: 1rem;
}
.section-admin .js-form-type-radio input:checked ~ label.option::after {
  left: 0.1rem !important;
  top: 0.15rem !important;
  width: 13px !important;
  height: 13px !important;
}
/* container-inline */
.container-inline div, .container-inline label {
  display: inline-block;
  margin-left: 3px;
}
/* 课程详情界面 */
.group--learning-path.group-opigno-course a.join-link {
  color: #fff;
}
/* 内容语言翻译配置界面 */
#language-content-settings-form .translatable {
  width: 10%;
}
#language-content-settings-form .js-form-item.form-item {
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
}
#language-content-settings-form .js-form-item.form-item .field {
  padding-left: 0;
  width: 100%;
  margin: 6px;
}
#language-content-settings-form .js-form-item.form-item .field .description {
  margin-top: 6px;
}
@media (max-width: 440px) {
  .calendar .event-info {
    min-height: 48px;
  }
  .calendar .description {
    flex-direction: column;
  }
  .calendar .daterange {
    display: block;
    margin-bottom: 3px;
  }
  .calendar .place {
    display: block;
    margin-bottom: 3px;
  }
  .calendar .event-link {
    display: block;
    margin-left: 0 !important;
  }
}

/*日历：指导课程事件，地点信息样式*/
.calendar .event-link div {
  display: inline-flex;
  margin-left: 6px;
}
/*协同文档node edit page*/
.page-node-workflow_collaborative_content .field--name-field-deadline h4 + div {
  display: flex;
}
.page-node-workflow_collaborative_content .field--name-field-deadline h4 + div input[type='date'] {
  margin-right: 6px;
  margin-bottom: 6px;
}
/*群组下拉列表*/
.dropdown-header {
  color: #6c757d;
}
/*协同文档*/
div[data-drupal-selector$="field-passage-wrapper"] > div,
div[data-drupal-selector$="field-chapter-wrapper"] > div,
div[data-drupal-selector$="field-section-wrapper"] > div,
div[data-drupal-selector$="field-paragraph-wrapper"] > div {
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  align-items: center;
}
div[data-drupal-selector$="field-passage-wrapper"] > div::after,
div[data-drupal-selector$="field-chapter-wrapper"] > div::after,
div[data-drupal-selector$="field-section-wrapper"] > div::after,
div[data-drupal-selector$="field-paragraph-wrapper"] > div::after {
  content: "\7b2c";
  margin-right: 5px;
  font-size: 16px;
}
div[data-drupal-selector$="field-passage-wrapper"] > div .label label,
div[data-drupal-selector$="field-chapter-wrapper"] > div .label label,
div[data-drupal-selector$="field-section-wrapper"] > div .label label,
div[data-drupal-selector$="field-paragraph-wrapper"] > div .label label {
  text-align: left;
  width: 40px;
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 16px;
  font-weight: normal;
}
div[data-drupal-selector$="field-passage-wrapper"] > div .field,
div[data-drupal-selector$="field-chapter-wrapper"] > div .field,
div[data-drupal-selector$="field-section-wrapper"] > div .field,
div[data-drupal-selector$="field-paragraph-wrapper"] > div .field {
  width: 80px;
}
div[data-drupal-selector$="field-passage-wrapper"] > div .field input,
div[data-drupal-selector$="field-chapter-wrapper"] > div .field input,
div[data-drupal-selector$="field-section-wrapper"] > div .field input,
div[data-drupal-selector$="field-paragraph-wrapper"] > div .field input {
  height: 30px;
  border-radius: 0;
}
/* 课程文件目录 */
.folder-menu-wrapper #tft-back-link {
  color: #333;
}
.folder-menu-wrapper #tft-back-link:hover {
  background-color: var(--desktop-button-color-hover-secondary);
  color: var(--desktop-button-text-secondary);
}
/* 主导航 */
.main-menu__item button {
  background-color: transparent;
  border: 0;
  padding-top: 0;
}
/* 课程描述编辑页面 */
/* 下一步按钮 */
.admin-learning-path .group-form #edit-submit, .section-admin .group-form #edit-submit {
  margin-right: 6px;
}
/* 删除按钮 */
.admin-learning-path .form-actions #edit-unpublish~#edit-delete, .section-admin .form-actions #edit-unpublish~#edit-delete {
  margin-left: 3px;
}

/* 课程编辑-学习内容库页面 */
.admin-learning-path .activities-bank-add[_ngcontent-c6] {
  width: 60%;
  max-width: 60%;
  box-shadow: 0 0 5px 2px #6c6c6c !important;
}

/* 管理页面-编辑页面 */
.views-ui-dialog .views-offset-top {
  display: block !important;
}
.form--inline.clearfix {
  display: inline-flex;
  flex-wrap: wrap;
}
.form--inline.clearfix .field {
  display: inline-flex;
  align-items: center;
}
.form--inline.clearfix .field span.field-suffix {
  min-width: 30px;
  text-align: center;
}
.form--inline.clearfix div#edit-separator {
  margin-left: 6px;
  margin-right: 6px;
}
div#edit-description-wrapper {
  flex-basis: 100%;
}
div#edit-description-wrapper .field {
  display: block;
}

/* Entity Browser */
body .form-wrapper.field--widget-entity-browser-entity-reference .entities-list .item-container input[id*=-remove-button],
body .form-wrapper.field--widget-entity-browser-entity-reference .entities-list .item-container button[id*=-remove-button] {
  border: 1px dashed #000 !important;
  font-size: 14px !important;
  position: relative;
  margin: 6px 0;
  min-width: 100%;
  filter: unset !important;
  display: block;
}

/* 专家页面 */
.page-node-experts .rounded-container img {
  width: 100%;
  border-radius: .25rem !important;;
}
.page-node-experts .bi-mortarboard::before,
.page-node-experts .bi-pin-map::before,
.page-node-experts .bi-briefcase::before,
.page-node-experts .bi-book::before{
  width: 25px;
  height: 25px;
  margin-right: 10px;
  color: #fff;
  background-color: var(--desktop-header-bg);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-node-experts .vertical-line {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: -2;
  background-color: #f5f5f5;
  border-left: 6px solid #fff;
  border-right: 6px solid #fff;
  margin-top: 3px;
  margin-bottom: 3px;
  box-shadow: inset 0 0 3px 3px #e5e5e5e0;
}
.page-node-experts .vertical-line:after {
  content: "";
  position: absolute;
  left: 17px;
  top: 0;
  border: 1px solid var(--desktop-header-bg);
  bottom: 0;
  z-index: -1;
  filter: opacity(0.7);
}
.page-node-experts .bi.bi-mortarboard {
  opacity:0;
  animation: fade-in-top 0.5s linear 0s 1 normal forwards;
}
.page-node-experts .bi.bi-pin-map {
  opacity:0;
  animation: fade-in-top 0.5s linear 0.5s 1 normal forwards;
}
.page-node-experts .bi.bi-briefcase {
  opacity:0;
  animation: fade-in-top 0.5s linear 1s 1 normal forwards;
}
.page-node-experts .bi.bi-book {
  opacity:0;
  animation: fade-in-top 0.5s linear 1.5s 1 normal forwards;
}
@keyframes fade-in-top {

  0% {
    transform:translateY(-50px);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

/* 修订信息位置，垂直菜单 */
.vertical-tabs {
  display: flex;
  flex-direction: row;
}
ul.vertical-tabs__menu {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
}
.vertical-tabs__panes {
  width: 100%;
}
.vertical-tabs__menu-item.is-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: unset;
}
.vertical-tabs__menu-item.first.is-selected {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* 课程综合信息编辑界面 */
.admin-learning-path #inline-entity-form-field_learning_path_category-form .fieldset-wrapper {
  max-width: 100%;
}
.admin-learning-path #inline-entity-form-field_learning_path_duration-form .fieldset-wrapper {
  max-width: 100%;
}

/* 好友管理 */
.person-item__actions-pending .btn-connection {
  color: #333;
}
.person-item__actions-pending .btn-connection:active {
  background: var(--desktop-button-color);
  color: #fff;
}

/* 管理界面下拉按钮 */
.admin-learning-path .form-select.bootstrap-select>.dropdown-toggle, .section-admin .form-select.bootstrap-select>.dropdown-toggle {
  max-width: 100%;
}

/* 课程-学习路径管理界面 */
.admin-learning-path .action-button.mat-icon-button {
  text-align: center;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.admin-learning-path .action-button.mat-icon-button .mat-button-wrapper {
  margin-left: 0 !important;
}
.admin-learning-path entity-add mat-icon.mat-icon.material-icons {
  font-size: 20px;
  position: relative;
  display: inline;
}