@media (min-width: 992px) {
  .header-resume .head-bar.head-sticky {
    top: 80px !important;
    left: var(--sidebar-width);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body:not(.sidebar-left-modal) .header-resume .head-bar.head-sticky {
    left: 0;
  }
}

.reflection-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  font-size: 16px;
  font-family: var(--main-font-family);
  font-style: normal;
  font-weight: 600;
  color: #333333;
}

.close-reflection {
  color: #000;
  font-size: 24px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: flex-start;
}

.reflection-content {
  gap: 24px;
  display: flex;
  flex-direction: column;
}

.reflection-content-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-heading-color);
}

.reflection-image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
}

.reflection-item {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
}

.reflection-header {
  display: flex;
  align-items: flex-start;
}

.reflection-avatar {
  margin-right: 12px;
}

.reflection-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.reflection-meta {
  flex: 1;
}

.reflection-author {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-heading-color);
  text-align: left;
}

.reflection-action {
  font-size: 16px;
  font-weight: normal;
}

.reflection-date {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
}

.reflection-content-message {
  margin-bottom: 12px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-heading-color);
}


.reflection-actions-content-message .reflection-btn:hover {
  background-color: var(--horizontal-menu-sub-active-background);
  border-radius: var(--border-radius-sm);
  line-height: unset !important;
}

.reflection-btn {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.reflection-btn.delete-reflection-btn:hover {
  color: var(--warning-color);
}

.event-card-date {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--warning-color);
  margin-top: 24px;
}

.event-author {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.reflection-btn i {
  font-size: 12px;
}

.no-reflections {
  text-align: center;
  color: #65676b;
  font-size: 14px;
  padding: 40px 20px;
}

/* Modal styles */
#reflectionsJournalModal .modal-dialog {
  max-width: 600px;
}

#reflectionsJournalModal .modal-body {
  padding: 0;
  max-height: 500px;
  overflow-y: auto;
}

#reflectionsList {
  padding: 16px;
}

.reflection-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.reflection-flash-message {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--main-text-color);
  padding: 24px 40px;
  background-color: var(--success-color-flash);
}

.pup-up-more-button-icon {
  font-size: 28px !important;
  height: 28px !important;
  width: 28px !important;
  min-width: 28px !important;
}

.notify_content > a .conversation_count, .notify_content > a .notification_count, .notify_content > a .chat_count {
  top: 1px;
  left: 55%;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.notification-subject-text span {
  font-size: 16px;
  line-height: 22px;
}

.notify_content .dropdown-menu#notifications_list {
  padding: 24px;
}

.notification-group-list .notification-group-main {
  margin: 24px 0;
  padding: 8px;
}

#notifications_list li:last-child .notification-group-main {
  margin-bottom: 0;
}


.notification-group-list .notification-group-main.unread {
  border-radius: var(--border-radius-s);
  background-color: var(--horizontal-menu-sub-active-background);
}

.notification_content a {
  padding: 0 !important;
  flex-direction: row !important;
  gap: 8px;
}

.notification_content_wrapper {
  display: flex;
  flex-direction: column;
}

.notify_top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.package-btn.package_action {
  display: flex;
  gap: 8px;
}

.notify_top span {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
}

.subscription-section {
  margin: 24px;
}

.current_subscription_info .status {
  align-items: center;
  padding: 0 16px;
  border-radius: 24px;
  background: var(--warning-color);
  color: white;
}

.current_subscription_info_field {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.current-subscription-status-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.current_subscription_info .status.active {
  background: var(--success-color);
}

.more-notify {
}

.notify_content .dropdown-menu#notifications_list {
  border-radius: var(--main-border-radius);
}

.notification-subject-wrapper {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: stretch;
  justify-content: space-between;
}

.notification-subject-wrapper  a {
  width: auto !important;
}


.notification-subject-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.notification-subject-text strong {
  font-weight: 600;
}

.notification-subject-text-name {
  padding-right: 50px;
}

.notification-subject-img {
  display: flex;
  gap: 8px;
}

.notification-group-list .notification_content {
  margin: 0;
}

.notification-date {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
}

.notification-group-list .noti_option {
  position: initial;
  display: none;
  flex-direction: column;
  justify-content: space-between;
}

.notification-subject-wrapper:hover .noti_option {
    display: flex;
}

.notification-group-list .noti_option > a:first-child {
  display: contents !important;
}

.request-friend .btn {
  padding: 0 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.notify_content .more-notify {
  background-color: initial;
  text-decoration: underline;
  color: var(--main-color);
}

.notify_content .more-notify a {
  color: var(--main-color)!important;
}

.msg_wrapper {
  border-radius: var(--main-border-radius);
}

.profile-menu {
  display: none;
}

.userTagging-userTagging {
  border: none;

}

.form-feed-review {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid var(--border-color);
  box-shadow: none;
  border-radius: 8px;
}

.bootstrap-tagsinput input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.bootstrap-tagsinput input {
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  margin: 0;
  min-width: 300px;
}

.event-form-wrapper .bootstrap-tagsinput input {
  margin-left: 10px;
}

.bootstrap-tagsinput .tag {
  border: none;
  background: var(--horizontal-menu-sub-active-background);
  border-radius: 4px;
  padding: 2px 8px;
  margin: 2px;
}

#topic_thumnail_preview {
  padding-top: 16px;
}

.qq-upload-button .upload-section {
  padding: 0 5px;
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 32px;
  background-color: var(--card-color);
}

.like-action .act-item .act-item-symbol.active .act-item-icon,
.like-action .act-item .act-item-symbol.active svg path {
  color: var(--main-color) !important;
  fill: var(--main-color) !important;
}

.notification-icon-wrapper {
  display: inline-block;
  color: #000000;
  transition: color 0.3s ease;
}

.markMsgStatus:hover .notification-icon-wrapper {
  color: #0099cc;
}

.notifications-btn-wrapper {
  height: 48px;
  display: flex;
  gap: 8px;
}
.request-friend-action {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.request-friend-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  flex-direction: column;
}

.notifications-btn-wrapper .btn {
  height: 48px;
  background-color: var(--card-color);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  padding-left: 24px!important;
  padding-right: 24px!important;
}

.btn.btn-cs .btn-cs-main .btn-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.notifications-btn-wrapper .btn:hover {
  background-color: var(--border-color);
  border: 1px solid var(--border-color);
}

.create_form .qq-upload-button {
  background-color: var(--card-color);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-s);
  height: 40px;
}

.userTagging-userTagging .bootstrap-tagsinput .label-info {
  margin-bottom: 0;
}

.form-feed-review-main .form-feed-review-item {
  padding-bottom: 0;
}

.profile-menu {
  display: none;
}

.userTagging-userTagging {
  border: none;
}

.feed-entry-item .feed-option {
  display: flex;
  gap: 8px;
}

.feed-entry-item .activity_content_head {
  justify-content: space-between;
}

.feed-option .bookmark-icon-activity-app {
  width: 24px;
}

.feed-entry-item .feed-option .feed-option-item {
  margin: 0;
}

.qtip_body .qtip_user_avatar .user_avatar {
  width: 100px!important;
  height: 100px!important;
}

.tooltip-user-btn {
  font-size: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.tooltip-user-btn span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.btn .btn-cs-main .btn-icon + .btn-text {
  margin-left: 0;
}

.btn.btn-cs {
  padding: 0 15px;
}

.qtip_body .qtip_user_actions {
 gap: 8px;
}

.qtip_body .qtip_user_main {
  background-color: var(--card-color);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.btn-user_tip {
  display: flex;
  align-items: center;
  color: var(--main-color);
  height: 48px;
  border-color: var(--main-color) !important;
  background-color: initial !important;
}

.tooltip-user-btn .material-symbols-outlined {
  font-size: 24px;
}

.qtip_user_actions_btn {
  padding: 0 15px;
}

.qtip_user_actions_btn {
  font-size: 18px;
}

.btn .btn-cs-main .btn-icon {
  font-size: 16px;
  height: 24px;
  width: 24px;
}


.qtip_body .qtip_user_actions .btn-cs-main {
  max-height: 24px;
}

.form-feed-review {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid var(--border-color);
  box-shadow: none;
  border-radius: 8px;
}

.userTagging-userTagging .bootstrap-tagsinput .label-info {
  margin-bottom: 0;
}

.form-feed-review-main .form-feed-review-item {
  padding-bottom: 0;
}

.menu_acc_content .onoffswitch .onoffswitch-switch {
  top: 5px;
  width: 10px;
  height: 10px;
  background: #333333;
  border-color: #333333;
}

.onoffswitch span {
  font-size: 32px;
}

#appearanceMode {
  display: flex;
  align-items: center;
}

.dark-mode-text {
  margin-top: -5px;
}

.onoffswitch {
  margin-left: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 20px;
}

.nice-select.form-control {
  display: flex;
  align-items: center;
}

.comment_lists .comment-item .comment-time {
  color: #828282;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  vertical-align: middle;
}

.comment_thumb {
  margin: 8px 0;
}

.onoffswitch label {
  cursor: pointer;
}


body.overflow-hidden {
  overflow-y: auto;
  resize: none;
}

.no-more-results {
  width: 100%;
  text-align: center;
  padding-top: 24px;
}

.main-navigation {
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.main-menu {
  display: flex;
  list-style: none;
}

.like-section .likes .box_liked_user .box-user-list .box-user-item {
  width: 30px !important;
  padding: 0 !important;
  margin-right: -5px;
  border: 1px solid transparent;
  border-radius: 50%;
}

.warning {
  color: var(--warning-color) !important;
}

.dropdown-menu {
  min-width: 192px;
  min-height: 270px;
  border-radius: 8px;
}

.dropdown-menu > li > a {
  font-size: 16px !important;
  padding-bottom: 16px !important;
}

.dropdown-menu > li > a:hover {
  background-color: white;
}

.create-form-actions {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.create-form-actions .btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.btn-cancel {
  color: var(--button-cancel-color);
}

.btn {
  border-radius: var(--main-btn-border-radius);
  border: 1px solid var(--horizontal-menu-sub-active-background);
  background-color: var(--horizontal-menu-sub-active-background);
}

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

.btn-primary {
  background-color: var(--main-color);
  color: #FAFAFA;
  border: none;
}

.btn-primary:hover {
  background-color: var(--main-color);
}

.btn-decline {
  background-color: var(--warning-color);
  color: #FAFAFA;
  border: none;
}

.btn-decline:hover {
  background-color: var(--warning-color);
  color: #FAFAFA;
  opacity: 0.7;
}

.core-item-date,
.core-item-privacy {
  color: var(--text-color);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.btn:hover {
  border-color: var(--main-color);
}

.btn-create-space-wrapper .btn {
  width: 224px;
  height: 48px;
  border: none;
}

.btn-create-space-wrapper .btn:hover {
  height: 48px;
  border-color: var(--main-color);
  border: 1px solid var(--main-additional-color);
}

.mobile {
  display: none;
}

.display-none {
  display: none;
}

.subscription-success-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.subscription-success-box h1 {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0;
}

.subscription-success-box p {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.subscription-success-box .btn {
  min-width: 164px;
}

.subscription-success-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.login-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background-color: var(--card-color);
  border-radius: 32px;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 48px;
}

.login-btn:hover {
  background-color: #f5f5f5;
}

.login-btn .btn-cs-main {
  display: flex;
  align-items: center;
}

.login-btn .moo-icon-login {
  font-size: 16px;
  margin-right: 8px;
}

.login-btn .btn-text {
  font-weight: 500;
}

.new-main-menu-wrapper {
  padding-top: 5px;
}

.main-navigation {
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.main-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}

.main-menu .menu-item {
  display: flex;
  align-items: center;
  margin: 0 15px;
}

.main-menu .menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  padding: 10px 15px;
  transition: all 0.3s ease;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  position: relative;
}

.main-menu .menu-item.active a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--main-color);
}

.main-menu .menu-item.active a {
  border-bottom: none;
}

.main-menu .menu-item a:hover {
  color: var(--main-color);
}

.main-menu .menu-icon {
  font-size: 24px;
  margin-bottom: 5px;
}

.main-menu .menu-text {
  font-size: 16px;
  font-weight: 500;
}

.menu_acc_content .dropdown-user-arrow {
  position: absolute;
  bottom: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: white;
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  overflow: visible;
  z-index: 2;
}

.menu_acc_content .dropdown-user-arrow .moo-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.menu_acc_content .dropdown-user-box {
  position: relative;
  display: inline-block;
}

.menu_acc_content .dropdown-user-avatar {
  position: relative;
  z-index: 1;
}

.new-main-menu-wrapper {
  padding-top: 5px;
  display: flex;
  align-items: center;
}

.new-main-menu-wrapper .active-button {
  white-space: nowrap;
}

.new-main-menu-wrapper .active-button:hover {
  color: white;
  opacity: 0.8;
}

.subscription_title_text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-top: 16px;
}

.compare-table .compare-item {
  padding-left: 0;
  padding-right: 0;
}

.recommend-label {
  margin: 0;
  position: initial;
  width: 131px;
  height: 32px;
  background: var(--main-color);
  border-radius: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare-item:first-child .content {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
  border-left: 1px solid var(--border-color);
}

.compare-item:last-child .content {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.compare-item .content {
  padding: 24px;
  border-radius: 0 !important;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  border-left: none;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.compare-item .action {
  position: initial;


}

.compare-table .compare-item {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.compare-item-title-wrapper {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.compare-item-description {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
}

.compare-item-description p {
  margin: 0;
  height: 24px;
  display: flex;
}

.action a {
  margin-top: 0
}

.compare-item-title-default {
  width: 100%;
  height: 83px;
}

.compare-item-title {
  align-items: center;
  justify-content: space-between;
}

.compare-item-title .title {
  width: initial;
}

.compare-item .content .title {
  margin-bottom: 0;
}

.btnGateway-wrapper input {
  height: 48px;
  width: 168px;
}

.gateway_content .form-group {
  margin-bottom: 0;
}

.gateway_content > div {
  padding: 0;
}

.box_header_title_1 {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0;
}

.dropdown-menu .active-button {
  white-space: nowrap;
  height: 32px;
  margin-bottom: 16px;
}

.current_subscription_info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.back-link {
display: flex;
align-items: center;
color: var(--main-additional-color);
text-decoration: none;
margin-bottom: 20px;
}

.back-link i {
margin-right: 5px;
}

.share-btn {
width: 48px;
height: 48px;
background: #FAFAFA;
border: 1px solid var(--main-color);
border-radius: 32px;
display: flex;
justify-content: center;
align-items: center;
}

.join-btn {
width: 168px;
height: 48px;
background-color: var(--main-color);
color: #FAFAFA;
border-color: var(--main-color);
}

.invite-members, .active-button {
padding: 18px;
height: 48px;
color: #FAFAFA;
border: 1px solid var(--main-color);
display: flex;
gap: 4px;
align-items: center;
text-decoration: none;
justify-content: center;
border-radius: var(--main-btn-border-radius);
}

.invite-members span {
color: var(--main-color);
}

.active-button {
background-color: var(--main-color);
}

.active-button span {
color: #FAFAFA;
}

.row-reverse {
flex-direction: row-reverse;
}

.flex-justify-content-space-between {
justify-content: space-between;
}

.group-header-cont-wrapper-data-people {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 4px;
width: 131px;
height: 24px;
flex: none;
order: 1;
flex-grow: 0;
}

.group-header-cont-wrapper-name-section-custom {
display: flex;
flex: 1 1 0%;
gap: 15px;
}

.profile-avatar-small-custom {
width: 132px;
height: 90px;
object-fit: cover;
border-radius: var(--main-border-radius);
}

.navigation-block {
display: flex;
align-items: center;
padding-top: 24px;
gap: 8px;
}

.nav-item {
display: flex;
gap: 4px;
align-items: center;
text-decoration: none;
color: #333;
padding: 6px 10px;
border: 1px solid var(--horizontal-menu-sub-active-background);
border-radius: var(--main-btn-border-radius);
background-color: var(--horizontal-menu-sub-active-background);
}

.nav-item:hover {
background-color: #e0e0e0;
}

.nav-icon {
font-size: 24px;
margin-bottom: 5px;
}

.group-header-cont-wrapper-group-name-data {
display: flex;
flex-direction: column
}

.nav-text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}

.group-header-cont-wrapper-group-name {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center
}

.group-header-cont-wrapper-data-description {
padding-top: 24px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}

.limit-desktop-width {
max-width: 834px;
}

.group-header-member-link {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--text-heading-color);
display: flex;
align-items: center;
gap: 4px;
}

.nav-item:hover .nav-icon img {
filter: invert(67%) sepia(72%) saturate(456%) hue-rotate(157deg) brightness(87%) contrast(84%);
}

.nav-item.active {
color: #FAFAFA;
background-color: var(--hower-color);
}

.nav-item.active img {
filter: brightness(0) invert(1);
}

.nav-item.active:hover .nav-icon img {
filter: brightness(0) invert(1);
}

.box-user-list .box-user-item .user_avatar {
border-radius: 50%;
}


.group-header-cont-breadcrumbs {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main-additional-color);
}

.group-header-cont-breadcrumbs a {
color: var(--main-additional-color) !important;
}

.group-header-cont-breadcrumbs a:hover{
color: var(--main-color) !important;
}

.group-header-cont-breadcrumbs-space {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--text-heading-color);
}

#sticky-group-header {
top: 0;
z-index: 100;
width: 100%;
max-width: 1320px;
margin: 20px 0;
}

#status_box {
padding: 24px;
}

.stt-action {
margin: 0;
padding: 0;
min-height: 48px;
}

.stt-action .post-stt-btn {
float: right;
height: 48px;
margin: 0;
}

.simple-modal-footer {
display: flex;
justify-content: center;
flex-direction: row-reverse;
gap: 8px;
}

.simple-modal-footer .btn-modal_close {
border: none;
width: 164px;
}
.simple-modal-footer .btn-modal_close:hover {
border: 1px solid var(--main-color);
}

.simple-modal-footer .btn-modal_save {
background-color: var(--main-color);
border: none;
width: 164px;
}

.post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
margin: 16px 0 0 0;
}

.post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
padding-top: 0;
}

.edit-post-action {
display: flex;
justify-content: center;
gap: 8px;
padding-top: 16px;
}

.sticky {
position: fixed;
max-width: var(--container-full-width);
z-index: 100;
top: 100px;
}

.hidden {
display: none;
}

.profile-user-img-custom {
display: contents;
width: 132px;
height: 132px;
}

.sticky-mobile-header {
top: 0;
left: 0;
right: 0;
z-index: 200;
background-color: var(--card-color);
transition: top 0.3s ease;
}

.box2.bar-content-warp .box_content,
.box2.bar-content-warp > .box_menu_more {
background-color: var(--card-color);
}

.sticky-mobile-header.fixed {
position: fixed;
top: 0;
}

body.has-sticky-header {
padding-top: 132px;
}

.profile-action-main-mobile {
display: flex;
justify-content: space-between;
gap: 8px;
}

.profile-action-main-mobile .invite-members {
flex: 1;
}

.profile-action-main-mobile .btn-create-space-wrapper {
width: 85%;
}

.box_header {
padding: 24px 24px 0 24px;
}

.box2 .box_header .box_header_main {
padding: 0;
min-height: 0;
}

.box2 .box_header .box_header_title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  font-family: var(--main-font-family-additional);
}

.box_header_link .box_header_title:hover {
color: var(--main-color);
}

.list_option .dropdown-menu {
padding: 16px 16px 0 16px !important;
border-radius: 8px;
}

.border-highlight:hover {
border-color: var(--main-color);
}

.box2 .box_header {
background-color: #FAFAFA;
border-radius: var(--main-border-radius);
border-top: 1px solid var(--horizontal-menu-sub-active-background);;
}

.discussion-img {
width: 264px;
height: 172px;
object-fit: cover;
border-radius: var(--main-border-radius);
}

.box_content_text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #333333;
}

.card_title {
font-family: var(--main-font-family-additional);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
}

.like-action {
display: flex;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
justify-items: center;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
}

.like-action > * {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 28px;
}

.create_form .form-group label {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}


.modal-backdrop {
background-color : rgba(249, 248, 246, 0.9);
opacity: 1 !important;
}

.modal-backdrop.in {
opacity: 0.7;
}


.form-control {
border-radius: 8px;
border: 1px solid var(--border-color);
box-shadow: none;
color: var(--text-color);
height: 48px;
background-color: var(--card-color);
}

.form-control::-webkit-input-placeholder {
color: var(--text-color);
}

.form-control:-moz-placeholder {
color: var(--text-color);
opacity: 1;
}

.form-control::-moz-placeholder {
color: var(--text-color);
opacity: 1;
}

.form-control:-ms-input-placeholder {
color: var(--text-color);
}

.tox-tinymce {
border: 1px solid var(--border-color) !important;
border-radius: 8px !important;
}

#editor_ifr, .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary, .tox .tox-statusbar {
background-color: var(--card-color) !important;
}

.datatimepicker-readonly[readonly] {
background-color: var(--card-color);
}

.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-review {
margin-left: 0;
margin-right: 0;
}

.nice-select:after {
right: 8px!important;
}

.nice-select.open:after {
right: 14px !important;
transform: rotate(-180deg) !important;
top:15% !important;
}

.create_form .bootstrap-tagsinput {
border-radius: 8px;
border: 1px solid var(--border-color);
box-shadow: none;
color: var(--text-color);
height: 48px;
}

.like-action .act-item {
padding: 0 10px;
}

.showCommentForm .act-item-symbol {
margin-right: 8px!important;
}

.modal-title {
font-family: var(--main-font-family-additional);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
}

.modal-header, .modal-footer {
border: none;
}

.modal-dialog {
margin-top: 0;
margin-bottom: 0;
height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
}

.close {
opacity: 1;
}

.modal-content {
    text-align: center;
    position: relative;
    border-radius: var(--border-radius-sm);
    background-color: var(--card-color);
}

.create_form .create-form-actions {
margin-top: 0;
}

.create-form-actions .btn:not(:first-child) {
margin-left: 10px;
}

.rsvp-options {
padding: 10px;
border-radius: 8px;
}

.dropdown-menu>li>a {
padding: 0;
}

.list_option ul li a {
padding: 0;
}

.rsvp_event {
display: flex !important;
}

.rsvp-options a {
display: flex;
align-items: center;
color: #333;
text-decoration: none;
}

.custom-checkbox {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #ccc;
margin-right: 10px;
display: inline-block;
position: relative;
}

.custom-checkbox.checked {
border-color: var(--main-color);
background-color: var(--main-color);
}

.custom-checkbox.checked::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background-color: white;
border-radius: 50%;
}

.box_menu .user-summary {
padding: 24px;
}

.user-summary {
display: flex;
align-items: center;
}

.d-f-align-center {
display: flex;
align-items: center;
}

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

.widget-title-text {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.all-group-link {
color: var(--main-color) !important;
text-decoration: underline;
font-family: var(--main-font-family);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}

.group-widget {
display: flex;
flex-direction: column;
gap: 32px;
}

.core-item-like_count, .core-item-title {
color: var(--text-color);
}

.user-summary-avatar {
margin-right: 10px;
}

.user-summary-info {
display: flex;
flex-direction: column;
justify-content: center;
}

.user-summary .user-summary-info {
margin-left: 0;
margin-top: 0;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #333333;
padding-top: 0;
}

.user-summary .user-summary-info a {
margin-left: 0;
margin-top: 0;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #333333;
padding-top: 0;
padding-bottom: 5px;
}

.comment_header_title {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #333333;
margin-top: 24px;
}

.closeComment {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main-color);
margin-bottom: 24px;
}

.bookmarkItem .moo-icon {
color: var(--text-color);
}

.content_comment .closeComment {
margin-bottom: 24px;
}

.widget-title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 0;
}

.content_comment .closeComment:hover {
text-decoration: underline;
}

.alert {
margin-top: 24px;
margin-bottom: 8px;
border-radius: var(--border-radius-s);
}

.card {
border-radius: var(--main-border-radius);
border: 1px solid var(--box-border-color);
margin-bottom: 24px;
background: #FAFAFA;
}

.card .list_option {
position: absolute;
right: 0;
top: -10px;
}

.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper {
gap: 16px;
}

.qq-upload-list {
min-width: 600px !important;
margin: 0;
position: relative;
z-index: 10;
cursor: pointer;
}

.qq-uploader {
cursor: pointer !important;
}

.form-feed-review-main .form-feed-review-item {
border: none;
}

.post-status-page-content {
background-color: var(--body-background);
position: relative;
}

.post-status-page-content .post-status-page-content-wrap {
max-width: unset;
}

.add-space-text {
font-size: 16px;
}

.static-page-title {
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 19px;
font-family: var(--main-font-family-additional);
}

.truncate {
max-height: 80px;
}

.qq-upload-list li {
border-radius: 4px;
line-height: 27px;
}

.static-page-content {
font-size: 16px;
line-height: 150%;
}

.btn-default-size {
width: 168px;
height: 48px;
}

.static-page-content h2 {
font-size: 18px;
font-family: var(--main-font-family-additional);
padding-top: 16px;
}

.static-page-title h1 {
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 19px;
font-family: var(--main-font-family-additional);
}

.general-m-b {
margin-bottom: 32px;
}

.general-m-t {
margin-top: 32px;
}

.additional-m-b {
margin-bottom: 32px;
}

.additional-m-t {
margin-top: 32px;
}

.floating-menu #content-wrapper.content-wrapper {
margin-top: 0;
}

label {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}

#searchPeople {
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}

.multiSelect {
border-radius: var(--border-radius-s);
border: 1px solid var(--border-color);
background: #ffffff url(../img/dropdown.svg) calc(100% - 24px) center no-repeat;
padding: 6px 12px;
position: relative;
cursor: default;
text-decoration: none;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
height: 48px;
width: 100%;
}

.multiSelect:hover {
background: #ffffff url(../img/dropdown.svg) calc(100% - 24px) center no-repeat;
cursor: pointer;
}

.multiSelect span {
margin: 6px 0px 1px 3px;
overflow: hidden;
display: -moz-inline-stack;
display: inline-block;
white-space: nowrap;
width: auto !important;
}

.multiSelect:link, .multiSelect:visited, .multiSelect:hover, .multiSelect:active, .multiSelect.nice-select.open {
color: var(--text-color);
}

.checkbox-control .checkmark:after {
content: "";
display: none;
position: absolute;
left: 7px;
top: 1px;
width: 8px;
height: 16px;
border-style: solid;
border-color: var(--text-color);
border-width: 0 2px 2px 0;
border-radius: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.checkbox-control .checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
border: 1px solid var(--border-color);
background-color: initial;
margin-right: 4px;
border-radius: 4px;
}

.user-item-name .list_option {
right: -8px;
}

.post-status-page-content .post-status-page-content-wrap .post-status-back-btn .post-status-back-btn-text {
margin-left: 8px;
}

.post-status-page-content .post-status-page-content-wrap {
margin-top: 22px;
}

.tooltip {
min-width: 100px;
}

.header-advanced-search {
width: 100% !important;
}

.checkbox-control {
line-height: 24px;
padding: 0 16px 0 30px;
min-height: 24px;
}

.user-item-name .dropdown {
right: -10px;
}

.friend-request-message {
width: 100%;
}

.post-status-page-content .post-status-page-content-wrap .post-status-back-btn {
color: var(--main-additional-color);
padding-left: 0;
margin-bottom: 32px;
}

.closeComment {
margin-bottom: 0
}

.bar-content .bar-feed-warp .space-list-info-title-wrapper {
  margin-top: 0;
}

.profile_event .space-list-info-title-wrapper {
font-size: 18px;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.79231 0.206184C9.72592 0.140851 9.64693 0.0889952 9.55989 0.0536073C9.47286 0.0182193 9.37951 0 9.28523 0C9.19094 0 9.09759 0.0182193 9.01056 0.0536073C8.92353 0.0889952 8.84454 0.140851 8.77814 0.206184L5.50708 3.39864C5.44069 3.46397 5.3617 3.51583 5.27467 3.55122C5.18763 3.58661 5.09428 3.60483 5 3.60483C4.90572 3.60483 4.81237 3.58661 4.72533 3.55122C4.6383 3.51583 4.55931 3.46397 4.49291 3.39864L1.22186 0.206184C1.15546 0.140851 1.07647 0.0889952 0.989437 0.0536073C0.902405 0.0182193 0.809054 0 0.714771 0C0.620487 0 0.527137 0.0182193 0.440104 0.0536073C0.353072 0.0889952 0.27408 0.140851 0.207685 0.206184C0.0746641 0.336784 0 0.513451 0 0.697599C0 0.881748 0.0746641 1.05841 0.207685 1.18901L3.48589 4.38844C3.88763 4.78004 4.4322 5 5 5C5.56779 5 6.11237 4.78004 6.51411 4.38844L9.79231 1.18901C9.92533 1.05841 10 0.881748 10 0.697599C10 0.513451 9.92533 0.336784 9.79231 0.206184Z' fill='%23333333'/></svg>") !important;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
background-size: 10px 5px;
padding-right: 40px;
border-radius: 8px;
border: 1px solid var(--border-color);
box-shadow: none;
color: var(--text-color);
}

select::-ms-expand {
display: none;
}

.text-underline {
text-decoration: underline !important;
}


.picker__box {
background: white;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 20px;
width: 393px;
display: flex;
flex-direction: column;
max-height: 90vh;
overflow-y: auto;
margin-left: 20%;
border-color: var(--border-color);
}

.picker--opened .picker__holder {
background-color: rgba(249, 248, 246, 0.9);
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 767px) {
  .picker__holder {
    width: 100% !important;
    left: 0 !important;
  }
}

.picker__header {
text-align: center;
margin-bottom: 20px;
}

@media (max-width: 767px) {
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area {
  margin: 0;
}
}

.picker__month,
.picker__year {
font-family: var(--main-font-family-additional);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
text-align: center;
color: var(--text-heading-color);
}

.picker__nav--prev,
.picker__nav--next {
position: absolute;
padding: 5px 10px;
cursor: pointer;
}

.picker__nav--prev:before, .picker__nav--next:before {
content: "";
background-image: url("data:image/svg+xml;utf8,<svg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 2.33366L7.66667 7.00033L2 11.667' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
background-repeat: no-repeat;
background-position: center;
width: 10px;
height: 15px;
display: block;
margin: 5px auto 0;
border-right: 0;
}

.picker__nav--prev:before {
transform: rotate(180deg);
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
background-color: var(--main-color);
}

.picker__nav--next:before {
border-right: 0;
border-left: 0;
}

.picker__nav--prev {
left: 20px;
}

.picker__nav--next {
right: 20px;
}

.picker__table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 100%;
flex-grow: 1;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27px;
text-align: center;
}

.picker--opened .picker__frame {
  bottom: 10%;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000;
}

.picker__weekday {
text-align: center;
padding: 5px 0;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: var(--main-additional-color);
}

.picker__footer {
display: flex;
justify-content: space-between;
margin-top: auto;
padding-top: 20px;
}

.picker__button--today,
.picker__button--clear {
order: 0;
}

.picker__button--today {
order: 1;
}

.picker__day {
  padding: 0;
  font-weight: 200;
  border: 1px solid transparent;
  text-align: center;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.row, .form-horizontal .form-group {
margin-bottom: 16px;
}


.footer-menu ul.core_menu.horizontal {
gap: 16px
}

.footer-menu ul.core_menu.horizontal > li > .core-menu-link {
padding: 0;
}

.footer-menu ul.core_menu.horizontal > li + li > .core-menu-link:before {
content: '';
display: inline-block;
padding-right: 7px;
}

.picker__day:hover {
cursor: pointer;
background: #f0f0f0;
border-radius: 50%;
}

.picker__day--today {
color: var(--main-color);;
font-weight: bold;
}

.picker__day--selected,
.picker__day--selected:hover {
border-radius: 50%;
background: var(--main-color);
color: white;
}

.picker__button--clear,
.picker__button--today,
.picker__button--close {
border: none;
padding: 10px 20px;
border-radius: 32px;
cursor: pointer;
flex: 1;
margin: 0 5px;
height: 48px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 27px;
}

.picker__button--clear {
background: var(--horizontal-menu-sub-active-background);
color: var(--text-color);
}

.picker__button--clear:hover {
background: var(--horizontal-menu-sub-active-background);
}

.picker__button--today {
background: white;
border: 1px solid var(--main-color);
color: var(--main-color);
}

.picker__button--today:hover {
background: var(--main-color);
color: white;
}

.btn-default {
color: var(--text-color);
}

.picker__button--clear:before, .picker__button--today::before, .picker__day--today:before {
content: none;
display: none;
}

.picker__day--today, .picker__day--highlighted {
  border-radius: 50%;
}

#content-wrapper:has(#home-content) {
margin-top: 48px;
}

.feed_breadcrumb_title {
font-family: var(--main-font-family-additional);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
}

.feed-type-txt {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main-additional-color);
}

.feed_breadcrumb .feed-type-list .feed-type-item.current .feed-type-txt {
color: var(--text-color);
}

.feed_breadcrumb .feed-type-list .feed-type-item.current {
color: var(--text-color);
}

.feed_breadcrumb .feed-type-list .feed-type-item + .feed-type-item:before {
content: '|';
float: left;
display: block;
margin-left: -1px;
}

.feed_breadcrumb {
margin-top: 0;
margin-bottom: 16px;
}

.whats-new-wrapper {
padding: 24px;
}

.post-status-box {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main-additional-color);
}

.post-status-wrapper {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: 24px;
height: 70px;
background: var(--card-color);
border: 1px solid var(--border-color);
border-radius: 16px;
margin-top: 16px;
}

.feed-entry-item .activity_author {
flex-grow: 1;
word-wrap: break-word;
word-break: break-word;
display: flex;
gap: 4px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}

.feed-entry-item .feed_time .feed_time-txt .feed_time-icon, .feed-entry-item .feed_time .feed_time-txt .caret {
color: var(--main-additional-color);
}

.feed-entry-item .feed_time {
color: var(--main-additional-color);
}

.activity_item {
background-color: var(--horizontal-menu-sub-active-background);
}

.activity_item_title {
font-family: var(--main-font-family-additional);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
}

.activity_item_text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--text-color);
}

.wall-post-action {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding-top: 16px;
}

.post-feed-privacy {
height: 32px;
border: none;
vertical-align: middle;
margin-right: 3px;

font-style: normal;
font-weight: 400;
font-size: 16px;
}

.nice-select > span.current {
color: var(--text-color);
}

.nice-select {
background-color: var(--card-color);
}

.nice-select:after {
display: block;
width: 24px;
height: 24px;
position: absolute;
right: -4px;
top: 63%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7923 9.20618C16.7259 9.14085 16.6469 9.089 16.5599 9.05361C16.4729 9.01822 16.3795 9 16.2852 9C16.1909 9 16.0976 9.01822 16.0106 9.05361C15.9235 9.089 15.8445 9.14085 15.7781 9.20618L12.5071 12.3986C12.4407 12.464 12.3617 12.5158 12.2747 12.5512C12.1876 12.5866 12.0943 12.6048 12 12.6048C11.9057 12.6048 11.8124 12.5866 11.7253 12.5512C11.6383 12.5158 11.5593 12.464 11.4929 12.3986L8.22186 9.20618C8.15546 9.14085 8.07647 9.089 7.98944 9.05361C7.9024 9.01822 7.80905 9 7.71477 9C7.62049 9 7.52714 9.01822 7.4401 9.05361C7.35307 9.089 7.27408 9.14085 7.20769 9.20618C7.07466 9.33678 7 9.51345 7 9.6976C7 9.88175 7.07466 10.0584 7.20769 10.189L10.4859 13.3884C10.8876 13.78 11.4322 14 12 14C12.5678 14 13.1124 13.78 13.5141 13.3884L16.7923 10.189C16.9253 10.0584 17 9.88175 17 9.6976C17 9.51345 16.9253 9.33678 16.7923 9.20618Z' fill='%23333333'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
transition: all 0s ease-in-out;
border: none;
}

.nice-select.open:after {
transform: rotate(-180deg);
top: 0;
right: 4px;
}

.stt-action-item .stt-action-btn .stt-action-icon {
background-color: var(--card-color);
top: auto;
}

.post-status-page-content .post-status-page-content-wrap #status_box .post-status .emoji-toggle {
bottom: 16px;
top: initial;
}

.post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
border: none;
}

.widget-group-img {
width: 134px;
height: 90px;
border-radius: var(--border-radius-sm);
}

.share-section .share-content {
overflow: hidden;
border: none;
padding: 0;
}

.share-content {
width: 100%;
}

.share-section label {
padding-right: 16px;
white-space: nowrap;
}

#shareBtn {
min-width: 164px;
}

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

.share-content .feed-entry-item {
background-color: white;
}

.share-section .nav-tabs {
width: 100%;
}

.share-section .suggestion {
width: 100%;
}

#shareFeedModal .modal-content {
border-radius: var(--border-radius-sm);
}

#page_share-ajax_share .share-section + .modal-footer {
border-bottom-right-radius: var(--border-radius-sm);
border-bottom-left-radius: var(--border-radius-sm);
}

.activity_wrapper {
display: flex;
}

.share-content-action:before, .share-content-action:after {
content: none;
}

.activity_item_text {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}

#page_share-ajax_share .share-section + .modal-footer {

}

#myTabDrop1 {
min-width: 120px;
}

.horizontal-menu {
display: flex;
align-items: center;
}

.horizontal-menu > li {
display: flex;
align-items: center;
}

.horizontal-menu > li > a {
display: flex;
align-items: center;
height: 100%;
padding: 8px;
border: none;
}

.horizontal-menu > li.current > a {
color: var(--border-color);
}

.horizontal-menu .menu-item:not(:last-child) {
position: relative;
}

.horizontal-menu > li.current > a .horizontal-menu-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-color);
  font-family: var(--main-font-family-additional);
}

.horizontal-menu > li > a > .horizontal-menu-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--main-font-family-additional);
}

.horizontal-menu .menu-item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 50%;
width: 1px;
background-color: var(--border-color);
}

.horizontal-menu > li.current > a {
border: none;
}

.horizontal-menu-text:hover, .feed-type-txt:hover {
color: var(--main-color) !important;
}

.horizontal-menu-text {
color: var(--main-additional-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: var(--main-color);
border-color: var(--main-color);
}

.home-page-right-block {
margin-top: 44px;
}

.form-group {
margin-bottom: 16px;
}

.header-section-wrapper {
  background: var(--header-background);
}

@media (max-width: 480px) {
.picker__box {
  padding: 10px;
  width: 100%;
  height: auto;
}

.picker__day {
  padding: 5px;
}
}

@media (min-width: 1200px) {
  .container {
    width: 1320px;
  }

  .stt-action-item {
    width: 40px;
  }
}

@media (min-width: 769px) {
  .header-inner-main {
    padding-right: 8px;
    padding-left: 8px;
    background-color: var(--header-background);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
body:not(.sidebar-left-modal) .header-resume .head-bar.head-sticky {
  left: 0;
}
}

/* Mobile Bottom Navigation */
@media (max-width: 991px) {
  .box2.bar-content-warp .box_header {
    border-radius: 24px;
  }

  .notify_content .dropdown-menu#notifications_list {
    position: fixed;
    top: auto;
    bottom: 66px;
    left: 17px;
    right: 16px;
    width: calc(100% - 33px);
    max-width: calc(100% - 33px);
    transform: none;
    overflow-y: auto;
    max-height: calc(100vh - 66px);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
  }

  .notifications-btn-wrapper .btn {
    padding: 0 11px !important;
  }

  .profile-action-main .add-space-text {
    width: min-content;
  }

  .notification-subject-text-name {
    padding-right: 20px;
  }

  .new-main-menu-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--body-background);
    z-index: 100;
    padding: 0;
    height: 66px;
    display: flex;
    align-items: flex-start;
  }

  .header-section .header-inner-top {
    min-height: var(--header-height);
    width: 100%;
  }

  .header-section.header-fixed-top {
    width: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: var(--header-background);
  }

  body.default-body {
    padding-top: 0;
    padding-bottom: 70px;
  }

  .main-navigation {
    width: 100%;
  }

  .main-menu {
    width: 100%;
    justify-content: space-around;
    align-items: flex-start;
  }

  .main-menu .menu-item {
    margin: 0;
    flex: 1;
    justify-content: center;
  }

  .main-menu .menu-item a {
    padding: 5px 5px;
    width: 100%;
    justify-content: center;
  }

  .notification-group-list .noti_option {
    right: 10px;
    top: 27px;
  }

  .notify_top span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .main-menu .menu-icon {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .main-menu .menu-text {
    font-size: 13px;
    text-align: center;
  }

  .main-menu .menu-item.active a {
    border-bottom: 2px solid var(--main-color);
  }

  body {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 991px) {
  .btn-create-space-wrapper .btn {
    border: none;
  }
  .btn-create-space-wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
}



@media (max-width: 767px) {
  .profile-figure .profile-cover {
    min-height: min-content;
    height: auto;
  }

  .profile-cover #cover_img_background.profile-cover-bg {
    height: auto;
    bottom: 0;
    top: auto;
    position: relative;
    border-radius: 24px 24px 0 0;
  }

  .user-item-name .dropdown  {
    right: 0;
  }

  .statusHome {
    padding: 24px;
  }

  .picker__box {
    margin-left: 0;
    margin: 0 15px 50% 15px;
  }

  .btn-create-space-wrapper .btn {
    width: 100%;
  }

  .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .form-group .control-label {
    flex: 0 0 25%;
    width: 25%;
    padding-right: 15px;
    text-align: right;
  }

  .event-form-wrapper .form-group .control-label {
    flex: 0 0 25%;
    width: 100%;
    padding-right: 15px;
    text-align: left;
  }

  .event-form-wrapper .form-group {
    display: flow;
  }

  .form-group .col-sm-10 {
    flex: 0 0 75%;
    width: 75%;
  }

  .content-wrapper .box2.bar-content-warp {
    border-top: none;
  }

.profile-avatar-small-custom {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: var(--main-border-radius);
}

.discussion-img {
  width: 124px;
  height: 115px;
  object-fit: cover;
  border-radius: var(--main-border-radius);
}


.box2.bar-content-warp .box_content {
  border-radius: var(--main-border-radius);
}

#sticky-group-header {
  top: 0;
  background-color: #FAFAFA;
  z-index: 100;
  width: 100%;
  margin: 0;
  transition: all 0.3s ease;
}

.mobile-header-collapsed {
  height: 72px;
  border-top: 1px solid var(--box-border-color);
  border-bottom: 1px solid var(--box-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FAFAFA;
}

.mobile-header-top {
  display: flex;
  align-items: center;
  justify-content: center
}

.mobile-header-top-active {
  background-color: #BD8E8D !important;
}

.mobile-header-expanded {
  display: none;
  padding: 10px;
}

.mobile-header-content {
  display: flex;
  flex-direction: column;
}

.header-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.header-item span {
  margin-right: 10px;
}

.expand-button.active .material-symbols-outlined {
  transform: rotate(180deg);
}

.expand-button {
  font-size: 16px;
}

/* Hide desktop elements on mobile */
  .navigation-block {
    display: none;
  }

  /* Adjust layout for mobile */
  .group-header-cont-wrapper-info {
    width: 100%;
    max-width: 100%;
  }

  .group-header-cont-wrapper-name-section {
    flex-direction: row;
    align-items: center;
  }

  .profile-user-img {
    margin-right: 10px;
  }

  .group-header-cont-wrapper-group-name {
    flex: 1;
  }

  .group-header-cont-breadcrumbs {
    display: none;
  }

  .profile-floating-menu .content-wrapper {
    margin-top: 0px;
  }

  .profile-menu {
    display: none;
  }

  .group-avatar-container {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
  }
  .group-avatar-small {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mobile-header-left-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile-header-left-back-button {
    width: 64px;
    border-right: 1px solid var(--box-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    margin-right: 16px;
  }

  .mobile-header-left-back-button .back-button {
    color: var(--main-additional-color);
  }

  .group-header-cont-wrapper-name-section-custom {
    display: block;
  }

  .group-header-cont-wrapper-group-name {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .group-header-cont-wrapper-group-name-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between
  }
}

.group-header-cont-wrapper-name {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

.bold-text {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: var(--main-font-family-additional);
}

.content_cancel_recurring .content_cancel_recurring{

}

.border-right {
  border-right: 1px solid var(--box-border-color);
}

.cancel-subscription-wrapper {
  width: 100%;
  margin-top: 14px;
}

.cancel-subscription-wrapper a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  height: 48px;
  border-color: var(--horizontal-menu-sub-active-background);
}

.cancel-subscription-wrapper:hover {
  border-color: var(--main-color);
}

.cancel-subscription-wrapper a:hover {
  background-color: var(--horizontal-menu-sub-active-background);
}

.svg-google-general {
  font-size: 16px;
  font-weight: 700;
}

.event-info-date-card {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}

.event-attending-count-widget {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
}

.event-name-card {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--main-text-color);
  margin-bottom: 16px;

  & a {
    color: var(--main-text-color);
    text-decoration: none;
  }
}

.event-date-place {
  & p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-additional-color);
  }

  margin-bottom: 16px;
}

.events-list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.cart-item-event-wrapper {
  display: flex;
  height: 100%;
}
.cart-item-event-wrapper .core-list-item {
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.cart-item-event-wrapper .core-list-item .core-item-warp-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 0;
}

.cart-item-event-wrapper .dropdown-menu {
  left: 10%;
}

.cart-item-event-wrapper .core-item-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.cart-item-event-wrapper .like-action {
  display: flex;
  gap: 8px;
}

.cart-item-event-wrapper .cart-item-img {
  width: 100%;
  height: 219px;
}

.cart-item-event-wrapper .btn-attending {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  gap: 4px;
  height: 48px;
  background: #41B8D5;
  border-radius: 24px;
  flex: none;
  order: 0;
  flex-grow: 1;
  color: white;

  & span {
    margin-top: 2px;
  }
}

.event-filter-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-size: 16px;
}

.wrapper-filters-events {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .event-filter-wrapper {
    margin-bottom: 0;
  }

  .wrapper-filters-events {
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.event-filter-wrapper .dropdown {
  position: relative;
}

.event-filter-wrapper .btn-attending {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  min-width: 120px;
  justify-content: space-between;
  height: 56px;
}

.event-hero-image-section {
  width: 100%;
  margin-bottom: 20px;
}

.event-hero-image-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 12px;
}

.event-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-date-card {
  width: 88px;
  height: 88px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -80px;
  flex-shrink: 0;
  overflow: hidden;
}

.event-date-card-header {
  background: #e74c3c;
  color: white;
  text-align: center;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.event-date-card-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 32px);
  font-size: 28px;
  font-weight: bold;
  color: #333;
}

.group-header-cont-wrapper {
  display: flex;
  align-items: flex-start;
}

.group-header-cont-wrapper-info {
  flex: 1;
}


.background-not-active {
  background-color: #F0F0F0;
}

.event-filter-wrapper .btn-attending:hover {
  background: #eeeeee;
  border-color: #d0d0d0;
}

.event-filter-wrapper .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin-top: 4px;
  padding: 0;
}

.event-filter-wrapper .dropdown-menu li {
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #D9D9D9;
}

.event-filter-wrapper .dropdown-menu li:last-child {
  border-bottom: none;
}

.event-filter-wrapper .dropdown-menu li a {
  display: block;
  padding: 12px 16px;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  transition: background-color 0.2s;
}

.event-filter-wrapper .dropdown-menu li a:hover {
  background-color: #f8f9fa;
}

.event-filter-wrapper .material-symbols-outlined {
  font-size: 20px;
  transition: transform 0.2s;
}

.event-filter-wrapper .dropdown.open .material-symbols-outlined {
  transform: rotate(180deg);
}

.cart-item-event-wrapper .btn-invite {
  margin-left: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 4px;
  width: 102px;
  height: 48px;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  white-space: nowrap;
  color: var(--text-color);
}

.group-header-event .btn-invite {
  width: 168px;
}

.profile-header-box-view-event .group-header-cont-user-list-item-avatar {
  height: 48px !important;
  width: 48px !important;
  border-radius: 50%;
}

.event-invitation-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bnt-wrapper-event-card .act-item:first-child {
  width: 100%;
}

.bnt-wrapper-event-card {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
}

.cart-item-event-wrapper .act-item {
  padding: 0;
}

.btn-create-event-card {
  width: 168px;
}

.cart-item-no-img {
  width: 100%;
  height: 219px;
  background-color: #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  flex-shrink: 0;
}


.event-status-badge {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  gap: 10px;
  position: absolute;
  width: 140px;
  height: 32px;
  left: 8px;
  top: 8px;
  background: #FAFAFA;
  border-radius: 24px;
  flex: none;
  order: 1;
  flex-grow: 0;
  z-index: 1;
}

.core-item-figure {
  position: relative;
}


.btn-attending.rsvp-not-attending {
  background-color: #F0F0F0 !important;
  border: 1px solid #F0F0F0;
  color: var(--text-color);
}

.btn-attending.rsvp-not-attending::before {
  background-image: none !important;
}

.btn-attending.rsvp-interested {
  background-color: transparent !important;
  border: 1px solid var(--main-color);
  color: var(--main-color);
}

.btn-attending.rsvp-interested::before {
  background: url(../img/btn-start.svg) !important;
}

.cart-item-event-wrapper .btn-attending::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1427 6.06533C12.4007 6.328 12.3967 6.75 12.1333 7.008L9.18267 9.90467C8.66067 10.4167 7.98867 10.672 7.316 10.672C6.65067 10.672 5.98533 10.4213 5.46533 9.91933L4.19933 8.67467C3.93667 8.41667 3.93333 7.99467 4.19133 7.732C4.44867 7.46867 4.872 7.46533 5.134 7.724L6.396 8.96467C6.91333 9.46467 7.73 9.462 8.25 8.95267L11.2 6.05667C11.462 5.798 11.8827 5.80267 12.1427 6.06533ZM16 8C16 12.4113 12.4113 16 8 16C3.58867 16 0 12.4113 0 8C0 3.58867 3.58867 0 8 0C12.4113 0 16 3.58867 16 8ZM14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.profile-header-box-view-event .group-header-cont-wrapper-name {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

@media (max-width: 768px) {
  .group-header-event .btn-invite {
    width: auto;
  }

  .cart-item-event-wrapper {
    display: block;
    height: 100%;
  }

  .group-header-event .card .list_option {
    position: absolute;
    right: -15px;
    top: 7px;
  }


  .event-hero-image-container {
    height: 136px;
    border-radius: 24px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto;
  }

.event-card-date {
  margin-top: 16px;
}


  .cart-item-event-wrapper .dropdown-menu {
    left: 20%;
  }

  .cart-item-event-wrapper .act-item {
    padding: 0 !important;
  }

  .events-list-wrapper {
    grid-template-columns: 1fr;
  }
  .cart-item-event-wrapper {
    width: 100%;
  }

  .reflection-content,
  .reflection-actions {
    padding-left: 0;
    margin-top: 8px;
  }

  .reflection-actions a {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .reflection-actions {
    flex-direction: column;
  }

  .reflection-flash-message {
    position: fixed;
    white-space: nowrap;
  }

  .like-action .act-item {
    padding: 0;
  }

  .main-menu .menu-item {
    margin: 0 5px;
  }

  .qq-upload-list {
    min-width: 330px !important;
    margin: 0;
    position: relative;
    z-index: 10;
  }


  .form-feed-area{
    padding: 0;
  }

  #content-wrapper:has(#home-content) {
    margin-top: 32px;
  }

  .picker--opened .picker__frame {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
  }

  .picker__table {
    line-height: 34px;
  }

  .card .list_option {
    position: absolute;
    right: -15px;
    top: -5px;
  }

  .card {
    margin-bottom: 16px;
  }

  .general-m-b {
    margin-bottom: 24px;
  }

  .general-m-t {
    margin-top: 24px;
  }

  .additional-m-b {
    margin-bottom: 16px;
  }

  .additional-m-t {
    margin-top: 16px;
  }

  .group-header-cont-wrapper-data-description {
    padding-bottom: 24px;
  }

  .group-header-cont-wrapper-group-name .dropdown-menu {
    left: 50%;
    top: unset;
  }

  .navigation-block {
    flex-wrap: wrap;
  }
  .nav-item {
    flex: 1 1 30%;
    margin: 5px;
  }

  .group-header-cont-action .profile-action-main {
    justify-content: space-between;
  }

  .group-header-cont-action .invite-members {
    flex: 1;
  }

  .group-header-cont-action .btn-create-space-wrapper {
    flex: 1;
  }

  .group-header-cont-wrapper-group-name {
    margin-top: 24px;
    justify-content: space-between;
  }

  .group-header-cont-wrapper {
    gap: 0!important;
  }

  .desktop {
    display: none !important;
  }

  .mobile {
    display: flex;
  }

  .back-link-wrapper {
    margin-left: 16px;
  }
}


@media screen and (min-width: 768px) {
  .report-form .form-group {
    display: flex;
    align-items: center;
  }

  .report-form .control-label {
    display: flex;
    align-items: center;
    height: auto;
    justify-content: flex-end;
  }

  .nice-select:after {
    right: 32px!important;
  }

  .cancel-subscription-wrapper {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 212px;
  }

  .nice-select.open:after {
    right: 37px !important;
    transform: rotate(-180deg) !important;
    top: 15% !important;
  }


  .mobile-header-collapsed,
  .mobile-header-expanded {
    display: none;
  }

  .sticky-mobile-header {
    position: static;
  }

  body.has-sticky-header {
    padding-top: 0;
  }
}


@media (max-width: 365px) {
  .main-menu .menu-text {
    font-size: 10px;
  }

  .main-menu .menu-icon {
    font-size: 20px;
  }

  .mobile-header-top .material-symbols-outlined {
    display: none;
  }
}

@media (max-width: 480px) {
  .picker__box {
    padding: 10px;
    width: auto;
    height: auto;
  }
}

.cart-discussions .resource-img-tooltip {
  color: black;
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 8px 16px;
  background: white;
  border: gray;
  border-radius: 24px;
}

.resource-type-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 32px;
  margin-top: -24px;
}

#page_users-view .resource-type-filters {
  grid-template-columns: repeat(auto-fit, minmax(150px, 248px));
}

.resource-type-filters.single-item {
  grid-template-columns: 248px;
  width: 248px;
}

.resource-type-filters .nav-item {
  padding: 24px;
  flex-wrap: wrap;
  place-content: center;
  max-height: 64px;
}

.resource-items-search#filters {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 32px 0;
}

.resource-items-search .search-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.resource-items-search .search-container #resourceSearchInput {
  border-radius: 32px;
  min-width: 244px;
}

.resource-items-search #resourceSearchInput {
  padding: 0px 0px 0px 40px;
  margin-right: 8px;
  white-space: nowrap;
}

.resource-items-search .svg-icon {
  position: absolute;
  padding: 16px;
  top: 0px;
}

.resource-items-search .reset-link {
  text-decoration: underline;
  cursor: pointer;
  color: #333333;
  white-space: nowrap;
}

.resource-items-search .reset-link:hover {
  color: #0056b3;
}

.resource-items-search#filters .sort-container .form-group {
  display: flex;
}

.resource-items-search#filters .sort-container .control-label {
  min-width: fit-content;
  margin: auto;
  color: #969696;
  font-weight: 400;
  padding-right: 0;
}

.resource-items-search .nice-select {
  height: auto;
  position: initial;
}

.resource-items-search .nice-select.open {
  position: inherit;
}

.resource-items-search .nice-select:after {
  right: 8px !important;
}

.resource-items-search .nice-select.open:after {
  right: 6px !important;
}

.resources-list #list-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.resources-list #list-content .group-box-view {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .compare-table {
    flex-direction: column;
    gap: 24px;
  }

  .compare-item .content {
    border-radius: 24px !important;
    border: 1px solid var(--border-color);
  }

  .compare-item:first-child .content,
  .compare-item:last-child .content {
    border-radius: 24px !important;
  }

  .resource-create .qq-upload-button .upload-section {
    font-size: 14px;
  }

  .resource-create #resourceTypeChange {
    width: 100%;
  }

  .resource-create-form .timepicker-container,
  .resource-create-form .timepicker-container .timepicker-input {
    width: 100%;
  }

  .resource-view .topic_view_body .mobile-wrapper {
    gap: 16px;
    display: grid;
  }
  .resource-type-filters {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 40px;
    display: flex;
  }

  .resource-type-filters .nav-item {
    flex: 1 1 28%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 4px;
    border-radius: 16px;
    order: 1;
    margin: 0;
  }

  .navigation-block.resource-type-filters .nav-item {
    padding: 8px 4px;
  }

  .navigation-block.resource-type-filters .nav-text {
    font-size: 12px;
  }

  .resource-items-search#filters {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
  }

  .resource-items-search .search-container {
    display: flex;
    gap: 0;
  }

  .resource-items-search #resourceSearchInput {
    margin: 0;
  }

  .resource-items-search#filters {
    display: block;
    margin: unset;
  }

  .resource-items-search#filters .row {
    display: inline-block;
    width: 100%;
    margin: 0;
  }

  .resource-items-search#filters .reset-link {
    float: left;
    margin-top: 8px;
  }

  .resource-items-search#filters .sort-container {
    float: left;
    width: auto;
  }

  .resource-items-search#filters .sort-container .form-group {
    left: 8px;
  }

  .resources-list .cart-discussions-core-item-time {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    flex: none;
    order: 1;
    flex-grow: 0;
  }

  .core-item-figure.cart-discussions.resource-cart {
    gap: 20px;
  }

  .core-list-item .resource-cart > a {
    width: 145px;
    display: block;
    height: auto;
  }

  #page_resources-view .resource-view .core-list-item .resource-cart > a {
    margin: 0;
  }

  .box_view .resource-cart {
    display: block;
  }
  .resource-link {
    display: inline-block;
    position: relative;
    text-decoration: none;
  }

  .resource-img-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
  }

  .discussion-img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  .resource-img-tooltip {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    color: black;
    border-radius: 24px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    white-space: nowrap;
    font-size: 12px;
    padding: 3px 8px;
    top: 8px;
    left: 8px;
  }

  .core-list-item .resource-cart .cart-discussions-date-wrapper {
    flex-direction: unset;
  }

  .core-list-item .resource-cart.cart-discussions .core-item-info {
    margin-left: unset;
    gap: 16px;
    margin-top: 16px;
  }

  .mobile-wrapper .resource-like-section-items .active-button {
    padding: 8px 14px;
    width: auto;
  }

  .activity_item.resource-activity .activity_left .resource-image-wrapper .activity_img_thumb {
    width: 100px;
    height: 100px;
  }


  .activity_item.resource-activity .img-wrapper .img-with-tooltip.full-width,
  .activity_item.resource-activity .activity_left .full-width .activity-img {
    width: 100px;
    height: 100px;
  }

  .activity_item.resource-activity .activity_left .resource-image-wrapper .activity_img_thumb .full-width .activity-img {
    max-width: 100px;
    max-height: 100px;
  }

  .activity_item.resource-activity .activity_left .resource-image-wrapper .activity_img_thumb .activity-img {
    max-width: 96px;
    max-height: 96px;
  }

  .resource-create .form-group .control-label {
    word-wrap: normal;
  }

  #resourceTypeChange {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .activity_item.resource-activity .activity_left {
    width: 100px;
    min-width: 100px;
  }
}

.resources-list .resource-cart {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.resource-cart > a {
  width: 173.67px;
  height: 154px;
  border-radius: var(--main-border-radius);
  text-align: -webkit-center;
}

.resource-cart > a .img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

@media (min-width: 769px) {
  .resource-view .topic_view_body .resource-cart > a {
    min-width: 173.67px;
  }
}

.resource-cart > a .img-with-tooltip {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border-radius: 24px;
}

.resource-cart > a .img-with-tooltip.h-inherit {
  height: inherit;
}

.resource-cart > a .img-with-tooltip .resource-img-tooltip {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
  white-space: nowrap;
}

.resource-cart > a .discussion-img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  height: unset;
  width: unset;
}

.resource-cart > a .discussion-img.full-width {
  width: 100%;
}

.resources-list .cart-discussions-core-item-date {
  font-weight: 600;
}

.resources-list .cart-discussions-core-item-time {
  font-weight: 400;
  color: #969696;
}

.resource-view .comment_header_title {
  margin-top: 16px;
}

.resource-view .discussions-content-wrapper .like-section {
  margin-top: 0px;
}

.resource-view .content_comment .closeComment {
  margin-bottom: 16px;
}

@media (max-width: 1080px) {
  .resources-list #list-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .resources-list #list-content {
    grid-template-columns: 1fr;
  }
}

.resource-cart .additional-information {
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #969696;
}


.resource-cart .cart-discussions-core-item-label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.resource-cart .core-item-action {
  width: fit-content;
}

#page_topics-view .list_option > .btn-header_icon,
.resource-cart .list_option > .btn-header_icon {
  display: flex;
}

#page_topics-view .list_option > .btn-header_icon .act-item-bookmark,
.resource-cart .list_option > .btn-header_icon .act-item-bookmark {
  margin: auto;
}

#page_topics-view .list_option > .btn-header_icon .act-item-bookmark .act-item-text,
.resource-cart .list_option > .btn-header_icon .act-item-bookmark .act-item-text {
  display: none;
}

#page_topics-view .core-item-action .like-action .act-item-bookmark,
.mobile-wrapper .resource-like-section-items .like-action .act-item-bookmark,
.resource-cart .core-item-action .like-action .act-item-bookmark {
  display: none;
}

.resource-like-section-items {
  display: flex;
  align-items: center;
  gap: 10px;
}

.resource-like-section-items .active-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 4px;
  margin: 0 auto;
  width: 194.67px;
  height: 32px;
  background: #41B8D5;
  border-radius: 24px;
  flex: none;
  order: 0;
  flex-grow: 1;
}

.resource-like-section-items .open-link {
  display: flex;
}

.box_view .resource-like-section-items .like-section {
  margin-top: 0;
}

.resource-create-form .timepicker-container {
  position: relative;
  display: inline-block;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.resource-create-form .timepicker-input {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  width: 120px;
  cursor: pointer;
  background-color: #fafafa;
  transition: all 0.3s ease;
}

.resource-create-form .timepicker-input input {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.resource-create-form .timepicker-input input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}


.resource-create-form .chose-all > .text {
  left: 4px;
}

.resource-activity .resource-image-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.resource-activity > a .activity-img {
  object-fit: scale-down;
  width: fit-content;
  height: inherit;
}

.activity_item.resource-activity .activity_img_thumb {
  width: 150px;
  height: 150px;
  border-radius: var(--main-border-radius);
  text-align: -webkit-center;
  border-style: solid;
  border-color: #d9d9d9;
}

.activity_item.resource-activity .activity_img_thumb .img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.activity_item.resource-activity .img-with-tooltip {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border-radius: 24px;
}

.activity_item.resource-activity .img-with-tooltip.full-width,
.activity_item.resource-activity .activity_left .full-width .activity-img {
  max-width: unset;
  width: 150px;
  max-height: unset;
  height: 150px;
}

.activity_item.resource-activity .activity_left .activity-img {
  position: relative;
  display: inline-block;
  max-width: 145px;
  max-height: 145px;
  height: unset;
  width: unset;
}

.activity_item.resource-activity .resource-img-tooltip {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  color: black;
  border-radius: 24px;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
  white-space: nowrap;
  font-size: 12px;
  padding: 3px 8px;
  top: 8px;
  left: 8px;
}

.resource-create .image-upload-requirements {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #969696;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.active-button.join-as-expert {
  width: 181px;
  height: 22px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
  flex: none;
  flex-grow: 0;
  order: 1;
  margin-left: 8px;
  padding: 24px;
  min-width: fit-content;
}

.join-as-expert-wrapper {
  padding-bottom: 16px;
}

.active-button.join-as-expert .icon {
  margin-right: 8px;
}

.join-as-expert-wrapper .box_header_title {
  width: 100%;margin: auto 0;
  padding: 0;
}

.header-members .join-as-expert-wrapper .box_header_title {
  width: 100%;
  margin: auto 0;
  padding: 0;
}


.header-members .join-as-expert-wrapper h1.box_header_title {
  font-weight: 600;
  font-size: 24px;
}

.join-as-expert.mobile {
  display: none;
}

@media (max-width: 768px) {
  .join-as-expert.mobile {
    display: flex;
  }
}

.navigation-block.my-profile-header {
  padding: 14px 24px 24px 24px;
}

.navigation-block.my-profile-header .nav-item {
  padding: 5px 16px;
}

#page_users-view form #commentButton_0 .post-feed-privacy {
  right: 10px !important;
  top: 56%;
}

#page_users-view form #commentButton_0 .post-feed-privacy::after {
  right: 0!important;
}

#page_users-view form #commentButton_0 .post-feed-privacy.open::after {
  right: 7px !important;
  top: 0px !important;
}

#page_users-view form #commentButton_0 .nice-select > span.current{
  margin-right: 10px;
}

#page_search-hashtags #north {
  margin-bottom: 32px;
}

#page_photos-index #north {
  margin-bottom: -12px;
}

#page_photos-index #north h1 {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #333333;
  margin-bottom: 24px;
}

#page_photos-index .search-filters-wrapper.box2 .box_header .box_header_title {
  font-size: 18px;
}

.search-filters-wrapper.box2 .box_header .box_header_title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #333333;
  margin-bottom: 24px;
}

#center.col-md-9 .hashtags-content-wrapper .album-lists .album-list-item {
  width:33%!important;
}

.search-filters-wrapper {
  padding: 24px;
}

.search-filters-wrapper > .box_header {
  padding: 0;
}

.search-filters-wrapper.box2.bar-content-warp {
  background-color: #fafafa;
}

.search-filters-wrapper.box2.bar-content-warp .box_header {
  border: none;
}

.search-filters-wrapper #global-search-filters,
.search-filters-wrapper .menu-list {
  display: grid;
  gap: 16px;
}

.search-filters-wrapper #global-search-filters a.menu-list-link {
  display: flex;
  align-items: center;
  padding: 0px 4px;
  gap: 4px;
  width: 264px;
  height: 32px;
  text-align: left;
  border-radius: 8px;
}

.search-filters-wrapper #global-search-filters a.menu-list-link .menu-list-text {
  margin-left: 0;
  color: #333333;
}

.search-filters-wrapper #global-search-filters.menu-list .menu-list-item .menu-list-link .menu-list-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
  color: #333333;
}

.search-filters-wrapper #global-search-filters .current > a.menu-list-link {
  background: #F0F0F0;
}

#page_search-hashtags .hashtags-content-wrapper h3.box_header_title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}

#page_search-hashtags .hashtags-content-wrapper a.globalSearchMore {
  padding: 8px 24px;
}

#page_users-view .user-spaces-wrapper .core-lists.list-view .core-list-item .core-item-warp {
  align-items: center;
}

#page_users-view .user-spaces-wrapper .core-lists.list-view .core-list-item .core-item-warp .core-item-figure {
  width: 104px;
}

#page_users-view .user-spaces-wrapper .box_header_main > a:hover {
  text-decoration-line: underline;
}

.user-spaces-wrapper .box_header_main > img {
  margin-right: 10px;
}

form#activity_share_form .modal-footer .share-content-action .share-action-r {
  margin: auto;
}

form #ShareSection.album_item_detail .form-group,
form #ShareSection .form-group {
  display: block;
}

form #ShareSection.album_item_detail .form-group textarea,
form #ShareSection.album_item_detail .form-group #myTabDrop1,
form #ShareSection .form-group textarea,
form #ShareSection .form-group #myTabDrop1 {
  padding: 13px 24px;
  border-radius: 8px;
  background-color: #ffffff;
}

form #ShareSection.album_item_detail .form-group #myTabDrop1-contents.show_hide_dropdown,
form #ShareSection .form-group #myTabDrop1-contents.show_hide_dropdown {
  background-color: #ffffff;
}

form #ShareSection .form-group .textoverlay-wrapper .textoverlay {
  background-color: #ffffff !important;
}

#lb_description.footer-desc {
  display: block;
  background: none;
  padding: 24px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #FAFAFA;
}

#photoModal.modal-fullscreen .owner-photo > .owner-info,
#page_albums-view .photo_on_theater .owner-info {
  text-align: left;
}

#page_albums-view .photo_on_theater .owner-info > a {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

#page_albums-view .photo_on_theater .owner-info > .date {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #969696;
}

#page_albums-view .photo_on_theater .closeComment {
  display: flex;
}

#page_albums-view #photoModal #photo_close_icon {
  background-color: unset;
}

#page_albums-view #photoModal #photo_close_icon .photo-close-icon {
  font-size: 26px;
}

#photoModal.modal-fullscreen .owner-photo > .owner-info {
  display: flex;
}

#photoModal.modal-fullscreen .owner-photo > .owner-info .box-dropdown {
  display: flex;
  margin-left: auto;
  position: absolute;
  right: 65px;
}

#photoModal.modal-fullscreen .owner-photo > .owner-info .box-dropdown .dropdown-menu {
  left: 0;
}

#photoModal.modal-fullscreen .owner-photo > .owner-info .box-dropdown .act-item-bookmark .act-item-txt {
  display: none;
}

#photoModal.modal-fullscreen .photo_comments .like-section .like-action .act-item-bookmark {
  display: none;
}

#photoModal.modal-fullscreen .photo_comments .content_comment .closeComment {
  display: flex;
}

#photoModal.modal-fullscreen .photo_comments .comment-action .like-action .act-item-reply {
  align-self: center;
}

#photoModal.modal-fullscreen .photo_comments .core_comments {
  padding: 15px;
  border-top: 1px solid #eee;
}

#photoModal.modal-fullscreen .photo_comments .core_comments .comment_lists .comment-item .comment-content-text {
  text-align: left;
}

#page_photos-view .custom-detail-photo-wrapper .owner-photo > .owner-info {
  display: flex;
}

#page_photos-view .custom-detail-photo-wrapper .owner-photo > .owner-info .box-dropdown {
  display: flex;
  margin-left: auto;
}

#page_photos-view .custom-detail-photo-wrapper .owner-photo > .owner-info .box-dropdown ul.dropdown-menu {
  top: 50%;
  left: 64%;
}

#page_photos-view .custom-detail-photo-wrapper .owner-photo > .owner-info .box-dropdown .act-item-bookmark .act-item-txt{
  display: none;
}

#page_photos-view .custom-detail-photo-wrapper .photo-theater-action-l {
  display: flex;
  width: 100%;
}

#page_photos-view .custom-detail-photo-wrapper .photo-theater-action-l .like-section.content-like {
  width: 100%;
}

#page_photos-view .custom-detail-photo-wrapper.photo-detail-warp .bar-content-warp {
  border: none;
  margin-bottom: 0;
}

#page_photos-view .custom-detail-photo-wrapper.photo-detail-warp .bar-content-warp .photo_comments {
  padding-bottom: 0;
}

#page_photos-view .custom-detail-photo-wrapper.photo-detail-warp .bar-content-warp .comment_header_title {
  margin-top: 0;
}

#page_photos-view #content-wrapper #lb_description {
  display: none;
}

#page_photos-view #photo-content #photo_wrapper #photo_right_arrow,
#page_photos-view #photo-content #photo_wrapper #photo_left_arrow{
  display: block;
}

#page_photos-view #photo-content #photo_wrapper #photo_right_arrow .photo_arrow_icon,
#page_photos-view #photo-content #photo_wrapper #photo_left_arrow .photo_arrow_icon {
  color: #ffffff;
}

.profile-header-links {
    display: flex;
}

.profile-header-links a.nav-item {
  justify-content: center;
}

.my-network-wrap.profile-action-main-mobile .invite-members .add-space-text {
  width: auto;
}

#page_users-view .profile_info .profile-about {
  width: 352px;
  max-width: 100%;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 44px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  margin-top: 8px;
}

.group-header-cont .group-header-cont-wrapper-name .user-profile-badges {
  display: flex;
  gap: 8px;
}

.user-profile-info-wrapper {
  display: flex;
}

.group-header-cont .user-profile-info-wrapper .follow-wrapper {
  margin-top: 16px;
}

.group-header-cont .user-profile-info-wrapper .follow-wrapper .active-button {
  width: 168px;
  position: relative;
  justify-self: right;
}

.user-profile-badge {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 19.5px;
  gap: 4px;
  min-width: 112px;
  height: 32px;
  background: #41B8D5;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.user-profile-badge .name-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
}

.feed-entry-item .activity_feed_content .activity_author,
.comment-item .comment-inner .comment-user-name {
  display: flex;
  align-items: center;
  gap: 6px;
}

.feed-entry-item .activity_feed_content .activity_author a.user-profile-badge,
.comment-item .comment-inner .comment-user-name a.user-profile-badge {
  height: 24px;
  width: fit-content;
}

#headerProfile .user-profile-info-wrapper .profile_info {
  margin-top: 8px;
}

#headerProfile .user-profile-info-wrapper .profile_info li {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #969696;
  margin-right: 8px;
}

.profile_info {
  width: 100%;
}

.profile-info-list li {
  padding-left: 8px;
}

.profile-info-list li::after {
  content: '|';
  right: -16px;
}

#headerProfile .profile-avatar-wrapper .btn-profile .btn-cs-main .btn-text {
  width: max-content!important;
}

.hr-border {
  border-top: 1px solid var(--box-border-color);
}

.report-form {
   & textarea {
     resize: none !important;
     height: auto !important;
   }

  & label {
    align-items: center;
    height: 100% !important;
    margin-top: 0;
    padding-top: 0 !important;
    padding-left: 8px !important;
    width: 95px !important;
    margin-bottom: 8px!important;
  }

  & .modal-body {
    padding: 15px !important;
  }

  @media (max-width: 767px) {
    .form-group {
      display: flex;
      flex-direction: row;
      align-items: center !important;
    }
  }
}

@media (max-width: 991px) {
  .profile-figure .profile-cover {
    border-radius: 24px 24px 0 0;
  }

  .profile-navbar .group-header-cont-wrapper-info {
    margin-top: 8px;
  }
}

@media (max-width: 768px) {
  .profile-figure {
    padding:0 16px;
  }

  .header_container {
    padding: 0 15px;
  }

  #headerProfile .profile-header-box-view .profile-user-img {
    margin-top: -50px;
    width: 124px;
    height: 124px;
    min-width: 100px;
  }

  #headerProfile .profile-cover .profile-cover-upload > a {
    width: 32px;
    height: 32px;
    margin-left: 12px;
    margin-top: 12px;
  }

  #headerProfile .profile-cover .profile-cover-upload > a > img {
    width: 18px;
    height: 18px;
    left: calc(50% - 18px / 2);
    top: calc(50% - 18px / 2);
  }

  #headerProfile .profile-avatar img.profile-avatar-img {
    border-radius: 50%;
    height: auto;
  }

  .notification-group-list li.notification-group-item .noti_option {
    display: flex;
  }

  #headerProfile .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper {
    display: block;
  }

  #headerProfile .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-wrapper-name {
    display: block;
  }

  #headerProfile .user-profile-info-wrapper {
    display: block;
  }

  .group-header-cont .user-profile-info-wrapper .follow-wrapper {
    margin-top: 24px;
  }

  .group-header-cont .user-profile-info-wrapper .follow-wrapper .active-button {
    width: 100%;
  }

  .feed-entry-item .activity_feed_content .activity_author > svg {
    display: none;
  }

  .feed-entry-item .activity_feed_content .activity_author {
    display: grid;
  }

  .content-wrapper #headerProfile .box2.bar-content-warp {
    background: #f9f8f6;
    border: none;
  }

  #headerProfile #profile-scroll {
    background: #FAFAFA;
    border-radius: 0px 0px 24px 24px;
  }

  #headerProfile #profile-scroll .profile-scroll-main {
    padding: 0px 24px 24px 24px;
  }

  #headerProfile .profile-header .box2.bar-content-warp .box_content {
    margin: 0px 16px 32px 16px;
    border: 1px solid #D9D9D9;
    border-radius: 0px 0px 24px 24px;
    border-top: none;
  }

  #headerProfile .profile-header .profile-header-box-view .profile-main {
    padding: 0;
  }

  #headerProfile .navigation-block.my-profile-header {
    padding: 24px 0 0 0;
  }

  #headerProfile .navigation-block.my-profile-header .nav-item {
    margin: 0;
  }

  #headerProfile #profile-scroll .group-header .group-header-cont {
    display: block;
  }

  #page_photos-index .photo-create-form .modal-form-content .form-group .col-sm-9,
  #page_photos-index .photo-create-form .modal-form-content .form-group .col-sm-9,
  #page_photos-index .photo-create-form .modal-form-content .form-group .col-sm-9 {
    width: 100%;
  }
}

#page_guest_users-recover #center,
#page_guest_users-member_login #center,
#page_guest_users-register #center,
#page_friend_inviters-pending #center,
#page_friend_inviters-index #center {
  padding-top: 32px;
}

#page_guest_users-recover .recover-page > .section-content {
  border-radius: 10px;
}

#page_friend_inviters-index #invite_form > textarea {
  margin-top: 8px;
}

#page_friend_inviters-index .page-des {
  text-align: center;
}

#page_friend_inviters-index #center h1.box_header_title {
  display: block;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 20px;
}

#menuAccount .dropdown-menu #appearanceMode {
  display: none;
}

#page_stripes-update .container.page-container > .row,
#page_activitylogs-index .container.page-container > .row,
#page_users-email_settings .container.page-container > .row,
#page_users-password .container.page-container > .row,
#page_users-notification_settings .container.page-container > .row,
#page_users-profile .container.page-container > .row {
  display: inline;
}

#page_users-password .container.page-container #center .form-group .icon-hide-password{
  margin: -33px 8px -25px -25px;
}

#page_activitylogs-index .container.page-container #center .nice-select:after {
  right: 0px !important;
}

#page_activitylogs-index .container.page-container #center .nice-select.open:after {
  right: 8px !important;
}

#page_activitylogs-index .container.page-container #center .log-section .list_option {
  margin-top: 0;
}

.search-friend #name {
  background: #ffffff;
}

.feed-option-item .dropdown a {
  color: #000000;
}

.box_action a.view-all-btn {
  padding: 8px 24px;
  background: #41B8D5;
  border: 1px solid #41B8D5;
  border-radius: 32px;
}

.profile-header-box-view #profile-scroll:not(.profileScrolling) .profile-avatar {
  border: none;
}

#page_users-view #content-wrapper.content-wrapper {
  margin-top: 32px;
}

#page_albums-view .box_view.bar-content-warp {
  box-shadow: none;
}

#page_photos-view .photo-theater-comment-action .act-item.act-item-bookmark {
  display: none;
}

#page_photos-view .custom-detail-photo-wrapper {
  margin-top: 0px;
}

#page_photos-view .custom-detail-photo-wrapper .owner-photo {
  padding-top: 0px;
}

#page_albums-view #shareFeedModal .modal-content .modal-title {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #333333;
}

form.activity_share_form #ShareSection .create_form .form-group label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

form #ShareSection.album_item_detail .form-group #myTabDrop1,
form #ShareSection.album_item_detail .form-group textarea,
form #ShareSection .form-group #myTabDrop1,
form #ShareSection .form-group textarea {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

form.activity_share_form .share-action-r .cart-item-btn-subscribed {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.like-section .like-action .act-item-comment .writeComment {
  display: flex;
  position: relative;
  line-height: normal;
}

.mt-32 {
  margin-top: 32px;
}

.profile-avatar-wrapper,
.header-user-data-wrapper {
  display: flex;
}

.header-user-data-wrapper {
  flex: 1;
  width: 100%;
}

.modal-body .user-lists .user-item-figure {
  max-width: 70px;
}


.badge-moderator {
  background-color: #333333 !important;
  color: white;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.badge-moderator .badge-text-short {
  display: inline;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
}

.badge-moderator .badge-text-full {
  display: none;
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
  margin: 0 8px;
}

.badge-moderator.active {

}

.badge-moderator.active .badge-text-short {
  display: none;
}

.badge-moderator.active .badge-text-full {
  display: inline;
}

.badge-row-wrapper {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 768px) {
  .activity_author .badge-row-wrapper {
    position: absolute;
  }
}

.user-lists .user-item-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header-user-data-wrapper.user {
  width: -webkit-fill-available;
}

.profile-avatar-wrapper .btn-profile,
.header-user-data-wrapper .btn-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  min-width: 168px;
  height: 48px;
  border: 1px solid #41B8D5;
  border-radius: 32px;
  flex: none;
  order: 2;
  flex-grow: 0;
  z-index: 2;
  background: #fafafa;
  margin: auto;
}

.activity-feed-edit-form {
  margin-top: 24px;
}

.profile-avatar-wrapper .btn-profile .btn-cs-main,
.header-user-data-wrapper.self .btn-profile .btn-cs-main {
  gap: 3px;
}

.profile-avatar-wrapper .btn-profile .btn-cs-main .btn-text,
.header-user-data-wrapper .btn-profile .btn-cs-main .btn-text {
  min-width: 82px;
  height: 22px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #41B8D5;
  flex: none;
  order: 1;
  flex-grow: 0;
}

#page_photos-index.floating-menu .page-container .row {
  display: inline;
}

#page_photos-index.floating-menu .page-container .row #center .bar-content > .bar-action-floating {
  position: unset;
  background-color: unset;
  border: none;
  box-shadow: none;
  margin-bottom: 16px;
}

#page_photos-index.floating-menu .page-container .row #center .bar-content > .bar-action-floating .horizontal-menu {
  justify-content: left;
}

#page_photos-index .photo-categories-tabs > .bar-action-floating .horizontal-menu > li.need-devider a span {
  border-right: black;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  padding-right: 16px;
}

#page_photos-index .photo-create-form .modal-form-content .form-group input,
#page_photos-index .photo-create-form .modal-form-content .form-group textarea,
#page_photos-index .photo-create-form .modal-form-content .form-group select {
  flex: 1;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #E0E0E0;
}

#page_photos-index .photo-create-form .modal-footer {
  display: flex;
  justify-content: center;
}

#page_photos-index .photo-create-form .modal-footer .btn-modal_close {
  padding: 8px 24px;
  height: 48px;
  border-radius: 32px;
  width: 168px;
  font-weight: 500;
  background: #F0F0F0;
}

#page_photos-index .photo-create-form .modal-footer .btn-modal_save {
  padding: 8px 24px;
  height: 48px;
  border-radius: 32px;
  width: 168px;
  font-weight: 500;
  background: #41B8D5;
  border: 1px solid #41B8D5;
}

.activity_feed_header.activity_feed_content .action-text {
  font-size: 16px;
  font-weight: normal;
}

.comment-item .comment-outer {
  align-items: center;
}

.comment-item .comment-outer .comment-inner {
  background: #FAFAFA;
  border: 1px solid #D9D9D9;
  border-radius: 16px;
  padding: 24px;
}

.profile-cover .profile-cover-upload {
  border: none;
}

.profile-cover .profile-cover-upload > a {
  position: absolute;
  width: 48px;
  height: 48px;
  background: #F0F0F0;
  border-radius: 24px;
  margin-left: 15px;
  margin-top: 15px;
}

.profile-cover .profile-cover-upload > a > img {
  position: absolute;
  width: 24px;
  height: 24px;
  left: calc(50% - 24px / 2);
  top: calc(50% - 24px / 2);
  fill: #000000;
}

.comment_lists .comment-item .comment-option {
  top: 24px;
  right: 24px;
}

.comment-item .comment-inner .comment-action {
  width: 100%;
}

.comment-item .comment-inner .comment-action .like-action {
  width: 100%;
}

.comment_lists .comment-item .comment-content-text {
  padding: 8px 0;
}

.comment-item .comment-inner .comment-action .like-action .comment-time {
  order: 0;
  width: auto;
  font-size: 16px;
  color: #969696;
  flex: none;
  padding: 0;
}

.comment-item .comment-inner .comment-action .like-action .actions-wrapper {
  display: flex;
  width: inherit;
  justify-content: right;
  gap: 8px;
}

.comment-item .comment-inner .comment-action .like-action .actions-wrapper .act-item {
  display: flex;
}

.comment_lists .comment-item .comment-user-name a {
  font-size: 16px;
}

.character-counter-textarea {
  text-align: right;
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}

@media (max-width: 768px) {
  .comment_lists .comment-item .comment-content-text {
    display: block;
  }

  .comment-item .comment-inner .comment-action .like-action {
    display: block;
    justify-items: flex-start;
  }

  .comment-item .comment-inner .comment-action .like-action .actions-wrapper {
    justify-content: center;
    margin-top: 8px;
  }
}

@media (min-width: 992px) {
  #headerProfile .profile-avatar img.profile-avatar-img {
    border-radius: 50%;
  }

  #headerProfile .profile-cover img.profile-cover-img {
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
  }

  #photoModal.modal-fullscreen .modal-content {
    width: inherit;
  }

  #theaterComments .comment-item .like-action {
    display: block;
    place-items: start;
  }

  #theaterComments .comment-item .like-action .actions-wrapper {
    place-items: start;
    justify-content: normal;
    margin-top: 8px;
  }

  #theaterComments .comment-item .like-action .actions-wrapper .act-item-like {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  #page_users-view .content-wrapper .albums-list-wrapper .box2.bar-content-warp {
    border-bottom: none;
  }

  #page_users-view #profile-content .profile_user {
    padding: 0 16px;
  }

  .photo-categories-tabs {
    margin-top: 8px;
  }

  .photo-categories-tabs .bar-action-floating .container {
    padding-left: 0;
  }
}

.photo-categories-tabs .bar-action-floating {
  position: unset;
  background-color: unset;
  border: none;
  box-shadow: none;
  margin-bottom: 16px;
}

.photo-categories-tabs ul.browse-menu {
  justify-content: unset;
}

.photo-categories-tabs .horizontal-menu > li.current > a > .horizontal-menu-text {
  color: #333333;
}

.photo-categories-tabs .horizontal-menu > li > a > .horizontal-menu-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.main-menu .menu-item a:hover {
  filter: invert(67%) sepia(72%) saturate(456%) hue-rotate(157deg) brightness(87%) contrast(84%);
}

.space-cart-wrapper .cart-item-wrapper .cart-item-action a {
  border: none;
}

#category-grid-my-groups .core-list-item,
#category-grid-discover-groups .core-list-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#category-grid-my-groups .core-list-item .core-item-warp.cart-item-wrapper,
#category-grid-discover-groups .core-list-item .core-item-warp.cart-item-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#category-grid-my-groups .cart-item-info,
#category-grid-discover-groups .cart-item-info {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  padding: 23px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cart-item-header {
  background-color: #F0F0F0;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  border-bottom-style: solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-width: 1px;
  border-color: #d9d9d9;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -24px;
  width: calc(100% + 48px);
  padding-left: 24px;
  padding-right: 24px;
}

.cart-item-header-figure {
  flex-shrink: 0;
}

.cart-item-header-thumb {
  position: relative;
  display: block;
}

.cart-item-header-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.cart-item-header-content {
  flex: 1;
  min-width: 0;
}

.cart-item-header-title-wrapper {
  display: grid;
  align-items: center;
  gap: 8px;
}

.cart-item-header-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #BD8E8D;
  white-space: nowrap;
}

.cart-item-header-name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-description {
  margin-bottom: 12px;
}

.cart-item-type {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}

.cart-item-count {
  margin-bottom: 16px;
}

.cart-item-action {
  margin-top: auto;
}

.cart-item-privacy-icon {
  font-size: 16px;
}

.cart-item-privacy-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.cart-item-count-icon {
  font-size: 16px;
  vertical-align: middle;
}

.cart-item-count-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.cart-item-wrapper .core-item-figure .group-type-tag {
  /*display: none !important;*/
}

.cart-item-wrapper .core-item-figure .core-item-thumb::after,
.cart-item-wrapper .core-item-figure .core-item-thumb::before {
  display: none !important;
}

.photo_addlist a.photoModal:hover {
  cursor: pointer;
}

.space-members-wrapper .user-item-info .user-name-truncate {
  font-weight: 400;
}

#page_groups-create .group-detail .box_header.mo_breadcrumb .box_header_title {
  font-size: 24px;
}

#page_groups-create .group-detail .create_form form #name,
#page_groups-create .group-detail .create_form form .form-group ul.list li,
#page_groups-create .group-detail .create_form form .form-group span.current {
  font-size: 16px;
}

#page_groups-create .btn-create-space-wrapper #cancelBtn:hover,
#page_groups-create .btn-create-space-wrapper #cancelBtn:active {
  color: var(--text-color);
  background-color: var(--horizontal-menu-sub-active-background);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

#page_groups-create .btn-create-space-wrapper #saveBtn:hover,
#page_groups-create .btn-create-space-wrapper #saveBtn:active {
  background-color: var(--main-color);
  color: #FAFAFA;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

@media (max-width: 768px) {
  #page_groups-create .group-detail .create_form form .form-group {
    display: block;
  }

  #page_groups-create .group-detail .create_form form .form-group > div,
  #page_groups-create .group-detail .create_form form .form-group > label {
    width: 100%;
  }

  .like-action > * {
    padding: 6px 10px !important;
    align-self: end;
  }

  .like-action > *:hover,
  .like-action .actions-wrapper > *,
  .like-action .actions-wrapper > *:hover {
    align-self: end;
    padding: 6px 10px !important;
  }

  .comment-reaction-options {
    margin: 0;
  }

  .like-action .actions-wrapper .reaction-options .react-btn > span:before {
    margin-top: 0;
    margin-bottom: 4px;
  }

  .like-action .act-item-comment {
    padding: 6px 10px!important;
  }

  .like-action .act-item-like:hover,
  .like-action .act-item-comment:hover,
  .like-action .act-item-share:hover {
    line-height: normal !important;
  }

  .like-action .act-item-comment {
    line-height: normal !important;
  }

  .comment-action .like-action .actions-wrapper > *{
    width: 100%;
    text-align: center;
    place-content: center;
  }
}

@media (min-width: 769px) {
  .comment-action .like-action .actions-wrapper > * {
    padding: 2px 16px;
  }

  .comment-action .like-action .actions-wrapper > .comment-reaction-options {
    margin-left: 0;
    padding: 2px 17.5px;
  }

  .comment-action .like-action .actions-wrapper > .act-item-reply svg {
    margin-top: 2px;
  }
}

.like-action .act-item .act-item-text .act-item-txt {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.like-action > script {
  display: none;
}

.resource-cart .cart-discussions-core-item-label.resource-partner {
  margin: auto 0;
}

.toggle-switch {
  position: relative;
  display: inline-block;
}

.toggle-checkbox {
  display: none;
}

.toggle-label {
  display: block;
  width: 50px;
  height: 24px;
  background-color: #ccc;
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0;
}

.toggle-switch-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.toggle-checkbox:checked + .toggle-label {
  background-color: var(--main-color);
}

.toggle-checkbox:checked + .toggle-label .toggle-switch-slider {
  transform: translateX(26px);
}

.panel-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.input_toggle {
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: none;
  color: var(--text-color);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input_toggle span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
  padding-left: 10px;
}

.event-tip-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}

.event-tip-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.tip-icon {
  margin-right: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tip-letter {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.tip-icon i {
  font-size: 24px;
  color: #666;
}

.tip-content {
  flex: 1;
}

.tip-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-text-color);
}

.tip-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
  text-align: left;
}

.tips-header {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.event-form-wrapper .section-title {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
}

.event-form-wrapper .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.event-form-wrapper hr {
  margin-top: 24px;
  margin-bottom: 24px;
}

.accordion-section {

}

.accordion-icon {
  font-size: 24px;
  transition: transform 0.3s ease;
}

.section-content {
  max-height: 0;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.accordion-section.active .section-content {
  max-height: 2000px;
  padding-bottom: 20px;
}

.section-content .bootstrap-tagsinput {
  display: flex;
  align-items: center;
}

.accordion-section.active .accordion-icon {
  transform: rotate(180deg);
}

.section-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.section-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
}


.form-control::placeholder {
  color: var(--main-additional-color);
  opacity: 1;
}

.form-control::-webkit-input-placeholder {
  color: var(--main-additional-color);
}

.form-control::-moz-placeholder {
  color: var(--main-additional-color);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--main-additional-color);
}

.form-control:-moz-placeholder {
  color: var(--main-additional-color);
  opacity: 1;
}

#EventTitle::placeholder {
  color: var(--main-additional-color);
}

.custom-placeholder::placeholder {
  color: var(--main-additional-color);
  font-weight: 300;
}

.who-viewed-me-block  {
  border-radius: var(--main-border-radius);
  border: 1px solid var(--box-border-color);
  background: #FAFAFA;


  & .box_header_main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    min-height: 0;
  }

  & li {
    margin-bottom: 16px;
    list-style-type: none;
    display: flex;
    gap: 8px;
  }

  & h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    font-family: var(--main-font-family-additional);
    margin-bottom: 0;
  }

  & li:last-child {
    margin-bottom: 0;
  }

  & ul {
    padding: 0;
  }

  & .upsell_block {
    margin: 24px;
  }

  & .link-text-default {
    white-space: nowrap;
  }
}

.who-viewed-me-block .active-button:hover,
.premium-promotion .active-button:hover {
  color: white;
}

.quick-access-items a {
  color: var(--main-text-color);
}

.for-premium-badge-dark {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  height: 32px;
  width: 142px;
  background: #333333;
  border-radius: 24px;
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
}

.widget-wrapper .active-button:hover {
  color: #FAFAFA;
}

.widget-wrapper .widget-not-active {
  background-color: #F0F0F0 !important;
}

.link-not-active {
  color: #969696 !important;
  cursor: default;
  pointer-events: none;
}

.svg-not-active {
  filter: grayscale(100%) brightness(0.6) opacity(0.5);
}

.widget-not-active {
  & hr {
    border-top: 1px solid var(--border-color);
  }
}

.widget-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.premium-promotion-header-widget {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
}

.card-title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  font-family: var(--main-font-family-additional);
}

.who-viewed-me-block-name {
  display: flex;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}

.who-viewed-me-block-name .badge-row-wrapper {
  margin-bottom: 5px;
}

.viewedMeModal {
  padding: 24px;

  & .modal-header {
    padding: 24px 24px 30px 24px;
  }

  & .modal-body {
    padding: 0 24px;
  }

  & .user_avatar {
    height: 64px !important;
    width: 64px !important;
    margin-right: 0;
  }

  & hr {
    margin: 16px 0;
  }

  & li {
    margin-bottom: 16px;
    list-style-type: none;
    display: flex;
    gap: 8px;
  }

  & ul {
    margin-left: 0;
    padding-left: 0;
  }

  @media (max-width: 768px) {
    & .modal-dialog {
      margin: 0;
    }
  }
}

.badge-user-status {
  width: 24px;
  height: 24px;
  background-color: var(--main-color);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-text-default {
  color: var(--main-text-color);
  text-decoration: none;
}

.link-text-default:hover {
  color: var(--main-text-color);
  text-decoration: none;
}

.link-text-default:active {
  color: var(--main-text-color);
  text-decoration: none;
}


.badge-wrapper {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  background-color: var(--main-color);
  border-radius: 4px;
  overflow: hidden;
  min-width: 24px;
  min-height: 24px;
}

.badge-wrapper .badge-user-status {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.badge-wrapper .badge-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FAFAFA;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.3s ease, max-width 0.3s ease;
  background-color: transparent;
}

.badge-guide-image {
  min-width: 24px;
  height: 24px;
  padding-left: 4px;
}

/* Desktop hover */
@media (hover: hover) {
  .badge-wrapper:hover .badge-text {
    opacity: 1;
    max-width: 100px;
    padding-left: 4px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .badge-wrapper.active .badge-text {
    opacity: 1;
    max-width: 100px;
    padding-left: 4px;
  }
}

.user-about {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main-additional-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  width: 0;
  min-width: 100%;
}

.form-feed-user-info .user-about {
  width: 100%;
}

.form-feed-user-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 75%;
  width: 0;
  min-width: 75%;
  justify-content: center
}

@media (max-width: 768px) {
  .form-feed-user-info .user-about {
    width: 200px;
  }
}

.qtip_user_info .user-about {
  color: var(--main-text-color);
  margin-top: 3px;
  margin-bottom: 8px;
}

.user-social-select {
  display: flex;
  align-items: center;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}

.social-link-item {
  display: flex !important;
  margin-bottom: 16px;

  & li {
    padding: 16px;
    border-bottom: 1px solid var(--box-border-color);
    background: var(--card-color);
  }
}

.delete-social-link {
  color: var(--warning-color);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.wrapper-input-social-link {
  display: flex;
  width: 100%;
  gap: 8px;

  @media (max-width: 768px) {
    flex-direction: column;

    .nice-select {
      width: 100%;
    }

    input {
      width: 100%;
    }

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

@media (max-width: 768px) {
  .user-social-link-wrapper {
    .form-group {
      display: block;
    }

    .nice-select {
      width: 100% !important;
    }
  }
}

.user-social-links-profile {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;

  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
  }
}

#status_box #wallForm {
  display: none;
}

.topic_view_body .resource-cart .core-item-head {
  max-width: 90%;
}


/* Publication Type Switcher */
.publication-type-wrapper {
  margin-bottom: 16px;
}

.publication-type-label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #333333;
  margin-bottom: 8px;
}

.publication-type-buttons {
  display: inline-flex;
  background: #f5f5f5;
  border-radius: 8px;
}

.publication-type-btn {
  padding: 8px 24px;
  border: 1px solid var(--box-border-color);
  background-color: var(--card-color);
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 32px;
  border-radius: 0 8px 8px 0;
}

.publication-type-btn-post {
  border-radius: 8px 0 0 8px;
}

.publication-type-btn:hover {

}

.publication-type-btn.active {
  color: #fff;
  background: var(--main-color);
  border-color: transparent;
}

/* Article Title Field */
.article-title-wrapper {
  margin-bottom: 16px;
}

.article-title-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  color: #333;
  background: #fafafa;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  box-sizing: border-box;


}

.article-title-input::placeholder {
  color: #999;
  font-weight: 400;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .publication-type-btn {
    padding: 6px 16px;
    font-size: 13px;
  }

  .article-title-input {
    font-size: 14px;
    padding: 10px 14px;
  }
}

.cp-error-notification {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--warning-color);
  color: white;
  padding: 16px 24px;
  border-radius: 8px;
  z-index: 10000;
  opacity: 0;
  transition: all 0.3s ease;
  max-width: 400px;
  font-size: 14px;
  font-weight: 500;
}

.cp-error-notification.cp-notification-show {
  opacity: 1;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .cp-error-notification  {
    font-size: 14px;
    padding: 14px 20px;
    max-width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
  }
}

.feed-entry-item:has(.activity-article) {
  position: relative;
  overflow: visible;
}

.feed-entry-item:has(.activity-article):not(:has(.share-content))::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  background-color: var(--hower-color);
  z-index: 1;
  border-radius: 24px 0 0 24px;
}

.activity-article {
  background: rgba(189, 142, 141, 0.1);
  padding: 16px 8px;
  border-radius: 8px;
}

.activity-article .activity_feed_message {
  padding: 0;
  margin: 0;
}


.article-badge {
  display: inline-flex;
  align-items: center;
  background-color: var(--hower-color);
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 16px 0;
  flex-direction: row;
  justify-content: center;
  padding: 4px 8px;
  gap: 4px;
  border-radius: 8px;
}

.article-badge .badge-icon {
  filter: brightness(0) invert(1);
}


.article-title {
  font-family: var(--main-font-family-additional);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #333333;
  margin-bottom: 16px;
}


.activity_feed_content_text.article-content {
  background-color: #FCE4EC;
  padding: 16px;
  border-radius: 8px;
}

.activity_feed_content_text.article-content .activity_feed_message {
  background-color: transparent;
}

.view_more_link {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.view_more_link:hover {
  text-decoration: underline;
}

.activity-article .view_more_link {
  color: #BD8E8D;
}

#shareFeedModal .modal-content {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  margin-top: 20px;
}

#iframeShare {
  max-height: 800px;
}


.save-action-item-btn {
    position: absolute;
    z-index: 1000;
    background: var(--button-cancel-color);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.action-item-modal-content {
    text-align: left;
}

.action-item-modal-content .form-control {
  padding-left: 24px;
}

.action-item-modal-content textarea.form-control {
  resize: vertical;
  min-height: 100px;
}

.action-item-modal-content select.form-control {
  cursor: pointer;
}

.modal:has(.action-item-modal-content) .modal-footer {
    display: flex;
    flex-direction: row;
}


.latest-widget .discussion-card-image {
  width: 104px;
  height: 104px;
  min-width: 104px;
  min-height: 104px;
  margin: auto;
}

.latest-widget .discussion-card-image .core-item-thumb {
  place-self: center;
}

.latest-widget .discussion-card-image .core-item-thumb .widget-group-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.core-lists.latest-widget .core-list-item .core-item-info {
  margin-left: 16px;
}

p.published {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin-top: 3px;
  margin-bottom: 8px;
}

.core-lists.latest-widget .core-list-item .core-item-info .core-item-like_count {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #969696;
}

#profile-content .feed-pinned-label {
  display: none;
}

#profile-content .feed-entry-item.feed-entry-item--pinned-creator,
#profile-content .feed-entry-item.feed-entry-item--pinned-creator {
  background: #E7F3F6;
}

#profile-content .feed-entry-item.feed-entry-item--pinned-creator .feed_main_info,
#profile-content .feed-entry-item.feed-entry-item--pinned-creator .feed_main_info {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}

.resource-create .picker__select--year,
.resource-create .picker__select--month  {
  display: none;
}

.resource-create .form-content .form-group .toggle_image_wrap {
  display: none;
}

.group-header-card-wrapper {
  display: flex;
  gap: 24px;
  flex: 1;
  position: relative;
}

.group-header-image {
  flex-shrink: 0;
}

.group-header-image-img {
  width: 300px;
  height: 278px;
  max-height: max-content;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  max-width: max-content;
  color: revert;
}

.group-header-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.group-header-label-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.group-header-mobile-more-actions {
  display: none !important;
}

.group-header-actions-buttons-bottom {
  display: none !important;
}

.group-header-actions-buttons-desktop {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.group-header-label {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #BD8E8D;
}

.group-header-name {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #333333;
}

.group-header-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #333333;
}

.group-header-description-text {
  display: inline;
}

.group-header-description-full {
  display: inline;
}

.group-header-description-see-more,
.group-header-description-see-less {
  color: #007bff;
  text-decoration: none;
  cursor: pointer;
  margin-left: 4px;
  font-size: 16px;
  font-weight: 400;
}

.group-header-description-see-more:hover,
.group-header-description-see-less:hover {
  text-decoration: underline;
}

.group-header-meta {
  display: grid;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.group-header-privacy {
  align-items: center;
  gap: 4px;
}

.group-header-privacy-icon {
  font-size: 16px;
  color: #666;
}

.group-header-privacy-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.group-header-members-link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.group-header-members-icon {
  font-size: 16px;
}

.group-header-navigation {
  margin-top: auto;
  padding-top: 12px;
}

.group-header-actions {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}

.group-header-dropdown {
  position: relative;
}

.group-header-dropdown-menu {
  right: 0;
  left: auto;
  top: 100%;
  margin-top: 4px;
}

.group-header-actions-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.group-header-card-wrapper .join-btn,
.group-header-card-wrapper .invite-members,
.group-join-btn,
.group-invite-btn,
.group-header-actions-buttons .join-btn,
.group-header-actions-buttons-bottom .join-btn,
.group-header-actions-buttons-desktop .join-btn,
.group-header-card-wrapper .btn-create-space-wrapper,
.group-header-actions-buttons .btn-create-space-wrapper,
.group-header-actions-buttons-bottom .btn-create-space-wrapper,
.group-header-actions-buttons-desktop .btn-create-space-wrapper,
.group-header-card-wrapper .btn-create-space-wrapper .btn,
.group-header-actions-buttons .btn-create-space-wrapper .btn,
.group-header-actions-buttons-bottom .btn-create-space-wrapper .btn,
.group-header-actions-buttons-desktop .btn-create-space-wrapper .btn,
.group-header-card-wrapper .btn-create-space-wrapper .btn.btn-cs,
.group-header-actions-buttons .btn-create-space-wrapper .btn.btn-cs,
.group-header-actions-buttons-bottom .btn-create-space-wrapper .btn.btn-cs,
.group-header-actions-buttons-desktop .btn-create-space-wrapper .btn.btn-cs {
  background-color: #BD8E8D !important;
  border-color: #BD8E8D !important;
  color: white !important;
}

.group-header-card-wrapper .btn-create-space-wrapper .btn-cs-main,
.group-header-actions-buttons .btn-create-space-wrapper .btn-cs-main,
.group-header-actions-buttons-bottom .btn-create-space-wrapper .btn-cs-main,
.group-header-actions-buttons-desktop .btn-create-space-wrapper .btn-cs-main {
  border-radius: 12px !important;
}

.group-header-card-wrapper .join-btn:hover,
.group-header-card-wrapper .invite-members:hover,
.group-join-btn:hover,
.group-invite-btn:hover {
  background-color: #a67d7c !important;
  border-color: #a67d7c !important;
}

.group-header-card-wrapper .share-btn,
.group-share-btn {
  border-color: #BD8E8D;
  color: #BD8E8D;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #BD8E8D;
  flex-shrink: 0;
}

.group-header-card-wrapper .share-btn:hover,
.group-share-btn:hover {
  background-color: #a67d7c !important;
  border-color: #a67d7c !important;
}

@media (max-width: 991px) {
  .group-header-card-wrapper {
    flex-direction: column !important;
    gap: 16px !important;
    position: relative !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .group-header-image {
    width: 100% !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  .group-header-image-img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 24px !important;
    display: block !important;
  }

  .group-header-info {
    width: 100% !important;
    padding: 0 10px !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .group-header-desktop-more-actions {
    display: none !important;
  }

  .group-header-actions-buttons-desktop {
    display: none !important;
  }

  .group-header-actions {
    display: none !important;
  }

  .group-header-mobile-more-actions {
    display: block !important;
  }

  .group-header-mobile-more-actions .dropdown {
    position: static !important;
  }

  .group-header-mobile-more-actions .group-header-dropdown-menu {
    position: absolute !important;
    z-index: 1000 !important;
    right: 0 !important;
    left: auto !important;
  }

  .group-header-actions-buttons-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

.group-header-actions-buttons .invite-members span {
  color: white !important;
}

#invite_friend .bootstrap-tagsinput input {
  width: 100%;
}

/* Hide View More button when reflection card is present */
.reflection-card ~ #view-more-container,
.list-content:has(.reflection-card) #view-more-container {
    display: none !important;
}

/* Responsive video iframe styles */
.activity_feed_message {
    overflow: hidden;
    width: 100%;
}

/* Universal iframe wrapper styles - works for both with and without .video-feed-body */
.activity_feed_message iframe,
.video-feed-body {
    width: 100%;
}

/* Create responsive container for any iframe in activity_feed_message */
.activity_feed_message iframe {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}

/* If iframe is inside .video-feed-content, use absolute positioning */
.video-feed-content {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-feed-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: unset;
    border: none;
}

.user_join_request .join-requests-modal {
  display: grid;
  gap: 20px;
}

.user_join_request .join-requests-modal .join-request-card {
  display: flex;
  place-items: center;
  gap: 12px;
}

.user_join_request .join-requests-modal .join-request-card__body {
  gap: 12px;
  display: grid;
}

.user_join_request .join-requests-modal .join-request-card__info {
  gap: 8px;
  display: grid;
}

.user_join_request .join-requests-modal .user-item-img {
  border-radius: 50%;
  max-height: 120px;
  min-width: 80px;
}

.user_join_request .join-requests-modal .join-request-card__actions {
  display: flex;
  place-self: center;
  gap: 16px;
}

.activity_feed_content_text .activity_item.resource-activity .activity_left {
  align-self: center;
  width: 172px;
  min-width: 172px;
}

.activity_feed_content_text .activity_item.resource-activity .activity_img_thumb {
  border-style: none;
}

.activity_feed_content_text .activity_item.resource-activity .img-with-tooltip.full-width,
.activity_feed_content_text .activity_item.resource-activity .activity_left .full-width .activity-img {
  width: 172px;
}

.activity_feed_content_text .activity_item.resource-activity .img-with-tooltip.full-width,
.activity_feed_content_text .activity_item.resource-activity .activity_left .full-width .activity-img {
  width: 172px;
  height: 100%;
}

.activity_feed_content_text .activity_item.resource-activity .activity_img_thumb {
  width: 172px;
  height: auto;
}

.activity_feed_content_text .activity_item.resource-activity .activity_right {
  align-content: center;
}

@media (max-width: 768px) {
  .activity_feed_content_text .activity_item.resource-activity .activity_left .resource-image-wrapper .activity_img_thumb {
    width: 100px;
    height: 100%;
  }

  .activity_feed_content_text .activity_item.resource-activity .activity_left {
    align-self: center;
    width: 100px;
    min-width: 100px;
  }

  .activity_feed_content_text .activity_item.resource-activity .img-with-tooltip.full-width,
  .activity_feed_content_text .activity_item.resource-activity .activity_left .full-width .activity-img {
    width: 100px;
    height: 100%;
  }

  .activity_feed_content_text .activity_item.resource-activity .img-with-tooltip.full-width,
  .activity_feed_content_text .activity_item.resource-activity .activity_left .full-width .activity-img {
    width: 100px;
  }

  .activity_feed_content_text .activity_item.resource-activity .activity_img_thumb {
    width: 100px;
    height: auto;
  }
}