/* Styles for Channels home, search */
.footer_tools, .footer_tools a {
    color: #616161 !important;
    text-decoration: none !important;
}

.reaction_menu {
  display: flex;
  flex-direction: row;
}
.reaction_menu span {
  cursor: pointer;
}
.reaction_menu span:hover {
  color: #0076a8 !important;
}

.footer_tools a:hover, .footer_tools button:hover {
  color: #0076a8 !important;
}

.selected_channel {
    background-color: #f00;
}

.channel_link, .channel_link a,
.channel_link a:visited,
.channel_link a:hover,
.channel_link a:active {
    color: #616161 !important;
}

.channel_home_link {
  margin-left: -15px; 
  padding-left: 15px;
}

.channel_nav_row {
    padding-bottom:3px; padding-top: 3px;
}

.channel_topic_full_panel {
  border: 1px solid #ddd !important;
  margin-bottom: 15px;
}
.channel_topic_full_author {
  display: inline-block;
}
.channel_topic_full_body {
  padding: 0px 6px 6px 6px;
}

.tbc_content_body {
  margin-left: 6px;
}

#tbc_container_header {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#tbc_container_header .search_container {
  height: 48px;
  flex: 2;
}

.result_body_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tbc_title_and_body {
  flex: 1;
}

.content_metadata {
  flex: 0 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}

.content_metadata .panel {
  height: 68px;
  width: 68px;
  margin: 0 auto; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_metadata .panel p { 
  margin: 0;
}

.content_metadata .preview_image { 
  max-width: 100px;
}

.add_border_color_green {
  border-color: #008013 !important;
}

.add_text_color_green {
  color: #008013 !important;
}

.align_top {
  vertical-align: top;
}

.channel_topic_full_title {
  padding: 10px 10px 0px 10px;
}

.remove_padding_right {
    padding-right: 0px;
}

[id^="tags_prompt_btn"] {
  vertical-align:  top;
}
[id^="chn_prompt_div"] {
  display: inline-block;
}

.channel-avatar-img {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #c1c1c1 !important;
    border-radius:50%;
    margin-top: 6px !important;
}

.avatar-img-big {
    width: 96px !important;
    height: 96px !important;
    border: 1px solid #c1c1c1 !important;
    border-radius:50%;
    margin-top: 6px !important;
}

.channel_follow_btn {
    background-color: transparent !important; 
    border: 0 !important;
}

.caught_up_panel {
    padding-top: 15px; 
    text-align: center;
}

/* MLC Home / Expore styles */
.areas .media {
    margin: 10px 0;
}
.icons {
    padding: 10px 10px 0 0;
}

.icons-description {
    font-size: 14px;
}

.icons-description a {
    font-weight: bold;
}

.icons-description p {
    margin-bottom: 0 !important;
}

.area-icon {
    padding: 0px 8px 5px 8px;
}

.channel-label {
    border-radius: 3px;
    padding:6px;
    padding-left:10px;
    padding-right: 10px;
    color: #fff;
    background-color: #000; /* This will be overridden */
    opacity: .75;
}

/* Used for validation error */
.btn_color_red, .btn.btn_color_red:visited {
    background: #b7312c;
}

.topic_placeholder_input {
    border: solid #BFBFBF 1px !important;
    border-radius: 5px !important;
}

.input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.icon-wrapper {
  position: absolute;
  left: 10px; /* Adjust position */
  top: 50%;
  transform: translateY(-50%);
  width: 24px; /* Adjust wrapper size */
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* Prevent interaction */
}

.input-with-icon {
  width: 100%;
  padding-left: 40px; /* Space for icon */
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}

.input-with-icon::placeholder {
  text-indent: 35px; /* Adjust spacing for placeholder text */
}

.channel_banner {
    padding: 15px 20px 10px;
    margin-bottom: 30px;
    background-size: auto 100%;
    border-radius: var(--mw-ws-global-border-radius);
}

.channel-visibility-label {
  position: relative;
  bottom: 2px;
}

@media only screen and (max-width: 992px) {
  .channel_banner {
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .content_container {
    padding-top: 0px !important;
  }
}

.channel_qa_div {
  margin-left: 15px; 
  padding-left: 0px !important; 
  border-top: 1px solid #BFBFBF;
}

.channel_follow_btn {
  padding-left: 0px !important;
}

.channel_nav {
    position: -webkit-sticky !important;     
    position: sticky !important;
    top: 102px; 
    overflow: clip !important;
    float: left;
}

.remove_category_facets {
    display:inline; 
    margin-top: -5px;
}

.compact_result_row {
    border-top: 0 !important;
}

.search_result_table {
  margin-bottom: 5px !important;
}

.compact_result_meta {
    margin-bottom: 0px !important;
}
.compact_result_contributor {
    white-space: nowrap; 
}
.compact_result_avatar {
    vertical-align:top;
}
.compact_result_title {
    display: inline-block;
    white-space: normal;
    padding-left: 5px;
}
.compact_result_title_text {
  font-size: 16px;
}

.channel_pinned_icon {
  font-weight: 900;
  padding-right: 4px;
}

.compact_result_footer {
  font-weight: 400;
}

.filter-buttons {
    display: inline-flex;
    margin: 0 0 0 0 !important;
  }
  
  .filter-buttons>li {
    padding: 0 !important;
  }
  
  .filter-button {
    padding: 0;
    margin: 0;
  }
  
  .filter-button:before {
    content: "" !important;
  }
  
  .filter-button label {
    padding: 9px 0px 8px !important;
    background-color: #FFFFFF !important;
  }
  
  .filter-button label:hover {
    opacity: 1 !important;
  }
  
  .filter-button label a {
    text-decoration: none;
    padding: 9px 10px 8px !important;
  }
  
  .filter-button label a:visited {
    color: #0076a8 !important;
  }
  
  .filter-button.active label {
    background: #0076a8 !important;
    color: #FFFFFF !important;
  }
  
  .filter-button.active label a {
    color: #FFFFFF !important;
  }
  
  .filter-button:not(:last-child)>.btn, .filter-button>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .filter-button:not(:first-child)>.btn, .filter-button>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .add_channel_label_margin {
    margin-right: 152px !important;
  }

  .chan_nav_row {
    margin-top: 5px; 
    margin-bottom: 5px;
    padding-left: 15px;
  }

  .add_chan_select_color {
    background-color: #F5F5F5; /* Gray100 */
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .channel_body_preview {
    max-height: 220px;
    overflow: hidden;
    position: relative;
  }
  .channel_body_preview_fade {
    -webkit-mask-image:linear-gradient(rgba(255,255,255,1) 120px, rgba(255,255,255,0) 190px, rgba(255,255,255,0) 200px);
    mask-image: linear-gradient(rgba(255,255,255,1) 120px, rgba(255,255,255,0) 190px, rgba(255,255,255,0) 180px);
    max-height: 220px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
  }
  .channel_body_show_more {
    position: absolute; 
    top: 200px; 
    width: 100%; 
    text-align: center;
    margin-top: -60px;
  }
  .channel_body_view_full_label {
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    text-align: center;
  }
  .channel_body_view_full_link {
    height: 75px; 
    width:100%;
  }

  .add_padding_right_10 {
    padding-right: 10px;
  }

  #explore_topic_right_container {
    display: flex;
  }

  @media only screen and (max-width: 992px) {
    #index_div {
      padding: 10px 0 0 0;
    }
  }
  
  .contribution_tab_container {
    margin-bottom: 50px;
  }

  @media (max-width: 767px) { 
    .contribution_tab_container {
      margin-bottom: 20px;
    }
  }

 /* ----- Polls ----- */

  li.content_type {
    padding-left: 10px;
  }

  li.content_type::before {
    content: "" !important
  }

  #content_types {
    margin-bottom: 0px;
  }

  #promotion_icon {
    padding-right: 5px;
  }

  .poll_form_container {
    margin-bottom: 0;
  }

  .add_margin_bottom {
    margin-bottom: 35px !important;
  }

  .channel-index-footer {
    justify-content: center !important;
  }

  /* PRIVATE CHANNEL STYLES */

.search_container {
  height: 52px;
}

  
.S0 {
  margin: 3px 10px 5px 4px;
  padding: 0px;
  line-height: 28.8px;
  min-height: 0px;
  white-space: pre-wrap;
  color: rgb(213, 80, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 24px;
  font-weight: normal;
  text-align: left;
}

.S1 {
  margin: 2px 10px 9px 4px;
  padding: 0px;
  line-height: 21px;
  min-height: 0px;
  white-space: pre-wrap;
  color: rgb(0, 0, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}

.CodeBlock {
  background-color: #F7F7F7;
  margin: 10px 0 10px 0;
	overflow: auto;
}

.S2 {
  margin: 2px 10px 9px 4px;
  padding: 6px 45px 0px 13px;
  line-height: 17.234px;
  min-height: 18px;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
}

.S3 {
  margin: 2px 10px 9px 4px;
  padding: 0px 45px 0px 13px;
  line-height: 17.234px;
  min-height: 18px;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
}

.S4 {
  margin: 2px 10px 9px 4px;	
  
  padding: 0px 45px 4px 13px;
  line-height: 17.234px;
  min-height: 18px;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
}

.S5 {
  margin: 2px 10px 9px 4px;	
  color: rgb(64, 64, 64);
  padding: 10px 0px 6px 17px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  overflow-x: hidden;
  line-height: 17.234px;
}

.S6 {
  margin: 10px 10px 9px 4px;
  padding: 0px;
  line-height: 21px;
  min-height: 0px;
  white-space: pre-wrap;
  color: rgb(0, 0, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}

.S7 {
  padding: 6px 45px 4px 13px;
  line-height: 17.234px;
  min-height: 18px;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


 /* Styles from Ryan */

html,
html body {
  font-size: 14px;
}

/* Global */
.table {
  --mw-ws-table-collapse-td-width:28% !important;
}

#search_result_header .input-group {
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 575.98px) {
  .search_results_actions {
    margin-bottom: var(--mw-ws-global-margin-bottom);
  }
  .table_collapse th {
    border-bottom: none;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    visibility: visible;
  }
  .table_collapse th[scope=col] {
    display: none;
  }
  .table_collapse th[scope=row] {
    width: 100%;
    padding-left: var(--mw-ws-table-collapse-td-padding-x) !important;
    text-align: left;
  }
  .table_collapse th[scope=row] .form-check {
    display: flex;
    align-items: top;
    flex-direction: row;
    gap: 8px;
    line-height: 1;
  }
  .table_collapse th[scope=row] .form-check-input {
    margin-top: 0;
  }
  .table_collapse td {
    padding-left: var(--mw-ws-table-collapse-td-width) !important;
  }
  .table_collapse td[data-label=Comment]:before {
    justify-content: flex-start;
  }
  .table_collapse td[data-label="Suspected Content"]:before {
    justify-content: flex-start;
  }
  .table_collapse td[data-label="Moderated Content"]:before {
    justify-content: flex-start;
  }
}
/* Discussions Threads */
/* OP Post Controls */
.dropdown-toggle:has(.icon-kebab):after {
  content: none !important;
}

a.dropdown-item[class*=icon-] {
  --bs-dropdown-item-padding-y:0.5rem;
  padding-left: calc(var(--bs-dropdown-item-padding-x) + 1.75em);
}

a.dropdown-item[class*=icon-]:before {
  margin-left: -1.75em;
}

/* Response Footer */
[id*=replies_topic_] .mw_ws_accordion_container {
  --mw-ws-accordion-container-margin-bottom: 0;
}
[id*=replies_topic_] .mw_ws_accordion_container .accordion {
  --bs-accordion-color: var(--mw-ws-helper-color-mediumgray);
  --mw-ws-accordion-header-font-weight: 400;
}

/* Temp Global Support to be Added */
table .form_check_container {
  margin-bottom: 0;
}

#search_results_container table {
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  .table_collapse td:before {
    width: var(--mw-ws-table-collapse-td-width) !important;
    padding: var(--mw-ws-table-collapse-td-padding-y) var(--mw-ws-table-collapse-td-padding-x) !important;
  }
  .table td[class*=cell_] {
    width: 100%;
  }
}
/* Nuggets Temp Fixes */
#search_result_nuggets:not(:has(.nugget)) {
  display: none;
}

#search_result_nuggets #nuggets_remove_all {
  display: none !important;
}

#search_result_nuggets #nuggets_container.nuggets_v3 .nuggets_remove_all a {
  padding: calc(var(--mw-ws-nugget-padding) - (var(--mw-ws-nugget-icon-size) - var(--mw-ws-nugget-font-size)) / 2);
  border: var(--mw-ws-nugget-border);
  border-radius: var(--mw-ws-nugget-border-radius);
  color: var(--mw-ws-nugget-color) !important;
  display: inline-block;
  font-size: var(--mw-ws-nugget-icon-size);
  line-height: 1;
  white-space: nowrap;
  transition: border-color 0.3s ease;
}
#search_result_nuggets #nuggets_container.nuggets_v3 .nuggets_remove_all a:hover {
  border-color: var(--mw-ws-nugget-hover-border-hover);
}
#search_result_nuggets #nuggets_container.nuggets_v3 {
  /* Nugget List: Remove All Affordance */
}
#search_result_nuggets #nuggets_container.nuggets_v3:has(.nuggets_remove_all a:hover) .nugget a, #search_result_nuggets #nuggets_container.nuggets_v3:has(.nuggets_remove_all a:focus) .nugget a {
  border-color: var(--mw-ws-nugget-hover-border-hover);
  text-decoration: line-through;
}
#search_result_nuggets #nuggets_container.nuggets_v3 {
  /* Nugget List: Content Alignment */
}
#search_result_nuggets #nuggets_container.nuggets_v3:has(#nuggets_overflow_actuator[style*=none]) .nuggets_remove_all {
  margin-left: auto;
}
#search_result_nuggets #nuggets_container.nuggets_v3:has(#nuggets_overflow_actuator:not([style*=none])) #nuggets_overflow_actuator {
  margin-left: auto;
}
#search_result_nuggets #nuggets_container.nuggets_v3:has(.nuggets_remove_all[style*=none]) #nuggets_list_container {
  margin-right: auto;
}

/* ---- Leaf Page Meta ---- */
#leaf_meta {
  padding-top: 6px;
  padding-bottom: 20px;
  margin-bottom: 2.25rem;
  border-bottom: 1px solid var(--mw-ws-global-border-color);
  font-size: 1.0714285714rem;
}

#leaf_meta .post_meta_container {
  gap: 4px 30px;
}

#leaf_meta .author_inline {
  font-weight: 500;
}

#leaf_meta .contributor_info [class*=icon-] {
  line-height: 1;
}

#leaf_meta .post_meta_container .post_meta_detail {
  color: var(--mw-ws-helper-color-mediumgray);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
}

#leaf_meta #accepted_label {
  color: var(--mw-ws-helper-color-green);
  font-weight: 700;
}

#leaf_meta_ctas {
  width: 100%;
}

#leaf_meta .btn-link {
  color: var(--mw-ws-global-link-color);
  border: none;
  font-size: 1.0714285714rem;
  text-decoration: underline;
  text-decoration-color: var(--mw-ws-helper-border-color-transparent);
}

#leaf_meta .btn-link:hover {
  color: var(--mw-ws-global-link-hover-color);
  text-decoration-color: var(--mw-ws-global-link-hover-color);
}

@media (min-width: 992px) {
  body:has(#leaf_meta) #sticky_container:not(.-is_locked) #localnav {
    background-color: var(--mw-ws-helper-bg-gray) !important;
  }
  body:has(#leaf_meta) #sticky_container:not(.-is_locked) #localnav .navbar {
    background: var(--mw-ws-helper-bg-gray) !important;
  }
  #leaf_meta {
    padding-top: 6px;
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  #leaf_meta {
    padding-top: 20px;
    padding-bottom: 16px;
  }
}
#mobile_cta_container {
  width: 100%;
  position: fixed;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  transition: bottom 0.3s ease;
  z-index: 5;
}

#mobile_cta_container.cta_show {
  bottom: 0;
}

#mobile_cta_content_container {
  width: 100%;
  border-top: 1px solid var(--mw-ws-global-border-color);
  background: var(--mw-ws-helper-bg-white);
}

#mobile_cta_content {
  max-width: 300px;
  padding: 20px;
  margin: 0 auto;
  background: var(--mw-ws-helper-bg-white);
}

.mobile_cta_actuator_container {
  height: 39px;
  padding: 1px 1px 0;
  margin: 0 auto -1px;
  aspect-ratio: 191/40;
  background: var(--mw-ws-global-border-color);
  position: relative;
  z-index: 2;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 191 40" preserveAspectRatio="none"><path d="M19.14,5.18L0,40h191l-20.26-35.01c-1.79-3.09-5.09-4.99-8.65-4.99H27.91c-3.65,0-7.01,1.99-8.76,5.18Z" fill="white"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: 0 0;
}

.mobile_cta_actuator {
  height: 39px;
  padding: 1px;
  aspect-ratio: 191/40;
  background: var(--mw-ws-helper-bg-white);
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 2;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 191 40" preserveAspectRatio="none"><path d="M19.14,5.18L0,40h191l-20.26-35.01c-1.79-3.09-5.09-4.99-8.65-4.99H27.91c-3.65,0-7.01,1.99-8.76,5.18Z" fill="white"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: 0 0;
}

.mobile_cta_actuator_container .btn-link {
  width: 90%;
  height: 36px;
  padding: 0;
  border: none;
  text-decoration: none !important;
  outline-offset: -9px;
}

#question_activity_meta .panel-body {
  --mw-ws-panel-body-padding: 20px;
}
#question_activity_meta .user_activy_meta:not(:last-child) {
  padding-bottom: 25px;
}
#question_activity_meta .is_accetped {
  color: var(--mw-ws-helper-color-green);
  text-decoration: underline;
}

/* Styles from Ryan end */


.avatar-img {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #c1c1c1 !important;
  border-radius:50%;
}

.avatar-img-small {
  width: 24px !important;
  height: 24px !important;
  border: 1px solid #c1c1c1 !important;
  border-radius:50%;
}

.topic_title_tag {
  font-size: 24px;
}

.thread_body {
  padding-left: 16px;
}

.thread_menu_icon {
  font-size:24px;
  text-decoration: none !important;
}

.inline-form {
  display: inline-block;
}

.report-flag-modal {
  max-width: 420px; min-width:320px; margin:auto;
}
.icon-fix-vert {
  vertical-align: top;
  line-height: 16px;
}

.radio {
  margin-bottom: 0px;
}
 .expand_collapse .collapse.in { overflow: visible; }

.smart_wrap {
  word-break: break-word;
  word-wrap: break-word;
  /*display: inline-block;*/
}

.smart_wrap > img {
  padding-bottom: 15px;
}

.btn-link-force {
  color: #337ab7 !important;
}

.add_padding_top_5 {
  padding-top: 5px;
}

.add_padding_top_10 {
  padding-top: 10px;
}

.add_padding_top_15 {
  padding-top: 15px;
}

.add_padding_top_30 {
  padding-top: 30px;
}

.add_padding_bottom_5 {
  padding-bottom: 5px;
}

.add_padding_bottom_10 {
  padding-bottom: 10px;
}

.add_padding_bottom_15 {
  padding-bottom: 15px;
}

.add_padding_bottom_20 {
  padding-bottom: 20px;
}
.add_padding_bottom_40 {
  padding-bottom: 40px;
}

.views_icon {
  vertical-align: middle;
  padding-right: 2px;
}



/* Hack to be replaced by OPC editor, which should have better error style support */
.mw_markup_edit_error {
  z-index: 99 !important;
  /*position: floating;*/
  top: 82px !important;
  right: 10px !important;
}

@media (max-width: 480px) {
    .reply_list {
      padding:0;
      margin:0;
    }
}

/* Tags Separator */

.separator:after {
  content: ",";
}

/* Community Profile Image */

.content_container .community_profile_image {
    width: 25px;
    margin-right: 3px;
    border-radius:50%;
}

/* Search Results */

.search_result_desc {
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;

  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.result_summary .paginate {
  line-height: 36px;
}

.search_result_desc .tags_index ul{
  display: contents;
}

.search_result_desc .contribution {
  padding-top: 5px;
}

.content_container {
  padding-bottom: 50px !important;
}

.empty-component-body {
  background-color: #fff;
  height: 50px;
}

.add_minimum_height {
  height: 200px;
}

.page-arrows {
  padding: 5px !important;
}

@media only screen and (min-width: 768px) {
  .related_content {
    padding-left: 15px !important;
  }
}

.rating:before { display: none; }
.disc-rated { color: #B3882A; overflow: hidden; position: absolute; white-space: nowrap; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
  background: url(/matlabcentral/discussions/ico-star-flat-16.png) 0 0 repeat-x;
}

[id*="container_reply_"] {    
  .disc-rated:before { content:none !important; }
  .rating  { width: 100%; position: absolute; top: 0; }
  [id*="rating_div_reply_"] { overflow:hidden; }
  .rating_scale { color: #e6e6e6; float:left; clear:right; position:relative; }    
}

.star-rating li { display: inline; margin: 0; padding: 0; }

.star-rating a,
.star-rating .current-rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 18px;
  line-height: 18px;
  outline: none;
  overflow: hidden;
  border: none;
  z-index: 1;
  background-position: 0 -38px;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus { background-position: 0 -38px; }

.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.inline-rating { display: inline-block; vertical-align: middle; }

ul.star-rating {
  top: 3px;
  position: relative;
  bottom: 0;
  width: 80px!important;
  height: 18px;
  overflow: hidden;
  list-style: none;
  background-position: left top;
  margin: 0!important;
  padding:0;
}

.op_panel {
  background-color: #EDF5F9;
  border-left-width: thick !important;
  border-left-color: #0076a8 !important;
}

/* Override mlc.css, restoring site7 */
/* Required to avoid shading action items purple */
a:visited :not(class*="mentioned_myself") {
  color: #337ab7 !important;
}

p.h1 > a:visited {
  color: #ffffff !important;
}


/* Polls Styles */

.poll_choices_input {
  display: flex;
}

/* #poll_choice_1, #poll_choice_2{ 
  margin-right: 30px;
} */

.remove_choice {
  padding-left: 10px !important;
  font-size: 30px;
}

#preview_choices .radio {
  padding-bottom: 0px !important;
}

.is-invalid #locations .form-check, .is-invalid label {
  color: #b7312c;
}

.show_results {
  padding-left: 10px;
}

#poll_avatar .avatar-img {
  width: 24px !important;
  height: 24px !important;
}

#poll_avatar {
  grid-column: span 1/1;
  grid-row: span 1/1;
}

/* fix for g2693728 */
#poll_footer .footer_tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#poll_footer .footer_tools #right_menu{
  align-self: center;
  margin-left: auto;
}

#poll_results .poll_result {
  width: auto;
  height: auto;
  border: 1px solid #99cbe1;
}

#poll_results .poll_result #poll_result_body { 
  display: grid;
  grid-row-gap: 10px;
}

#poll_results .poll_result .poll_result_info {
  padding-left: 5px;
}

#poll_results .poll_result #option_title {
  grid-column: span 12;
  word-break: break-word;
}

#poll_results .poll_result #poll_vote_avatar img {
  width: 30px !important;
  height: 30px !important;
}

#poll_results .poll_result #result_avatar {
  text-align: center;
  padding-top: 15px;
}

.embedded_cta {
  display: flex;
  align-items: center;
  justify-content: center;
}

#embedded_poll_meta {
  padding-top: 5px;
}

#embedded_poll_meta span {
  padding-right: 10px;
}

#embedded_comment {
  margin-top: 20px;
}

#poll_edit {
  padding-top: 5px;
  width: auto;
}

.add_padding_right {
  padding-right: 10px;
}

.add_padding_right_15 {
  padding-right: 15px;
}

.margin_right_30 {
  margin-right: 30px;
}

.margin_right_15 {
  margin-right: 15px;
}

.margin_left_15 {
  margin-left: 15px;
}

.padding_right_15 {
  padding-right: 15px;
}

.add_padding_left_15 {
  padding-left: 15px;
}

.add_padding_left_5 {
  padding-left: 5px;
}

.add_padding_left_10 {
  padding-left: 10px;
}


#preview_poll_title {
  word-break: break-word;
}


@media (max-width:425px) { 
  #poll_edit {
    padding-bottom: 10px;
  }
}

/* Correct the placement of attached files, which inherits a -15 left/right margin */
.attached_container {
  margin-left: -5px;
  margin-right: -5px;
}

.reply_placeholder_container {
  width: 100%; margin-top: 15px !important;
}

[id^="reply_placeholder_input"] {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  font-size: inherit;
  background-color: #fff;
  width: 100%;
  padding: 5px;
}

.pending-uploads {
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}

.disabled {
  color: #555;
}

.dropdown-menu {
  min-width: 255px !important;
}

.topic-dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

.topic-form .matlabmarkup-preview-body img,
.reply-body img,
.reply-body .matlabmarkup-preview-body img {
  max-width: 585px;
}

.remove_margins {
  margin: 0px !important;
}

.posts_by_author {
  margin: 0px !important;
}

.posts_by_author li:before {
  content: "" !important;
}

.posts_by_author li {
  padding: 0px !important;
}

.author_actions, .moderator-actions {
  background-color: #f5f5f5;
}

.badges_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 2px;
}

.badges_list li {
  width: 36px;
  height: 36px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 5px;
}

.badges_list li img {
  width: 100%;
  height: 100%;
}

.badges_list li:before {
  content: "" !important;
}

.more_badges {
  width: 30px;
  height: 30px;
  background-color: #f5f5f5; /* Set the background color */
  border-radius: 50%; /* Make it a circle */
  display: flex;
  align-items: center;
  justify-content: center;
}

.more_badges_count {
  color: #616161;
}

.first_badge {
  display: flex;
  align-items: center;
  justify-content: center;
}

.first_badge > img {
  max-width: 28px !important;
  height: auto;
}

.author-stats {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.stat-item {
  color: #616161;
  min-width: 33.33%;
  width: auto;
}

.stat-number {
  font-weight: bold;
}

.author_actions #view_profile, .author_actions_md #view_profile, #follow_action a, .moderator-actions a {
  color: black;
}

.author-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  position: relative;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5 ;
  margin-bottom: 50px;
}

.author_post {
  overflow-wrap: break-word;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
  /* Adjust for tablets and small desktops */
  .author-panel-avatar {
      width: 10% !important;
      padding-top: 10% !important;
  }
}

@media (max-width: 480px) {
  /* Adjust for mobile devices */
  .author-panel-avatar {
      width: 20% !important;
      padding-top: 20% !important;
  }
}

.author-panel-avatar {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30%;
  transform: translateX(-50%) translateY(50%);
  padding-top: 30%;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}

.author-panel-avatar .author-profile-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute;
}

#author_panel .panel-body {
  padding: 0;
}

.author_actions {
  margin-bottom: 15px;
}

.author-bio {
  padding-bottom: 0px !important;
  overflow-wrap: anywhere;
}

.hr_separator {
  margin-top: 5px;
  margin-bottom: 5px;
}

/****** Reaction Styles ******/

.reaction-like {
    padding: 0;
    vertical-align: middle;
    color: #616161 !important;
}

.reaction_menu_reply {
  display: inline-block;
}

.reaction_menu_channels {
  display: inline-block;
}

#welcome-alert:before {
  content: "" !important;
}

/* .topic-dropdown-menu li {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 9px;
} */

.remove_border_bottom {
  border-bottom: none !important;
}

#member_management_content .typeahead_container.-presentation_grouped  {
  max-width: 100% !important;
}

/* Members chips UI (Bootstrap 5 friendly) */
.members-chips-input {
  width: 100%;
  min-height: 44px; /* match typical BS5 control height */
  gap: 0.5rem;
}

.members-chips {
  gap: 0.5rem;
  min-width: 0; /* allow shrink */
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Chip appearance (Bootstrap 5 friendly) */
.member-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--bs-light, #f8f9fa);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 0.9rem;
  color: var(--bs-body-color, #212529);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
  max-width: 240px;
}

.member-chip .chip-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  font-size: 0.75rem;
  overflow: hidden;
}

.member-chip .chip-name {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Use the built-in BS5 close icon style */
.member-chip .chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  border: none;
  color: rgba(0,0,0,0.6);
  padding: 0;
  margin-left: 4px;
  cursor: pointer;
}
.member-chip .chip-remove:hover {
  color: rgba(0,0,0,0.9);
}

/* Make input sit to the right and expand */
.members-chips-input .members-input {
  border: none;
  box-shadow: none;
  background: transparent;
  outline: none;
  flex: 1 1 180px;
  min-width: 120px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Leaf page updates */

#topic-avatar .avatar-img {
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
}

.members_responsive_table {
  overflow: auto;
}