@charset "UTF-8";

/* Fluent Community */
:root {
	--ftx-fbx-fcom-btn-transition: .1s all linear;
}

body {
	--fcom-primary-bg: var(--ftx-fcom-primary-bg) !important;
	--fcom-secondary-bg: var(--ftx-fcom-secondary-bg) !important;
	--fcom-secondary-content-bg: var(--ftx-fcom-secondary-content-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-active-bg) !important;
	--fcom-highlight-bg: var(--ftx-fcom-highlight-bg) !important;
	--fcom-deep-bg: var(--ftx-fcom-deep-bg) !important;
	--fcom-light-bg: var(--ftx-fcom-light-bg) !important;
	--fcom-primary-border: var(--ftx-fcom-primary-border) !important;
	--fcom-secondary-border: var(--ftx-fcom-secondary-border) !important;
	--fcom-primary-text: var(--ftx-fcom-text-primary) !important;
	--fcom-secondary-text: var(--ftx-fcom-text-secondary) !important;
	--fcom-text-off: var(--ftx-fcom-text-muted) !important;
	--fcom-text-link: var(--ftx-fcom-text-link) !important;
	--fcom-menu-text: var(--ftx-fcom-menu-text) !important;
	--fcom-primary-button: var(--ftx-fcom-primary-button) !important;
	--fcom-primary-button-text: var(--ftx-fcom-primary-button-text) !important;
	
	--fcom-menu-bg-hover: var(--ftx-fcom-menu-bg-hover) !important;
	
	--el-border-color: var(--ftx-fcom-button-border) !important;
	--el-input-border-color: var(--ftx-fcom-secondary-border) !important;
	--el-fill-color-light: var(--fcom-menu-bg-hover) !important;
	--el-input-text-color: var(--fcom-secondary-text) !important;
	
	--ftx-fbx-fcom-text-link-hover: var(--ftx-fcom-text-link-hover) !important;
	--ftx-fbx-fcom-primary-button-hover: var(--ftx-fcom-primary-button-hover);
	--ftx-fbx-fcom-primary-button-text-hover: var(--ftx-fcom-primary-button-text-hover);
	
	--ftx-fbx-fcom-info: var(--ftx-fcom-info) !important;
	--ftx-fbx-fcom-info-hover: var(--ftx-fcom-info-hover) !important;
	--ftx-fbx-fcom-info-text: var(--ftx-fcom-info-text) !important;
	--ftx-fbx-fcom-success: var(--ftx-fcom-success) !important;
	--ftx-fbx-fcom-success-hover: var(--ftx-fcom-success-hover) !important;
	--ftx-fbx-fcom-success-text: var(--ftx-fcom-success-text) !important;
	--ftx-fbx-fcom-warning: var(--ftx-fcom-warning) !important;
	--ftx-fbx-fcom-warning-hover: var(--ftx-fcom-warning-hover) !important;
	--ftx-fbx-fcom-warning-text: var(--ftx-fcom-warning-text) !important;
	--ftx-fbx-fcom-danger: var(--ftx-fcom-danger) !important;
	--ftx-fbx-fcom-danger-hover: var(--ftx-fcom-danger-hover) !important;
	--ftx-fbx-fcom-danger-text: var(--ftx-fcom-danger-text) !important;
	--ftx-fbx-fcom-error: var(--ftx-fcom-error) !important;
	--ftx-fbx-fcom-brand: var(--ftx-fcom-brand) !important;
	--ftx-fbx-fcom-accent: var(--ftx-fcom-accent) !important;
}
html.dark body {
	--fcom-primary-bg: var(--ftx-fcom-dark-primary-bg) !important;
	--fcom-secondary-bg: var(--ftx-fcom-dark-secondary-bg) !important;
	--fcom-secondary-content-bg: var(--ftx-fcom-dark-secondary-content-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-dark-active-bg) !important;
	--fcom-highlight-bg: var(--ftx-fcom-dark-highlight-bg) !important;
	--fcom-deep-bg: var(--ftx-fcom-dark-deep-bg) !important;
	--fcom-light-bg: var(--ftx-fcom-dark-light-bg) !important;
	--fcom-primary-border: var(--ftx-fcom-dark-primary-border) !important;
	--fcom-secondary-border: var(--ftx-fcom-dark-secondary-border) !important;
	--fcom-primary-text: var(--ftx-fcom-dark-text-primary) !important;
	--fcom-secondary-text: var(--ftx-fcom-dark-text-secondary) !important;
	--fcom-text-off: var(--ftx-fcom-dark-text-muted) !important;
	--fcom-text-link: var(--ftx-fcom-dark-text-link) !important;
	--fcom-menu-text: var(--ftx-fcom-dark-menu-text) !important;
	--fcom-primary-button: var(--ftx-fcom-dark-primary-button) !important;
	--fcom-primary-button-text: var(--ftx-fcom-dark-primary-button-text) !important;
	
	--fcom-menu-bg-hover: var(--ftx-fcom-dark-menu-bg-hover) !important;
	
	--el-border-color: var(--ftx-fcom-dark-btn-border) !important;
	--el-input-border-color: var(--ftx-fcom-dark-secondary-border) !important;
	--el-fill-color-light: var(--fcom-menu-bg-hover) !important;
	--el-input-text-color: var(--fcom-secondary-text) !important;
	--el-input-icon-color: var(--fcom-secondary-text) !important;
	
	--ftx-fbx-fcom-text-link-hover: var(--ftx-fcom-dark-text-link-hover) !important;
	--ftx-fbx-fcom-primary-button-hover: var(--ftx-fcom-dark-primary-button-hover);
	--ftx-fbx-fcom-primary-button-text-hover: var(--ftx-fcom-dark-primary-button-text-hover);
}

body .el-input {
	--el-input-text-color: var(--fcom-secondary-text) !important;
}

body .fcom_top_menu {
	--fcom-primary-bg: var(--ftx-fcom-primary-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-menu-bg-active) !important;
	--fcom-primary-border: var(--ftx-fcom-primary-border) !important;
	--fcom-menu-bg-hover: var(--ftx-fcom-menu-bg-hover) !important;
	--fcom-menu-text: var(--ftx-fcom-menu-text) !important;
	--fcom-menu-text-active: var(--ftx-fcom-menu-text-active) !important;;
	--fcom-menu-text-hover: var(--ftx-fcom-menu-text-hover) !important;;
}
html.dark body .fcom_top_menu {
	--fcom-primary-bg: var(--ftx-fcom-dark-primary-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-dark-menu-bg-active) !important;
	--fcom-primary-border: var(--ftx-fcom-dark-primary-border) !important;
	--fcom-menu-bg-hover: var(--ftx-fcom-dark-menu-bg-hover) !important;
	--fcom-menu-text: var(--ftx-fcom-dark-menu-text) !important;
	--fcom-menu-text-active: var(--ftx-fcom-dark-menu-text-active) !important;;
	--fcom-menu-text-hover: var(--ftx-fcom-dark-menu-text-hover) !important;;
}

body .spaces {
	--fcom-primary-bg: var(--ftx-fcom-primary-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-menu-bg-active) !important;
	--fcom-primary-border: var(--ftx-fcom-primary-border) !important;
	--fcom-menu-bg-hover: var(--ftx-fcom-menu-bg-hover) !important;
	--fcom-menu-text: var(--ftx-fcom-menu-text) !important;
	--fcom-menu-text-active: var(--ftx-fcom-menu-text-active) !important;;
	--fcom-menu-text-hover: var(--ftx-fcom-menu-text-hover) !important;;
}
html.dark body .spaces {
	--fcom-primary-bg: var(--ftx-fcom-dark-primary-bg) !important;
	--fcom-active-bg: var(--ftx-fcom-dark-menu-bg-active) !important;
	--fcom-primary-border: var(--ftx-fcom-dark-primary-border) !important;
	--fcom-menu-bg-hover: var(--ftx-fcom-dark-menu-bg-hover) !important;
	--fcom-menu-text: var(--ftx-fcom-dark-menu-text) !important;
	--fcom-menu-text-active: var(--ftx-fcom-dark-menu-text-active) !important;;
	--fcom-menu-text-hover: var(--ftx-fcom-dark-menu-text-hover) !important;;
}

body * { font-family: "DM Sans", sans-serif; }
body a { text-decoration: underline; color: var(--fcom-text-link); }
body a[href]:hover { text-decoration: none; color: var(--fcom-text-link); }

/* Buttons */
body .el-button { border-color: var(--el-button-border-color); color: var(--el-button-text-color); background-color: var(--el-button-bg-color); transition: var(--ftx-fbx-fcom-btn-transition); }
body .el-button:hover { border-color: var(--el-button-border-color); color: var(--el-button-text-color); background-color: var(--el-button-bg-color-hover); }
body .el-button.is-text { border-color: transparent; background-color: transparent; }
body .el-button.is-text:not(.is-disabled):hover { background-color: var(--fcom-menu-bg-hover); }
body .el-button.el-button--primary { border-color: var(--fcom-primary-button); color: var(--fcom-primary-button-text); background-color: var(--fcom-primary-button); }
body .el-button.el-button--primary:not(.is-disabled):hover { border-color: var(--ftx-fbx-fcom-primary-button-hover); color: var(--ftx-fbx-fcom-primary-button-text-hover); background-color: var(--ftx-fbx-fcom-primary-button-hover); opacity: 1; }
body .el-button.el-button--primary.is-plain { color: var(--fcom-primary-button); background-color: transparent; }
body .el-button.el-button--primary.is-plain:not(.is-disabled):hover { color: var(--ftx-fbx-fcom-primary-button-hover); background-color: transparent; }
body .el-button.el-button--info { border-color: var(--ftx-fbx-fcom-info); color: var(--ftx-fbx-fcom-info-text); background-color: var(--ftx-fbx-fcom-info); }
body .el-button.el-button--info:not(.is-disabled):hover { border-color: var(--ftx-fbx-fcom-info-hover); color: var(--ftx-fbx-fcom-info-text); background-color: var(--ftx-fbx-fcom-info-hover); opacity: 1; }
body .el-button.el-button--info.is-plain { color: var(--ftx-fbx-fcom-info); background-color: transparent; }
body .el-button.el-button--info.is-plain:not(.is-disabled):hover { color: var(--ftx-fbx-fcom-info-hover); background-color: transparent; }
body .el-button.el-button--info.is-text { border-color: transparent; color: var(--fcom-secondary-text); background-color: transparent; }
body .el-button.el-button--info.is-text:not(.is-disabled):hover { border-color: transparent; color: var(--fcom-primary-text); background-color: transparent; }
body .el-button.el-button--success { border-color: var(--ftx-fbx-fcom-success); color: var(--ftx-fbx-fcom-info-success); background-color: var(--ftx-fbx-fcom-success); }
body .el-button.el-button--success:not(.is-disabled):hover { border-color: var(--ftx-fbx-fcom-success-hover); color: var(--ftx-fbx-fcom-success-text); background-color: var(--ftx-fbx-fcom-success-hover); opacity: 1; }
body .el-button.el-button--info.is-plain { color: var(--ftx-fbx-fcom-success); background-color: transparent; }
body .el-button.el-button--info.is-plain:not(.is-disabled):hover { color: var(--ftx-fbx-fcom-success-hover); background-color: transparent; }
body .el-button.el-button--warning { border-color: var(--ftx-fbx-fcom-warning); color: var(--ftx-fbx-fcom-info-warning); background-color: var(--ftx-fbx-fcom-warning); }
body .el-button.el-button--warning:not(.is-disabled):hover { border-color: var(--ftx-fbx-fcom-warning-hover); color: var(--ftx-fbx-fcom-warning-text); background-color: var(--ftx-fbx-fcom-warning-hover); opacity: 1; }
body .el-button.el-button--warning.is-plain { color: var(--ftx-fbx-fcom-warning); background-color: transparent; }
body .el-button.el-button--warning.is-plain:not(.is-disabled):hover { color: var(--ftx-fbx-fcom-warning-hover); background-color: transparent; }
body .el-button.el-button--danger { border-color: var(--ftx-fbx-fcom-danger); color: var(--ftx-fbx-fcom-danger-text); background-color: var(--ftx-fbx-fcom-danger); }
body .el-button.el-button--danger:not(.is-disabled):hover { border-color: var(--ftx-fbx-fcom-danger-hover); color: var(--ftx-fbx-fcom-danger-text); background-color: var(--ftx-fbx-fcom-danger-hover); opacity: 1; }
body .el-button.el-button--danger.is-plain { color: var(--ftx-fbx-fcom-danger); background-color: transparent; }
body .el-button.el-button--danger.is-plain:not(.is-disabled):hover { color: var(--ftx-fbx-fcom-danger-hover); background-color: transparent; }

body .el-button.el-button--text { border-color: transparent; background-color: transparent; }
body .el-button.el-button--text:hover { border-color: transparent; background-color: transparent; }

body .el-button.fcom_primary_button { border-color: var(--fcom-primary-button); color: var(--fcom-primary-button-text); background-color: var(--fcom-primary-button); }
body .el-button.fcom_primary_button:hover { border-color: var(--ftx-fbx-fcom-primary-button-hover); color: var(--ftx-fbx-fcom-primary-button-text-hover); background-color: var(--ftx-fbx-fcom-primary-button-hover); opacity: 1; }
body .el-input-group__append .el-button { height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; }

body .fcom_space_topics .el-button { border-color: var(--el-border-color); color: var(--fcom-secondary-text); background-color: transparent; }
body .fcom_space_topics .el-button:hover { border-color: var(--el-border-color); color: var(--fcom-primary-text); background-color: transparent; }
body .fcom_space_topics .el-button.fcom_active_topic { border-color: var(--el-border-color); color: var(--fcom-primary-text); background-color: var(--fcom-primary-bg); }

body .feed .expand-button,
body .feed .expand-button .btn_expand { color: var(--fcom-text-link); }
body .feed .expand-button:hover .btn_expand,
body .feed .expand-button .btn_expand:hover { color: var(--ftx-fbx-fcom-text-link-hover); }

/* Inputs */
body .el-input .el-input__wrapper { border: 1px solid var(--fcom-secondary-border); box-shadow: none; }
body .el-input-group--append .el-input__wrapper { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body .search_member .el-input .el-input__wrapper { border: 1px solid var(--fcom-secondary-border); }
body .search_member .el-input .el-input__wrapper.is-focus { box-shadow: none; }

/* Misc */
body .feed .feed_body:last-child { border-bottom: none; }
body .object_header .object_cover.no_cover { /*background-color: ;*/ }
body .spaces .space_contents ul li a.router-link-exact-active::before { background-color: var(--ftx-fbx-fcom-accent); }
body .app_side_widget { border: 1px solid var(--fcom-primary-border); }
body .create_status_holder { border: none; /*1px solid var(--fcom-primary-border);*/ }
body .feed_timestamp:hover { color: var(--fcom-text-off); text-decoration: underline; }
body .fcom_lesson_container .fcom_lesson_sidebar .fcom_section_sidebar_title { display: flex; align-items: center;background-color: var(--fcom-primary-bg); }
body .fcom_lesson_container .fcom_lesson_sidebar { background-color: var(--fcom-secondary-bg); }
body .course_progress_footer_wrap { background-color: var(--fcom-secondary-bg); }
body .el-progress.fcom_progress .el-progress-bar .el-progress-bar__inner { background-color: var(--ftx-fbx-fcom-brand); }
body .feeds_main .space_members > div { margin: 25px 0 0 0; }
body .feeds_main .notifications {  border: 1px solid var(--fcom-primary-border); border-radius: 10px; overflow: hidden; background-color: var(--fcom-primary-bg); }
body .feeds_main .notifications .notification_wrap { border-top: 1px solid var(--fcom-primary-border); }
body .feeds_main .notifications .notification_wrap:first-child { border-top: none; }
body .feeds_main .notifications .notification_item { margin: 0; padding: 15px; }
body .feeds_main .notifications .pagination_wrap { margin: 0; }

/*body .create_status_holder .create_header .form_placeholder { border-color: var(); }*/

body .feed_filters .fcom_feed_divider { opacity: 1; }

body .create_status_holder .create_header .form_placeholder { border-color: var(--fcom-secondary-border); }
body .create_status_holder .create_header .form_placeholder:hover { background-color: var(--fcom-secondary-bg); }

body .el-select-dropdown__item.is-hovering { background-color: var(--fcom-menu-bg-hover); }

body  ul.actions_items li:hover { color: var(--ftx-fbx-fcom-text-link-hover); }

body span.fcom_verified svg { fill: var(--fcom-text-link); opacity: 1; }
body span.fcom_verified svg:hover { fill: var(--ftx-fbx-fcom-text-link-hover); opacity: 1; }

body svg.bookmark_icon_active { color: var(--ftx-fbx-fcom-brand) !important; }

body .ffcom_emoji .emoji-mart { background: #FFFFFF; }
body .emoji-mart-anchor-selected { color: var(--fcom-text-link) !important; }
body .emoji-mart-anchor-bar { background-color: var(--fcom-text-link) !important; }
body .svelte-tabs__selected { border-bottom-color: var(--fcom-text-link) !important; color: var(--fcom-text-link) !important; }
body .fcomc_textarea .svelte-emoji-picker__trigger:hover { color: var(--ftx-fbx-fcom-text-link-hover); }
body .fcomc_textarea .fcomc_add_action:hover { color: var(--ftx-fbx-fcom-text-link-hover); }
body .fcomc_textarea .fcomc_send .fcomc_send_btn { color: var(--ftx-fbx-fcom-text-link-hover); }

body .fcom_user_avatar .fcom_user_level_mark { background-color: var(--ftx-fbx-fcom-brand); }

body .feed .feed_header .feed_user .fcom_user_avatar img { width: 32px; }
body .app_side_widget.course_widget .widget_body .creator_details .creator_details_item .creator_details_info .fcom_user_avatar img { width: 48px; }

body .fcom_social_links a:hover { background-color: transparent; }

body .feed_meta_info { flex-wrap: wrap; }

body .fcom_card_sections .fcom_section_items .fcom_section_item:hover { border-color: transparent; background-color: var(--fcom-menu-bg-hover); }

body .fcom_document_lists .fcom_each_document { border: none; border-bottom: 1px solid var(--fcom-primary-border); }
body .fcom_document_lists .fcom_each_document:last-child { border-bottom: none; }
body .fcom_document_lists .fcom_each_document .fcom_document_actions .el-button { border: none; width: 30px; }

body .fcom_card_sections .fcom_section_primary_item.is_closed { border-bottom: none; }

body .fcom_lesson_container .fcom_lesson_details .feed_media { max-width: 720px; }

body .each_comment .reply_btn:hover { color: var(--ftx-fbx-fcom-text-link-hover); }
body .each_comment .reply_btn:hover { color: var(--ftx-fbx-fcom-text-link-hover); }

body .fcom_full_editor .fcom_full_editor_main.lockscreen_editor .el-scrollbar .fcom_editor_content .fcom_item .fcom_image_wrap { margin-left: auto; margin-right: auto; max-width: 800px; }
body .fcom_full_editor .fcom_full_editor_main.lockscreen_editor .el-scrollbar .fcom_editor_topbar { justify-content: center; }
body .fcom_full_editor .fcom_full_editor_main.lockscreen_editor .el-scrollbar .fcom_editor_content .fcom_item .fcom_image_wrap .fcom_btn { margin-top: 3rem; padding: 15px 25px; font-size: 18px; }

body .el-tabs--border-card > .el-tabs__header { background-color: var(--fcom-secondary-bg); }

body .fc_stats span { border: 1px solid var(--fcom-primary-border); background-color: var(--fcom-active-bg); }

body .el-dialog__headerbtn { display: flex; align-items: center; justify-content: center; }

body .fcom_feed_edit_dialog_header .el-button { border: none; }
body .fcom_feed_edit_dialog_header .el-button span { display: none; }
body .fcom_feed_edit_dialog_header .el-button::before { content: ''; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%2399989A' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z'%3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; }
body .fcom_feed_edit_dialog_header .el-button:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%232E2C2F' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z'%3E%3C/path%3E%3C/svg%3E"); }

body .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend .fcom_profile_sub_menu { min-width: 240px; }
body .fcom_user_context_menu_items ul li.fcom_profile_block a { justify-content: flex-start; }

body div.el-table,
body .fhr_content_layout_body > .fcom_dir_layout:not(.space_members ),
body .white_loaded { border: 1px solid var(--fcom-primary-border); }

.fcom_chat_wrap .fcom_chat_closed .fcom_chat_side_body .fcom_chat_threads .fcom_chat_thread .fcom_chat_thread_avatar img { width: 22px; }


body .fcom_no_items_wrap button.el-button,
body .fcom_no_items_wrap a.el-button { margin-top: 15px; }


body .fcom_lesson_details { background-color: var(--fcom-active-bg); }
body .fcom_lesson_container .fcom_lesson_sidebar { background-color: var(--fcom-primary-bg); }
body .fcom_lesson_container .fcom_lesson_sidebar .fcom_current_lesson { background-color: var(--fcom-secondary-bg); }

body .lockscreen_editor .fcom_editor_content .fcom_content_wrap { margin: 0 auto; max-width: 800px; }

body .fcom_box_card_name .fcom_box_card_by { flex-shrink: 0; padding-left: 5px; }

body .fcom_welcome_box .fcom_welcome_cta_buttons { justify-content: flex-start; }


body .fcom_course_sections .lesson_feature_media { display: block; flex-shrink: 0; width: 60px; height: 48px; border-radius: 4px; background-size: cover; }
body .fcom_course_sections .lesson_feature_media > img,
body .fcom_course_sections .lesson_feature_media > svg { display: none; }