:root {
  --status-red: 220, 38, 38;
  --status-amber: 79, 70, 229;
  --status-indigo: 255, 70, 170;
  --status-slate: 0, 70, 170;
  --status-green: 161, 168, 173;
  --status-teal: 8, 145, 178;
  --status-opacity: 0.06;
  --border-opacity: 0.5;
  --gradient-pr-prvaboja: 50%;
  --row-bg-start: #e7ecef;
  --row-bg-end: #f6f8fa;
  --row-border-bot: #c9cfdd;
  --button-minimum-width: 80px;
}


div:where(.swal2-container) div:where(.swal2-html-container) {
  font-size: 0.9em;
  /*! background-color: #c5d7e1; */
  border-radius: 6px;
}



.topic-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Uvek prikazi scrollbar */
html {
  overflow-y: scroll;
}

/* Stilizovan scrollbar - WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f4fbff;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #a3b9cf;
  border-radius: 4px;
  border: 2px solid #f4fbff;
}

::-webkit-scrollbar-thumb:hover {
  background: #5a6b7d;
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #a3b9cf57 #f4fbff;
}


body input[type=email],
body input[type=password],
body input[type=search],
body input[type=tel],
body input[type=text],
body input[type=url],
body select {
  padding: 6px 10px;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5385;
  background-color: #fff;
  color: #314263;
  border: 1px solid #cdcfd1;
  border-radius: var(--input-border-radius);
  box-shadow: none;
  height: 32px;
  /* margin-left: 10px; */
}

body textarea {
  padding: 6px 10px;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5385;
  background-color: #fff;
  color: #314263;
  border: 1px solid #cdcfd1;
  border-radius: var(--input-border-radius);
  box-shadow: none;
  min-height: 32px;
  height: auto;
}

body .form-control-feedback-start .form-control,
body .form-control-feedback-start input {
  padding: 6px 10px !important;
  font-size: .8125rem !important;
  font-weight: 400 !important;
  line-height: 1.5385 !important;
  background-color: #fff !important;
  color: #314263 !important;
  border: 1px solid #cdcfd1 !important;
  border-radius: var(--input-border-radius) !important;
  box-shadow: none !important;
  height: 32px !important;
  padding-left: 2.5rem !important
}

body select {
  padding: 5px 30px 5px 10px !important;
}

body input[type=email]:focus,
body input[type=password]:focus,
body input[type=search]:focus,
body input[type=tel]:focus,
body input[type=text]:focus,
body input[type=url]:focus,
body input:focus,
body select:focus,
body textarea:focus {
  border-color: #a5b7ca;
  outline: 0 !important;
  box-shadow: none !important
}

body .button,
body button,
body input[type=button],
body input[type=submit] {
  font-weight: 500;
  padding: 0px 12px;
  font-size: 10px;
}

.button {
  border-radius: var(--input-border-radius) !important;
  cursor: pointer !important;
  background-color: #eff4f5 !important;
  background-image: none !important;
  border: 1px solid #a5b7ca !important;
  color: #314263 !important;
  border: 1px solid #a5b7ca !important;
  height: 26px;
  line-height: 26px;
}

.pagesection .button {
  padding: 0px 10px !important;
  height: 26px;
  line-height: 26px;
}

.button.active {
  background-color: #c0d0dd !important;
  text-shadow: none !important;
  border: 1px solid #6f8caa !important;
  box-shadow: none !important
}

.button.active:hover {
  background-color: #b2c4d3 !important;
  text-shadow: none !important;
  border: 1px solid #6f8caa !important;
  box-shadow: none !important
}

body .button:hover,
body .quickbuttons li:hover,
body button:hover,
body input[type=submit]:hover {
  background-color: #dbe4ec !important;
  background-image: none !important;
  color: #314263 !important;
  border: 1px solid #6f8caa !important;
  text-decoration: none !important
}


select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right .75rem center !important;
  background-size: 16px 12px !important;
  appearance: none !important;
  padding-right: 2.5rem !important
}

#top_section {
  height: 47px !important;
  background: #fff !important;
  border-bottom: 1px solid #cdcfd1 !important;
  position: sticky;
  top: 0;
  z-index: 120
}

#top_section .inner_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 46px !important;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 !important
}

.nav-menu {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 20px !important;
  height: 100%;
  align-items: center
}

.nav-menu li {
  height: 100%;
  display: flex;
  align-items: center
}

.nav-menu li a {
  color: #4a5a6a !important;
  text-decoration: none !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color .2s;
  text-wrap-mode: nowrap;
}

.nav-menu li a:hover {
  color: #2196f3 !important
}

.user {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  position: relative
}

#top_section .search {
  flex: 0 0 200px;
  display: flex !important;
  align-items: center !important;
  height: 100% !important
}

#top_section .search form {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important
}

#top_section .search-box {
  display: flex !important;
  align-items: center !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  height: 30px !important
}

#top_section .search-icon {
  color: #adb5bd;
  font-size: 14px;
  margin-right: 6px
}

#top_section .search-box input {
  border: none !important;
  padding: 0 !important;
  background: 0 0 !important;
  height: 100% !important;
  box-shadow: none !important;
  width: 140px !important;
  font-size: .8rem !important;
  color: #444 !important
}

.user-menu-container {
  position: relative;
  height: 100% !important;
  display: flex !important;
  align-items: center !important
}

.top-quick-link {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px;
  height: 46px;
  margin-right: 10px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #4a5a6a !important;
  text-decoration: none !important;
}

.top-quick-link:hover {
  color: #2196f3 !important;
  background: transparent !important;
}

.top-quick-link .count {
  position: absolute;
  top: 8px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 10px;
  padding: 0 4px;
  background: #f00;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

.top-alert-link {
  margin-right: 12px;
}

.user-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 10px !important;
  height: 46px !important;
  background: #fff !important;
  border-left: 1px solid #eaeef2 !important;
  border-right: 1px solid #eaeef2 !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: all .2s ease;
  cursor: pointer;
  min-width: 180px
}

.user-link:hover {
  background: #fcfdfe
}

.dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #eaeef2;
  border-top: none;
  border-radius: 0 0 var(--general-border-radius) var(--general-border-radius);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);
  min-width: 180px;
  padding: 8px 0;
  display: none;
  z-index: 220;
  margin: 0;
  margin-top: 1px
}

.user-menu-container:hover .dropdown {
  display: block !important
}

body.idd-click-menus .user-menu-container:hover>.dropdown,
body.idd-click-menus .profile_menu_navbar .user-menu-container:hover>.dropdown {
  display: none !important;
}

body.idd-click-menus .user-menu-container.is-open>.dropdown,
body.idd-click-menus .profile_menu_navbar .user-menu-container.is-open>.dropdown {
  display: block !important;
}

.dropdown a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 15px !important;
  color: #4a5a6a !important;
  text-decoration: none !important;
  font-size: .85rem !important
}

.dropdown a:hover {
  background: #f8fafc !important;
  color: #2196f3 !important
}

.dropdown-divider {
  height: 1px;
  background: #eaeef2;
  margin: 8px 0
}

.dropdown a .count {
  margin-left: auto;
  background: #f1f3f5;
  color: #4a5a6a;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: .75rem
}

.avatar-wrapper {
  display: flex;
  align-items: center
}

.avatar-wrapper img {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--general-border-radius) !important;
  object-fit: cover !important;
  border: 1px solid #eee !important
}

.user-info-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.4;
  text-align: left
}

.user-link .name {
  font-size: .8rem;
  font-weight: 600;
  color: #333;
  display: block
}

.user-link .group {
  font-size: .6rem;
  color: #999;
  font-weight: 500;
  text-transform: uppercase;
  display: block
}

.user-link .arrow {
  font-size: 11px;
  color: #adb5bd;
  float: right
}

#top_section i[class^=ph-] {
  font-size: 1.2rem;
  vertical-align: middle
}

.guest-menu {
  display: flex;
  height: 100%;
  align-items: center
}

.guest-menu li {
  height: 100%;
  display: flex;
  align-items: center
}

.guest-menu li a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 15px;
  height: 46px;
  border-left: 1px solid #eaeef2;
  background: #fff;
  color: #4a5a6a;
  font-weight: 500;
  font-size: .85rem;
  transition: all .2s;
  border-radius: 0 !important
}

.guest-menu li:last-child a {
  border-right: 1px solid #eaeef2
}

.guest-menu li a:hover {
  background: #f8fafc;
  color: #2196f3 !important
}

#topic_container .up_contain {
  position: relative;
  border-left: none !important;
  border-right: none !important;
  background-image: linear-gradient(to bottom, var(--row-bg-start) 30%, var(--row-bg-end) 95%);
  border-bottom: 1px solid var(--row-border-bot) !important;
  border-top: 1px solid #fff !important;
  border-radius: 0
}

#topic_container .col_sep.is_new {
  border-left: 5px solid #d3dadf;
}

#topic_container .windowbg,
#topic_container .windowbg2 {
  background-color: transparent !important;
  background-image: none
}

#topic_container .board_stats,
#topic_container .info,
#topic_container .lastpost {
  padding: 10px
}

#topic_container .info {
  position: relative
}

.user_interaction {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  z-index: 80
}

.participated_icon,
.unread_icon {
  color: #969696;
  font-size: 16px;
  opacity: .8;
  display: block
}

.unread_icon {
  color: #16851f
}

.new_posts {
  display: none !important
}

.label_text {
  opacity: .5;
  font-weight: 400
}

#topic_header {
  background: #f8fbfd;
  font-weight: 400;
  font-size: 10px;
  border-bottom: 1px solid #c9cfdd;
  border-top: 1px solid #e3ecf0;
  color: #a4a9ae
}

#topic_container .col_sep,
#topic_header .col_sep {
  width: 1px;
  background-color: #ddd;
  align-self: stretch;
  margin: 8px 0;
  flex-shrink: 0
}

#topic_header .col_sep {
  background-color: #ddd;
  margin: 3px 0
}

#topic_container .board_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  flex-shrink: 0
}

#topic_header .board_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  padding: 0;
  border: none;
  flex-shrink: 0
}

#topic_container .board_icon img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  display: block
}

#topic_container .topic_status_icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 44px;
  min-width: 44px;
  padding: 10px
}

#topic_container .topic_status_icons i[class*=" ph-"],
#topic_container .topic_status_icons i[class^=ph-] {
  font-family: Phosphor !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  display: block !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important
}

#topic_container .topic_status_icons i.ph-push-pin {
  color: rgb(var(--status-amber))
}

#topic_container .topic_status_icons i.ph-lock {
  color: rgb(var(--status-red))
}

#topic_container .topic_status_icons i.ph-arrow-square-out {
  color: rgb(var(--status-slate))
}

#topic_container .topic_status_icons i.ph-chart-bar {
  color: rgb(var(--status-indigo))
}

#topic_container .topic_status_icons i.ph-eye {
  color: rgb(var(--status-green))
}

#topic_header .board_icon,
#topic_header .board_stats,
#topic_header .info,
#topic_header .lastpost,
#topic_header .topic_status_icons {
  padding: 1px 10px
}

#topic_container .board_icon,
#topic_container .board_stats,
#topic_container .info,
#topic_container .lastpost,
#topic_container .topic_status_icons {
  font-weight: 300
}

.message_index_title {
  font-weight: 600;
  font-size: .85rem
}

#topic_header .topic_status_icons {
  width: 44px
}

.sceditor-dropdown>div>div>input {
  padding: 0 10px !important;
  line-height: 1 !important;
  height: 26px !important
}

#post_header {
  display: block;
  padding: 0
}

#post_header .post_field {
  display: block;
  margin-bottom: 12px
}

#post_header dt {
  float: none !important;
  width: 100% !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
  font-size: .85rem;
  color: #5a6b7d
}

#post_header dd {
  float: none !important;
  width: 100% !important;
  margin: 0 !important
}

#post_header .post_header_row {
  display: flex;
  gap: 15px;
  width: 100%;
  align-items: flex-start
}

#post_header .post_header_row .post_field.pf_icon {
  flex: 0 0 auto;
  width: 200px
}

.pf_icon,
.pf_subject {
  margin-top: 0 !important
}

#post_header .post_header_row .post_field.pf_icon dd {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px;
  width: 100% !important
}

#post_header .post_header_row .post_field.pf_icon img {
  order: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 24px;
  flex: 0 0 auto !important
}

#post_header .post_header_row .post_field.pf_icon select#icon {
  order: 1 !important;
  flex: 1 1 auto !important;
  width: 10px !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 30px
}

#post_header .post_header_row .post_field.pf_subject {
  flex: 1
}

#post_header input#subject {
  width: 100% !important;
  box-sizing: border-box;
  padding: 6px 10px !important;
  border: 1px solid #cdcfd1 !important;
  border-radius: 4px !important;
  height: 34px
}

#post_header input[type=text]:not(#subject) {
  width: 100%;
  max-width: 400px
}

.sceditor-emoticons img,
.sceditor-more-emoticons img {
  padding: 0;
  cursor: pointer;
  margin: 2px;
  padding: 3px
}


#drop_zone_ui {
  padding: 3px !important
}

#drop_zone_fake {
  height: 30px;
  background: #f6f8fa;
  border: 1px solid #cdcfd1;
  border-top: none;
  margin-bottom: 0;
  border-radius: 0 0 4px 4px;
  display: flex !important;
  align-items: center;
  justify-content: center
}

#drop_zone_fake .attach_drop_zone_label {
  color: #636b7f;
  font-size: 13px;
  font-weight: 500
}

#attachment_previews .dz-error,
#attachment_previews .errorbox {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important
}

#attachment_previews .dz-error .attachment_preview_wrapper,
#attachment_previews .errorbox .attachment_preview_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px !important;
  text-align: left
}

#attachment_previews .dz-error .error,
#attachment_previews .errorbox .error {
  display: block;
  width: 100%;
  color: #d11212;
  font-weight: 700
}

#attachment_upload {
  width: 100%;
  margin-bottom: 0
}

.post_options_dropdown {
  position: relative;
  margin-top: 2px
}

.post_options_dropdown a,
.post_options_dropdown a:hover {
  text-decoration: none
}

.post_options_trigger {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 32px !important;
  padding: 0 12px !important;
  background-color: #fff !important;
  border: 1px solid #cdcfd1 !important;
  border-radius: 4px;
  cursor: pointer;
  transition: all .2s ease;
  color: #314263;
  text-decoration: none;
  margin: 0 !important;
  font-size: 13px;
  font-weight: 500
}

.post_options_trigger:hover {
  background: #f0f2f5;
  border-color: #b8babb;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, .05)*/
}

.post_options_trigger::before {
  font-family: Phosphor;
  content: "\EA1E";
  font-size: 18px;
  margin-right: 6px
}

.post_options_content {
  display: none;
  position: absolute;
  bottom: calc(100% + 1px);
  right: 0;
  background: #fff;
  border: 1px solid #cdcfd1;
  border-radius: 4px;
  /*box-shadow: 0 -4px 12px rgba(0, 0, 0, .1);*/
  z-index: 100;
  min-width: 250px;
  padding: 5px 15px;
  margin-bottom: 0
}

ul.post_options li {
  margin: 0 !important;
  padding: 5px 0 !important;
  width: 100%
}

.post_options_content.show {
  display: block
}

.post_options_content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex !important;
  flex-direction: column !important
}

.post_options_content li {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f2f5;
  transition: background .2s ease;
  display: block !important;
  width: 100%
}

.post_options_content li:hover {
  background: #f8f9fa
}

.post_options_content li:last-child {
  border-bottom: none
}

.post_options_content label {
  display: flex !important;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 13px;
  color: #314263;
  width: 100%;
  margin: 0 !important
}

.post_options_content input[type=checkbox] {
  margin: 0
}

.post_button_container {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap
}

.post_button_container .post_options_dropdown {
  display: inline-block;
  margin: 0 !important
}

#preview_section {
  margin-bottom: 15px
}

.suggestions-header {
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background: #f8fafc;
  border-bottom: 1px solid #aeaeae;
  display: flex;
  align-items: center
}

.suggestions-title {
  font-weight: 500;
  color: #1e293b;
  font-size: .9rem;
  display: flex;
  align-items: center;
  gap: 8px
}

.suggestions-title i {
  color: #334155
}

.suggestions-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #c9d6e3;
}

.suggestions-list li {
  padding: 0;
  background-image: linear-gradient(to bottom, var(--row-bg-start) 30%, var(--row-bg-end) 95%);
  border-bottom: 1px solid var(--row-border-bot) !important;
  border-top: 1px solid #fff !important
}

.suggestions-list li a {
  display: block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #334155;
  text-decoration: none;
  transition: all .2s ease;
  font-size: .8rem;
  border-left: 3px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.suggestions-list li a mark {
  background: rgba(255, 235, 59, .4);
  color: #334155;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600
}

.suggestions-list li a:hover {
  background: #f1f5f9;
  color: #1e293b;
  border-left: #93a6ba solid 1px;
  padding-left: 15px
}

.suggestions-message {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #64748b;
  font-size: .9rem;
  background: #f8fafc;
  margin: 0;
}

.w-100 {
  width: 100% !important;
}

.suggestions-message-outline {
  /*
  border-bottom: 1px solid #aeaeae !important;
  */

  border-top: 1px solid #fff !important;
}

#poll {
  margin-top: 15px;
}

.poll_body {
  padding: 0;
  border: none !important;
  background: transparent !important;
}

/* Poll Cards */
.card {
  background: #fdfdfd;
  border: 1px solid var(--category-border-color);
  border-radius: 5px;
  overflow: visible;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);*/
  margin-bottom: 5px;
}

.card_header {
  border-bottom: 5px solid;
  background-color: #eff8ff;
  color: #002948;
  border-color: #597ea4;
  background: #f0f4f7;
  color: #475569;
  border-color: #a3b9cf;
  padding: 6px 10px;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  border-radius: 5px 5px 0 0;
}

.card_header h1,
.card_header h2,
.card_header h3,
.card_header h4,
.card_title {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  line-height: 1;
  color: inherit;
}

.card_header i,
.card_header .ph {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.card_body:last-child,
.card_content:last-child {
  border-radius: 0 0 5px 5px;
}

.card_body {
  padding: 15px;
}

/* Inputs & Buttons */
.poll_question_input {
  font-size: 1.1rem;
  font-weight: 500;
  border-color: #cbd5e1;
}

.btn_add_option,
.poll_save_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #eff4f5 !important;
  color: #314263 !important;
  border: 1px solid #a5b7ca !important;
  padding: 6px 20px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none !important;
  transition: background 0.2s;
  height: 32px;
  line-height: 32px;
}

.btn_add_option:hover,
.poll_save_btn:hover {
  background-color: #dbe4ec !important;
  border-color: #6f8caa !important;
  color: #314263 !important;
}

.chat_save_btn {
  padding: 5px 15px !important;
  font-size: 0.9rem !important;
  height: auto !important;
}

.post_footer_poll {
  margin-top: 30px;
  text-align: center;
  padding: 20px 0;
}

/* Settings Grid */
.setting_row label {
  font-weight: 500;
  color: #334155;
}

/* Utilities & Polish */
.cursor-pointer {
  cursor: pointer;
}

.transition-all {
  transition: all 0.2s ease;
}

.hover-bg-light:hover {
  background-color: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

.poll_progress_wrapper {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0;
}

.poll_progress_bar {
  border-radius: 0 5px 5px 0;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
}

.radio_label input[type="radio"],
.radio_label input[type="checkbox"] {
  margin: 0;
  cursor: pointer;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

/* Custom Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
  margin-right: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
}

input:checked+.slider {
  background-color: #3b82f6;
}

input:focus+.slider {
  box-shadow: 0 0 1px #3b82f6;
}

.switch.switch-danger input:checked+.slider {
  background-color: #dc3545;
}

.switch.switch-danger input:focus+.slider {
  box-shadow: 0 0 1px #dc3545;
}

input:checked+.slider:before {
  transform: translateX(16px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.ignoreboard-box {
  border: 1px solid #d8dee6;
  border-radius: 6px;
  padding: 10px 12px;
  background: #fff;
  height: 100%;
}

.ignoreboard-cat-link {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 8px;
}

.ignoreboard-list,
.ignoreboard-child-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.ignoreboard-list>li {
  margin-bottom: 6px;
}

.ignoreboard-list label {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ignoreboard-action-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
}

/* Radio Group */
.poll_radio_group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.radio_label {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-weight: 400 !important;
  cursor: pointer;
  margin: 0 !important;
}

.poll_reset_box {
  background: #fff7ed;
  border: 1px solid #ffedd5;
  padding: 12px;
  border-radius: 6px;
}

.alert,
.roundframe .alert {
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 10px;
  padding: 5px 15px !important;
  border: 1px solid #e4adad;
  color: #9d0000;
  border-radius: 4px;
  background-color: #fdf2f2;
}

#post_attachments_area,
form#post_attachments_area.roundframe {
  padding: 0 !important;
  margin-bottom: 0 !important
}

#similar_topics_results {
  margin: 0;
  padding: 3px 0 !important;
  list-style: none;
  background-color: #c9d6e3 !important;
}

.results_background {
  margin: 0;
  padding: 3px 0 !important;
  list-style: none;
  background-color: #c9d6e3 !important;
}

#post_event,
#post_suggestions {
  margin-bottom: 15px;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
  min-height: 40px;
}

#event_time_input input.time_input,
#event_time_input input.date_input {
  margin: 0px;
}

.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #e2e8f0;
  border-top: 2px solid #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 10px;
  flex-shrink: 0
}

#post_draft_options_header {
  margin-top: 10px
}

dl.settings {
  clear: right;
  overflow: auto;
  margin: 0;
  padding: 0 5px
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.outlined_box {
  border: 1px solid #c9cfdd;
  background: transparent;
  border-radius: 4px;
  padding: 4px 10px;
  margin-right: 5px !important;

}

#forumposts {
  margin: 0;
  padding: 0;
}

#main_content_section .pagesection {
  margin: 5px 0;
  padding: 2px 0px;
}



.post_header_separator {
  background-color: #a3b9cf;
  height: 5px;

}

/******************** display template specific styles ********************/
/* Kontejner za celu poruku */
/* Header - 3 kolone */
#forumposts .windowbg,
#forumposts .windowbg2 {
  background: transparent !important;
  background-image: none !important;
  padding: 10px !important;
  box-shadow: none !important;
  margin: 10px 0 0 0;
}


#forumposts .windowbg {
  border: none !important;
  background: none !important;
  padding: 0px !important;
}

.windowbg.first-post {
  margin-top: 10px !important;
}

.windowbg.last-post {
  margin-top: 0px !important;
}

.post_header {
  display: flex;
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--category-border-color);
  background-color: #f0f4f7 !important;
  border-bottom: 1px solid #aeaeae !important;
  border-bottom: none !important;
  height: 33px;
  ;
  font-size: 0.8rem;
}

.header_left {
  padding: 5px;
  text-align: left;
  height: 32px;
  width: 33px;
  display: flex;
  justify-content: center;
  /* Centriranje po horizontali */
  align-items: center;
  /* Centriranje po vertikali */
  box-sizing: border-box;
  /* Uključuje padding u ukupnu visinu i širinu */
  border-right: 1px solid #cdcfd1 !important;
}

.header_msg_number {
  height: 32px;
  width: 50px;
  display: flex;
  padding: 5px;
  text-align: center;
  justify-content: center;
  /* Centriranje po horizontali */
  align-items: center;
  /* Centriranje po vertikali */
  box-sizing: border-box;
  /* Uključuje padding u ukupnu visinu i širinu */
  border-left: 1px solid #cdcfd1 !important;
  float: right;
  left: 0;
}

.modified {
  display: inline-flex;
  padding: 5px 10px;
  font-weight: 300;
  align-items: center;
  /* Centriranje po vertikali */
  box-sizing: border-box;
  /* Uključuje padding u ukupnu visinu i širinu */
}

.header_center {
  flex: 1;
  text-align: left;
  border-left: 1px solid #ffffff !important;
}

.header_right {
  width: 50%;
  /* Ista Å¡irina kao .header_left */
  text-align: right;
}

.header_center_content {
  display: flex;
  align-items: center;
  /* Centriranje po vertikali */
  height: 100%;
  padding: 10px;
  font-weight: 400;
}

/* Body - 2 kolone */
.post_body {
  display: flex;
  border-left: 1px solid var(--category-border-color);
  border-right: 1px solid var(--category-border-color);
  margin: 0 5px;
  background-color: none !important;
}

/* Leva kolona - korisnik (centrirano) */
.poster_info {
  width: 220px;
  padding: 24px 12px;
  text-align: center;
  background: #f8fafc;
  border-right: 1px solid #cdcfd1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Avatar - CorelDRAW Wavy Design (120px Axial) */
.poster_info .user_avatar {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0;
  display: block;
  filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.1));
}

.poster_info .avatar_rotate {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background: #4a5a6a;
  /* Frame color */
  transform-origin: center center;
  display: flex;
  /* Perfect centering for the image */
  align-items: center;
  justify-content: center;
  /* Using the SVG file directly as requested - Preserves exact Corel design */
  mask-image: url("../images/za_avatar2.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../images/za_avatar2.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  /* Continuous Rotation Logic - defines path, pauses by default */
  animation: wavy-wheel-rotate 25s linear infinite;
  animation-play-state: paused;
}

.poster_info .avatar_rotate>img,
.poster_info .avatar_rotate>a,
.poster_info .avatar_rotate>.avatar_fallback {
  display: block;
  object-fit: cover !important;
  transform-origin: center center;
  margin: 0;
  padding: 0;
  border: none;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Counter-rotation - defined but paused */
  animation: wavy-wheel-rev 25s linear infinite;
  animation-play-state: paused;
}

/* Play animation when Online OR on Hover */
.poster_info .user_avatar.is_online .avatar_rotate,
.poster_info .user_avatar:hover .avatar_rotate,
.poster_info .user_avatar.is_online .avatar_rotate>img,
.poster_info .user_avatar.is_online .avatar_rotate>a,
.poster_info .user_avatar:hover .avatar_rotate>img,
.poster_info .user_avatar:hover .avatar_rotate>a {
  animation-play-state: running;
}

/* Hover effects - Smooth scale without jump */
.poster_info .user_avatar:hover .avatar_rotate img,
.poster_info .user_avatar:hover .avatar_rotate a {
  transform: scale(1.02);
}

/* Status Dot - Static in corner */
.poster_info .user_avatar .on,
.poster_info .user_avatar .off {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid #fff;
  z-index: 80;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.poster_info .on {
  background: #22c55e;
}

.poster_info .off {
  background: #94a3b8;
}

/* Animation Keyframes for Axial Rotation */
@keyframes wavy-wheel-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes wavy-wheel-rev {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

/* User Identity */
.poster_name {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 2px;
  display: block;
}

.poster_group {
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  display: block;
}

/* User Details List */
.poster_details {
  width: 100%;
  list-style: none;
  padding: 12px 0;
  margin: 12px 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.poster_details li {
  font-size: 0.75rem;
  color: #4a5a6a;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 5px;
}

.poster_details li i {
  font-size: 16px;
  color: #94a3b8;
  width: 20px;
  text-align: center;
}

.poster_details li strong {
  color: #334155;
  font-weight: 600;
  margin-left: auto;
}

/* User Links & Buttons */
.poster_buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  width: 100%;
}

.poster_buttons a {
  color: #64748b;
  font-size: 20px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.poster_buttons a:hover {
  color: #2196f3;
  background: #f0f9ff;
  border-color: #bae6fd;
  transform: translateY(-2px);
  text-decoration: none !important;
}

/* Desna kolona - flex kontejner */
.post_content {
  flex: 1;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  /* Zauzima punu visinu */
  font-weight: 300;
}

/* Tekst poruke - zauzima sav dostupan prostor */
.post_content .inner {
  flex: 1 0 auto;
  /* Raste da popuni prostor */
  padding: 0;
  margin: 0;
  border: none;
  font-weight: 300;
}

/* Prilozi - idu ispod teksta */
.post_content .attachments {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

/* Potpis - ide ispod priloga */
.post_content .signature {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  font-style: italic;
  color: #666;
}

/* Footer sa dugmicima */
.post_footer {
  border: 1px solid var(--category-border-color);

  border-top: none !important;

  padding: 0px;
  border-radius: 0px 0px 5px 5px;
  /*border-top: 1px solid var(--category-border-color);*/
  background-color: #f0f4f7 !important;
  clear: both;
  text-align: right;
  /* Ili left, po želji */
}

.post_footer .quickbuttons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.post_footer .quickbuttons li {
  display: inline-block;
  margin-left: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .post_header {
    flex-wrap: wrap;
  }

  .header_left,
  .header_center,
  .header_right {
    width: 100%;
    text-align: center;
    margin: 2px 0;
  }

  .post_body {
    flex-direction: column;
  }

  .poster_info {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
}



/* Kontejner za dugmiće */
/* Kontejner za dugmiće */
.custom-quickbuttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}



/* Svaki dugmić */
.custom-quickbuttons li {
  display: inline-block;
  margin: 0;
}

/* Link unutar dugmića - sa tvojim CSS pravilima */
.custom-quickbutton-link {
  font-weight: 500 !important;
  padding: 3px 10px !important;
  font-size: 0.75rem !important;
  line-height: 1.5385 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  background-image: none !important;
  border: 1px solid #d3dce6 !important;
  /*border-right: 1px solid #ffffff !important;*/
  color: #9da1aa !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* Hover efekat */
.custom-quickbutton-link:hover {
  background-color: #dbe4ec !important;
  background-image: none !important;
  color: #314263 !important;
  text-decoration: none !important;
}

/* Phosphor ikonice - stilizovanje */
.custom-quickbutton-link .ph {
  font-size: 1rem !important;
  margin-right: 6px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

/* Tekst dugmića */
.custom-quickbutton-link .custom-label {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1.5385 !important;
}

.quickbuttons_okvir {
  border: 1px solid #d3dce6 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0px !important;
}

/* Responsive za manje ekrane */
@media (max-width: 768px) {
  .custom-quickbuttons {
    justify-content: center;
    gap: 5px;
  }

  .custom-quickbuttons li {
    min-width: 100px;
    width: 100px;
  }

  .custom-quickbutton-link {
    min-width: 100px !important;
    width: 100px !important;
    padding: 5px 10px !important;
    font-size: 0.7rem !important;
  }
}

@media (max-width: 480px) {
  .custom-quickbuttons {
    flex-direction: column;
    align-items: stretch;
  }

  .custom-quickbuttons li {
    width: 100% !important;
    min-width: 100% !important;
  }

  .custom-quickbutton-link {
    width: 100% !important;
    min-width: 100% !important;
  }
}

/* Integrated header buttons styling - Unified and Simple */
/* Breadcrumb Glued - seamless transition to header */
.breadcrumb.breadcrumb_glued {
  margin-bottom: 0 !important;
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

input[type="submit"].big-button {
  height: 32px !important;
  line-height: 32px !important;
}

#display_head {
  position: relative;
  overflow: hidden;
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
}

.display_status_icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: #4a5a6a;
  opacity: 0.1;
  /* High impact symbols */
  pointer-events: none;
  z-index: 20;
  transition: all 0.3s ease;
}

/* Dynamic status colors */
.display_status_icon.status_locked {
  color: rgb(var(--status-red)) !important;
}

.display_status_icon.status_sticky {
  color: rgb(var(--status-amber)) !important;
}

/* Handle overlapping icons (Locked + Sticky) */
.status_locked+.status_sticky {
  right: 120px;
  /* Offset the second icon if both are present */
}

.display_head_buttons {
  position: relative;
  z-index: 40;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #cdcfd1;
  border-top: 1px solid #cdcfd1;
  margin-top: 0px !important;
  background-color: #f9fdfe;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}

.display_head_buttons.closer {
  height: 5px;
  border-top: none;
}

.header_buttons_left,
.header_buttons_right {
  display: flex;
  align-items: stretch;
}

.header_link {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  text-decoration: none !important;
  color: #4a5a6a !important;
  font-size: 12px;
  font-weight: 500 !important;
  text-transform: uppercase;
  transition: all 0.15s ease-in-out;
}

.header_link i {
  font-size: 16px;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.header_link:hover {
  color: #0056b3 !important;
  background: rgba(0, 0, 0, 0.03);
}

.header_buttons_left .header_link {
  border-right: 1px solid #cdcfd1;
}

.header_buttons_right .header_link {
  border-left: 1px solid #cdcfd1;
}

#post_event select,
#event_options input[type="text"],
#tz {
  max-width: 100%;
}

/* Form controls */
.form-control {
  display: block;
  width: 100% !important;
  /* margin: 0 !important; */
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  min-height: 32px !important;
  height: auto;
}

input.form-control,
select.form-control {
  height: 32px !important;
}

textarea.form-control {
  height: auto !important;
  min-height: 96px !important;
  resize: vertical;
}

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

.form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

.form-text {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #6c757d;
}

.form-check {
  padding-left: 20px;
  margin-bottom: 6px;
}

.form-check-input {
  margin-left: -20px;
  margin-right: 6px;
}

/* Input group za color picker */
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}

.input-group .form-control {
  flex: 1;
  border-radius: 4px 0 0 4px;
}

.input-group-text {
  padding: 6px 10px;
  border: 1px solid #ced4da;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background: #e9ecef;
}

/* Utilities */
.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.opacity-70 {
  opacity: 0.7;
}

.italic {
  font-style: italic;
}

.text-danger {
  color: #e11d48 !important;
}

.smalltext {
  font-size: 0.75rem !important;
}

.small {
  font-size: 12px;
}

.p-3 {
  padding: 3px !important;
  border-top: 1px solid #cdcfd1;
}

.border {
  border: 1px solid #ced4da;
}

.rounded {
  border-radius: 4px;
}


/* Custom styles kalendar*/
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff !important;
  color: #1e293b !important;
}

.ui-widget-header {
  color: #1e293b;
  font-family: "Tahoma", sans-serif;
  font-weight: 700;
  background: #c9d6e3;
  border-bottom: 1px solid #aeaeae;
  padding: 0;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 16px 20px rgba(255, 255, 255, .15) inset;
  text-shadow: none !important;
  box-sizing: border-box;
  margin-bottom: 1px;
}


.ui-datepicker .ui-datepicker-title,
.ui-widget-header a {
  color: #1e293b;
}


.pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  text-align: center;
  font-weight: 300 !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  border-radius: var(--input-border-radius) !important;
  cursor: pointer !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #314263 !important;
  border: 1px solid #a5b7ca !important;
  height: 26px !important;
  box-shadow: 1px 1px 1px rgba(221, 221, 221, .57);
  box-sizing: border-box;
  min-height: 26px !important;
  min-width: 32px !important;
  text-decoration: none !important;
  margin: 0 1px !important;
}

.pagination.extra_after {
  border-radius: 0px 4px 4px 0px !important;
  width: 6px !important;
  padding: 0px !important;
  height: 26px !important;
  margin: 0px !important;
  border-left: none !important;
  min-width: 6px !important;
}

.pag.previous_page,
.pag.next_page {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

.pag.previous_page i,
.pag.next_page i {
  font-size: 19px !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pagination.current_page {
  /* border-radius: 0px !important;
  border-left: none !important;
  */
  background-color: #fff1b8 !important;
  color: #314263 !important;
  font-weight: 600 !important;
}




.pagination.current_page::after,
.pagination.current_page::before {
  content: none !important;
}



.delete-metadata {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f1f5f9;
  border-radius: 6px;
  font-size: 0.85rem;
  color: #475569;
}

.delete-metadata strong {
  color: #1e293b;
}

.warning-text {
  background: rgba(225, 29, 72, 0.05);
  border: 1px solid rgba(225, 29, 72, 0.2);
  border-left: 4px solid #e11d48;
  padding: 8px 10px;
  border-radius: 6px;
  color: #9f1239;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
}

.btn-danger {
  background-color: #e11d48 !important;
  color: white !important;
  border-color: #be123c !important;
  /* box-shadow: 0 4px 6px -1px rgba(225, 29, 72, 0.2) !important;*/
}

.btn-danger:hover {
  background-color: #be123c !important;
  color: white !important;
}



div:where(.swal2-container) div:where(.swal2-html-container) {
  padding: 5px !important;
  margin-top: 20px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  padding: 0px !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: small;
}

th,
td {
  padding: 5px;
  text-align: left;
  /*border-bottom: 1px solid #ddd;*/
  border: none;
}

th {
  background-color: #f2f2f2;
  font-weight: bold;
  height: 20px !important;
}

tr {
  min-height: 20px !important;
}


tr:hover {
  background-color: #f5f5f5;
}

/* ============================================================
   PROFIL MODERAN VIEW - REFINED (MATCHING IMAGE)
   ============================================================ */

#profile_view_modern {
  display: flex;
  flex-direction: column;
}

.profile_header_card {
  position: relative;
  overflow: visible;
  border-radius: 5px;
  border: 1px solid var(--poll-border, #e2e8f0);
  margin-bottom: 20px;
}

/* Cover banner */
.profile_cover_banner {
  height: 200px;
  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden;
  /*
  background: linear-gradient(135deg, #a3b9cf 0%, #c9d6e3 40%, #869aa8 70%, #b8cad8 100%);
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%),
    linear-gradient(225deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%),
    linear-gradient(315deg, rgba(255, 255, 255, 0.08) 25%, rgba(163, 185, 207, 0.9) 25%);
  background-size: 60px 60px;
  */
}

.finisher-header {
  height: 200px;
}

.finisher-header canvas {
  z-index: 20 !important;
}

/* Nameplate unutar bannera - desno od avatara, pri dnu */
.profile_cover_banner .profile_nameplate {
  position: absolute;
  bottom: 14px;
  left: 160px;
  /* prostor za avatar (20px margina + 130px avatar + 10px gap) */
  background: rgba(5, 15, 30, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 7px 18px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  z-index: 40;
}

.profile_cover_banner .profile_nameplate .username {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.profile_cover_banner .profile_nameplate .user_rank {
  font-size: 0.72rem;
  color: #fbbf24;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* 4. Avatar - LEBDECI element, apsolutno pozicioniran na granici cover/bar */
.profile_avatar_float {
  position: absolute;
  bottom: 130px;
  left: 20px;
  z-index: 40;
}

.profile_avatar_float .user_avatar {
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
}

.profile_avatar_float .avatar_rotate {
  position: absolute;
  top: 0;
  left: 0px;
  width: 120px;
  height: 120px;
  background: #4a5a6a;
  mask-image: url("../images/za_avatar2.svg");
  mask-size: 100% 100%;
  -webkit-mask-image: url("../images/za_avatar2.svg");
  -webkit-mask-size: 100% 100%;
  animation: wavy-wheel-rotate 25s linear infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile_avatar_float .avatar_rotate img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  animation: wavy-wheel-rev 25s linear infinite;
}




/* Stats Bar - odmah ispod cover-a, tamna traka */
.profile_stats_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1e293b;
  border-radius: 0 0 5px 5px;
  padding: 0 20px;
  min-height: 64px;
  color: #f1f5f9;
}

/* Stats sadrzaj pocinje posle avatara - padding-left rezervise prostor */
.profile_stats_bar .stats_group_left {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  flex: 1;
  padding: 12px 0 12px 160px;
  /* 20px margina + 96px avatar + 44px gap */
}

.profile_stat_item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.profile_stat_item .stat_label {
  font-size: 0.60rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.profile_stat_item .stat_value {
  font-size: 0.88rem;
  font-weight: 600;
  color: #f1f5f9;
  display: flex;
  align-items: center;
  gap: 5px;
}

.profile_stat_item .stat_value i {
  font-size: 1rem;
}

/* Buttons desno u stats baru */
.stats_group_right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}





.profile_details_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.profile_details_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

.profile_details_list li:last-child {
  border-bottom: none;
}

.profile_details_list .detail_label {
  font-weight: 600;
  color: #64748b;
  font-size: 0.82rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile_details_list .detail_label i {
  font-size: 16px;
  color: #94a3b8;
  width: 20px;
  text-align: center;
}

.profile_details_list .detail_value {
  color: #334155;
  font-weight: 500;
  font-size: 0.82rem;
  text-align: right;
}



/* Signature Box */
.signature_box {
  font-size: 0.85rem;
  color: #475569;
  line-height: 1.6;
}

/* Action Buttons Flex */
.profile_actions_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.profile_actions_flex .poll_save_btn {
  flex: 1;
  min-width: 160px;
  justify-content: center;
  padding: 10px 15px !important;
  font-size: 0.85rem !important;
}

/* Dark Mode */
body.dark_mode .profile_header_card {
  background: #1e293b;
  border-color: #334155;
}

body.dark_mode .profile_nameplate {
  background: rgba(30, 41, 59, 0.8);
}

body.dark_mode .profile_nameplate .username {
  color: #f1f5f9;
}

body.dark_mode .profile_details_list li {
  border-bottom-color: #334155;
}

body.dark_mode .profile_details_list .detail_value {
  color: #cbd5e1;
}

/* Activity Chart Tooltip */
.activity-tooltip {
  position: absolute;
  text-align: center;
  padding: 0px 12px;
  font-size: 13px;
  background: rgba(30, 41, 59, 0.95);
  color: #fff;
  border-radius: 4px;
  pointer-events: none;
  z-index: 140;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  line-height: 1;
  margin-top: 0px;
  padding-bottom: 10px;
  transform: translate(-50%, -100%);
}

.activity-tooltip strong {
  color: #fbbf24;
  display: block;
  margin-bottom: 2px;
  font-size: 34px;
  font-weight: 700;
  padding-bottom: 0px;
  padding-top: 10px;
}





/* Fix clipping of profile menu and tooltips in TinyPortal/SMF containers */
#wrapper,
#content_section,
#main_content_section,
.moderation_body,
.tp_container,
#tpcenterContainer,
#mainContainer {
  overflow: visible !important;
}

/* Custom Profile Menu IDDLab - Savršeno uklapanje sa navigacijom */
.profile_menu_navbar {
  display: flex;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #cdcfd1;
  border-radius: 5px;
  padding: 0;
  /*overflow: hidden; /* Sprečava rollover da "gazi" radijus uglova */
}

.profile_menu_navbar .user-menu-container {
  height: 38px !important;
  border-right: 1px solid #cdcfd1;
  position: relative;
  overflow: visible !important;
  /* Dozvoljava dropdown-u da se vidi uprkos navbar overflow: hidden */
}

.profile_menu_navbar .user-menu-container:last-child {
  border-right: none;
}

.profile_menu_navbar .user-link {
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 20px !important;
  min-width: auto !important;
  gap: 8px !important;
}

.profile_menu_navbar .user-link i.group-icon {
  font-size: 1.2rem;
  color: #4a5a6a;
}

.profile_menu_navbar .user-link .name {
  color: #4a5a6a !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
}

/* Hover i Active stanja */
.profile_menu_navbar .user-link:hover {
  background: #dee8f0 !important;
}

.profile_menu_navbar .user-link:hover .name,
.profile_menu_navbar .user-link:hover i {
  color: #043053 !important;
}

.profile_menu_navbar .profile-menu-quick .profile-quick-link {
  min-width: 110px;
  justify-content: center;
  gap: 8px !important;
  position: relative;
}

.profile-quick-link_icon {
  min-width: 20px !important;
  padding: 5px 8px !important;
  justify-content: center !important;
  gap: 0 !important;
}

.profile-quick-link_icon .group-icon {
  font-size: 16px !important;
}

.profile_menu_navbar .profile-menu-quick .count {
  margin-left: 6px;
  background: #0d6efd;
  color: #fff;
  border-radius: 10px;
  padding: 1px 7px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
}

.idd-summary-buddy-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(40px, 1fr));
  gap: 8px;
}

.idd-summary-buddy-link {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.idd-summary-buddy-fallback {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.idd-summary-buddy-img {
  position: absolute;
  inset: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.profile_menu_navbar .user-menu-container.active {
  background: #dee8f0 !important;
}

.profile_menu_navbar .user-menu-container.active .name,
.profile_menu_navbar .user-menu-container.active i {
  color: #043053 !important;
}

/* Padajući meni - Zalepljen bez razmaka */
.profile_menu_navbar .user-menu-container:hover .dropdown {
  display: block !important;
  top: 100% !important;
  left: 0;
  margin-top: 0px !important;
  border: 1px solid #cdcfd1;
  border-radius: 0 0 5px 5px;
  animation: none !important;
  z-index: 180;
  min-width: 280px !important;
  /* Povećana minimalna širina */
}

body.idd-click-menus .profile_menu_navbar .user-menu-container:hover .dropdown {
  display: none !important;
}

body.idd-click-menus .profile_menu_navbar .user-menu-container.is-open .dropdown {
  display: block !important;
  top: 100% !important;
  left: 0;
  margin-top: 0px !important;
  border: 1px solid #cdcfd1;
  border-radius: 0 0 5px 5px;
  animation: none !important;
  z-index: 180;
  min-width: 280px !important;
}

.profile_menu_navbar .dropdown a {
  color: #4a5a6a !important;
  font-size: 0.82rem !important;
  padding: 10px 15px !important;
}

.profile_menu_navbar .dropdown a:hover {
  background: #eceff3 !important;
  color: #043053 !important;
}

.profile_menu_navbar .dropdown a.active {
  background: #dee8f0 !important;
  color: #043053 !important;
  font-weight: 600;
}

/* Friend requests quick dropdown (profile top bar) */
.profile_menu_navbar .profile-menu-quick:last-child .dropdown {
  left: auto !important;
  right: 0 !important;
}

.profile_menu_navbar .idd-profile-friend-dropdown {
  min-width: 320px !important;
}

.profile_menu_navbar .idd-profile-friend-empty {
  padding: 10px 15px;
  color: #6b7d90;
  font-size: 0.82rem;
}

.profile_menu_navbar .idd-profile-friend-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  transition: background-color .15s ease;
}

.profile_menu_navbar .idd-profile-friend-row+.idd-profile-friend-row {
  border-top: 1px solid #e9eef3;
}

.profile_menu_navbar .idd-profile-friend-row:hover {
  background: #eceff3;
}

.profile_menu_navbar .idd-profile-friend-row .idd-profile-friend-name {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  margin: 0;
  display: inline-flex !important;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}

.profile_menu_navbar .idd-profile-friend-row .idd-profile-friend-name:hover {
  background: transparent !important;
  color: #043053 !important;
}

.profile_menu_navbar .idd-profile-friend-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.profile_menu_navbar .idd-profile-friend-actions a {
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0 !important;
  margin: 0;
  border: 1px solid #cfd9e3;
  border-radius: 50%;
  background: #f7fafc !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.profile_menu_navbar .idd-profile-friend-actions a i {
  font-size: 12px;
  line-height: 1;
}

.profile_menu_navbar .idd-profile-friend-actions a:first-child {
  border-color: #b8d8c5;
  color: #1d7a46 !important;
  background: #edf8f1 !important;
}

.profile_menu_navbar .idd-profile-friend-actions a:last-child {
  border-color: #e0c1c1;
  color: #a33b3b !important;
  background: #fcf1f1 !important;
}

.profile_menu_navbar .idd-profile-friend-actions a:first-child:hover {
  background: #dff2e7 !important;
}

.profile_menu_navbar .idd-profile-friend-actions a:last-child:hover {
  background: #f8e3e3 !important;
}

.profile_menu_navbar .idd-profile-friend-dropdown .dropdown-divider {
  margin: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  line-height: 0 !important;
}

.idd-friend-req-table td {
  vertical-align: middle;
}

.idd-friend-req-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.idd-friend-btn {
  min-width: 98px;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 6px !important;
  padding: 0 10px !important;
}

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

.idd-friend-btn_accept {
  background: #edf8f1 !important;
  border-color: #b8d8c5 !important;
  color: #1d7a46 !important;
}

.idd-friend-btn_accept:hover {
  background: #dff2e7 !important;
}

.idd-friend-btn_cancel {
  background: #fcf1f1 !important;
  border-color: #e0c1c1 !important;
  color: #a33b3b !important;
}

.idd-friend-btn_cancel:hover {
  background: #f8e3e3 !important;
}

/* Dark Mode */
body.dark_mode .profile_menu_navbar {
  background: #1a1e26;
  border-color: #2d3440;
}

body.dark_mode .profile_menu_navbar .user-menu-container {
  border-color: #2d3440;
}

body.dark_mode .profile_menu_navbar .user-link i.group-icon,
body.dark_mode .profile_menu_navbar .user-link .name {
  color: #9ca3af !important;
}

body.dark_mode .profile_menu_navbar .user-link:hover {
  background: #232a35 !important;
}

body.dark_mode .profile_menu_navbar .user-menu-container.active {
  background: rgba(33, 150, 243, 0.15) !important;
}

/* Resetovanje margina za admin sadržaj na profilu */
body.action_profile #admin_content {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* DataTables Premium Styling */
.table-input-search {
  height: 32px !important;
  border-radius: 4px 0px 0px 4px !important;
}

.filterclear {
  border-radius: 0px 4px 4px 0px !important;
  padding: 5px 10px !important;
  height: 32px !important;
}

input[type="search"].table-input-search {
  height: 32px !important;
  border-radius: 4px 0px 0px 4px !important;
  border-right: 0px !important;
}

.datatable-scroll {
  border-bottom: none !important;
}

.datatable-scroll .dataTables_scrollBody {
  border-bottom: none !important;
}

.datatable-footer {
  border-top: none !important;
  margin-bottom: 0px !important;
}

.dataTables_paginate>.pagination {

  text-decoration: none !important;

  border: none !important;
  box-shadow: none !important;
}

.dataTables_paginate>.pagination li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  text-align: center;
  font-weight: 300 !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  border-radius: var(--input-border-radius) !important;
  cursor: pointer !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #314263 !important;
  border: 1px solid #a5b7ca !important;
  height: 26px !important;
  /*box-shadow: 1px 1px 1px rgba(221, 221, 221, .57);*/
  box-sizing: border-box;
  min-height: 26px !important;
  min-width: 32px !important;
  margin: 0 1px !important;
}

.dataTables_paginate>.pagination li:hover {
  background-color: #f9fcff !important;
  color: #314263 !important;
}

.dataTables_paginate>.pagination li.active {
  background-color: #fff1b8 !important;
  color: #314263 !important;
  font-weight: 600 !important;
}

.dataTables_paginate>.pagination li a {
  text-decoration: none !important;
  color: #314263 !important;
}

.dataTables_info,
.dataTables_paginate {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.table-html th {
  background: #eff4f5;
}

/*NAPADAN SA JAKIM KONTRASTOM*/
.opis {
  background-color: #eff8ff;
  color: #002948;
  border-color: #597ea4;
  padding: 10px 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 3px solid;
  border-top-color: currentcolor;
  border-bottom: 3px solid;
  border-bottom-color: currentcolor;
  vertical-align: middle;
  display: flex;
}

/*NEPRIMETAN*/
.opis {
  background-color: #f5fbff;
  color: #8ca3b5;
  padding: 10px 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 3px solid;
  border-top-color: currentcolor;
  border-top-color: currentcolor;
  border-bottom: 3px solid;
  border-bottom-color: currentcolor;
  border-bottom-color: currentcolor;
  border-color: #d4dde6;
  vertical-align: middle;
  display: flex;
}

.opis .ph {
  padding-right: 10px;
}

.text-center {
  text-align: center !important;
}

.profile_cover_banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  /* ili koliko ti treba */
}

#profile_cover_banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.profile_cover_banner>*:not(canvas) {
  position: relative;
  z-index: 20;
}

.form-label {
  display: inline-block;
  margin-bottom: 0px;
  color: #929fac;
}

.form-label span {
  font-style: italic;
}

/* Profile Avatar Rotation - Specific to Profile Display */
#personal_picture+.d-flex .user_avatar {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0;
  display: block;
  filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.1));
}

#personal_picture+.d-flex .user_avatar .avatar_rotate {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background: #4a5a6a;
  transform-origin: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: url("../images/za_avatar2.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../images/za_avatar2.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  animation: wavy-wheel-rotate 25s linear infinite;
  animation-play-state: paused;
}

#personal_picture+.d-flex .user_avatar .avatar_rotate>img,
#personal_picture+.d-flex .user_avatar .avatar_rotate>a,
#personal_picture+.d-flex .user_avatar .avatar_rotate>.avatar_fallback {
  display: block;
  object-fit: cover !important;
  transform-origin: center center;
  margin: 0;
  padding: 0;
  border: none;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  animation: wavy-wheel-rev 25s linear infinite;
  animation-play-state: paused;
}

/* Play animation when Online OR on Hover */
#personal_picture+.d-flex .user_avatar.is_online .avatar_rotate,
#personal_picture+.d-flex .user_avatar:hover .avatar_rotate,
#personal_picture+.d-flex .user_avatar.is_online .avatar_rotate>img,
#personal_picture+.d-flex .user_avatar.is_online .avatar_rotate>a,
#personal_picture+.d-flex .user_avatar:hover .avatar_rotate>img,
#personal_picture+.d-flex .user_avatar:hover .avatar_rotate>a {
  animation-play-state: running;
}

#avatar_server_stored div {
  float: unset;
}

/* Profile modern shell: statistics + showposts */
.profile-modern-shell .profile-modern-card {
  border: 1px solid #d5dee7;
  box-shadow: none;
}

.profile-stats-shell .profile-stat-dl dl.stats {
  margin-bottom: 0;
}

.profile-stats-shell .profile-stat-dl dl.stats dt,
.profile-stats-shell .profile-stat-dl dl.stats dd {
  padding: 6px 0;
}

.profile-stats-shell .profile-stat-row {
  border-bottom: 1px dashed #e3e8ee;
}

.profile-stats-shell .profile-stat-row:last-child {
  border-bottom: 0;
}

.profile-showposts-card .profile-showposts-toolbar {
  border-bottom: 1px solid #e9eef3;
  padding-bottom: 12px;
}

.profile-showposts-card .profile-showposts-table {
  border: 0;
  border-radius: 0px;
  overflow: hidden;
}

.profile-showposts-card .profile-post-card {
  /*transition: border-color 0.15s ease, box-shadow 0.15s ease;*/
}

.profile-showposts-card .profile-post-card:hover {
  border-color: #8ea8c1 !important;
  /*box-shadow: 0 8px 16px -16px rgba(21, 45, 73, 0.6);*/
}

body.dark_mode .profile-modern-shell .profile-modern-card,
body.dark_mode .profile-showposts-card .profile-showposts-table {
  border-color: #3a4756;
}

body.dark_mode .profile-showposts-card .profile-showposts-toolbar {
  border-color: #354455;
}

/* Theme picker: input + append button with matching height */
.theme-picker-group .form-control {
  height: 38px;
}

.theme-picker-group .input-group-append {
  display: flex;
}

.theme-picker-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-height: 32px;
  padding: 0 16px;
  border: 1px solid #a5b7ca;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background: #e7edf3;
  color: #1f3b57;
  text-decoration: none !important;
  font-weight: 500;
  line-height: 1;
}

.theme-picker-btn:hover {
  background: #dde6ee;
  color: #102f4b;
}

.table-responsive tr {
  height: 48px;
}

.table-responsive td,
.table-responsive th {
  padding: 0px 15px;
}

.table-responsive th {
  background-color: #f0f4f7;
  color: #475569;
}

.table-html tbody tr:nth-child(odd) {
  border-bottom: 1px solid #e2e8f0 !important;
  background-color: #f6f8f9;
  color: #475569;
}

.table-html tbody tr:nth-child(even) {
  border-bottom: 1px solid #e2e8f0 !important;
  background-color: #ffffff;
  color: #475569;
}

.table-html thead tr,
.table-html thead tr th {
  border-bottom: 1px solid #e2e8f0 !important;
  /* border-top: 1px solid #ffffff !important; */
  background-color: #e2e8f0;
}

table>.table-html thead {
  border-top: 1px solid #334b6b !important;
}

.invalid-feedback.d-block {
  color: rgb(155, 7, 7);
}

/* PM modern split layout (action=pm): left menu + right list/preview */
#personal_messages #pmFolder .idd-pm-shell {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
  align-items: start;
}

#personal_messages #pmFolder .idd-pm-layout {
  display: grid;
  grid-template-rows: minmax(260px, 46%) minmax(320px, 1fr);
  gap: 16px;
  align-items: stretch;
  min-height: 720px;
}

#personal_messages #pmFolder .idd-pm-sidebar {
  border: 1px solid #a3b9cf;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
  position: sticky;
  top: 16px;
}

#personal_messages #pmFolder .idd-pm-menu {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 4px;
}

#personal_messages #pmFolder .idd-pm-menu-group {
  margin: 8px 8px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #70869d;
}

#personal_messages #pmFolder .idd-pm-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 4px;
  color: #183e61;
  text-decoration: none !important;
}

#personal_messages #pmFolder .idd-pm-menu-item:hover {
  background: #f2f7fc;
  color: #0f3353;
}

#personal_messages #pmFolder .idd-pm-menu-item.is-active {
  background: #e8f1fa;
  font-weight: 700;
}

#personal_messages #pmFolder .idd-pm-list,
#personal_messages #pmFolder .idd-pm-view {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}

#personal_messages #pmFolder .idd-pm-list {
  min-height: 0;
  overflow: auto;
}

#personal_messages #pmFolder .idd-pm-view {
  min-height: 0;
  overflow: auto;
}

#personal_messages #pmFolder .idd-pm-list .windowbg,
#personal_messages #pmFolder .idd-pm-view .windowbg,
#personal_messages #pmFolder .idd-pm-view .roundframe {
  border: 0;
  margin: 0;
  border-radius: 0;
}

#personal_messages #pmFolder .idd-pm-list .pagesection,
#personal_messages #pmFolder .idd-pm-view .pagesection {
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid #dbe5ef;
  background: #f8fbfe;
}

#personal_messages #pmFolder .idd-pm-view>.windowbg,
#personal_messages #pmFolder .idd-pm-view>.roundframe,
#personal_messages #pmFolder .idd-pm-view>.pagesection,
#personal_messages #pmFolder .idd-pm-view>.cat_bar {
  margin-bottom: 0;
}

#personal_messages #pmFolder .idd-pm-shell.idd-pm-loading .idd-pm-view,
#personal_messages #pmFolder .idd-pm-shell.idd-pm-loading .idd-pm-list,
#personal_messages #pmFolder .idd-pm-shell.idd-pm-loading .idd-pm-sidebar {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 1200px) {
  #personal_messages #pmFolder .idd-pm-shell {
    grid-template-columns: 1fr;
  }

  #personal_messages #pmFolder .idd-pm-sidebar {
    position: static;
  }

  #personal_messages #pmFolder .idd-pm-layout {
    min-height: 0;
    grid-template-rows: auto auto;
  }
}

/* PM visual redesign */
#personal_messages #pmFolder .idd-pm-list-card,
#personal_messages #pmFolder .idd-pm-conversation-card {
  border: 1px solid #a3b9cf;
  border-radius: 6px;
  overflow: hidden;
  /*box-shadow: 0 6px 18px -16px rgba(20, 44, 70, 0.55);*/
  margin-bottom: 0;
}

#personal_messages #pmFolder .idd-pm-list-card>.card-header,
#personal_messages #pmFolder .idd-pm-conversation-card>.card-header {
  display: flex;
  align-items: center;
  min-height: 50px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.01em;
  padding: 0 14px;
  background: #dce6ee;
  border-bottom: 1px solid #c7d6e6;
}

#personal_messages #pmFolder .idd-pm-list-card>.card-body,
#personal_messages #pmFolder .idd-pm-conversation-card>.card-body {
  background: #fff;
}

#personal_messages #pmFolder .idd-pm-list-card>.card-footer,
#personal_messages #pmFolder .idd-pm-conversation-card>.card-footer {
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid #dbe5ef;
  background: #f8fbfe;
}

#personal_messages #pmFolder .idd-pm-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #d9e3ee;
  background: #f3f7fb;
}

#personal_messages #pmFolder .idd-pm-list-toolbar-left {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

#personal_messages #pmFolder .idd-pm-select-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

#personal_messages #pmFolder .idd-pm-action-select {
  min-width: 220px;
}

#personal_messages #pmFolder .idd-pm-list-toolbar-right .pagelinks {
  margin: 0;
}

#personal_messages #pmFolder .idd-pm-inbox-table {
  --inbox-read-row-bg: var(--gray-100, #f3f5f7);
  --inbox-unread-row-bg: var(--card-bg, #ffffff);
  --inbox-img-size: 2rem;
  table-layout: fixed;
  min-width: 768px;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

#personal_messages #pmFolder .idd-pm-inbox-table thead th {
  display: none;
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.windowbg {
  cursor: pointer;
  transition: all ease-in-out var(--transition-base-timer, 0.15s);
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.windowbg td {
  border-bottom: 1px solid #eef2f7;
  vertical-align: middle;
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.windowbg:not([class*="bg-"]) {
  background-color: var(--inbox-read-row-bg);
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.unread {
  font-weight: 700;
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.unread:not([class*="bg-"]) {
  background-color: var(--inbox-unread-row-bg);
}

#personal_messages #pmFolder .idd-pm-inbox-table tbody tr.windowbg td:not(:first-child) {
  padding-left: 0;
}


#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-checkbox {
  width: calc(var(--table-cell-padding-x, 0.75rem) * 3);
}

#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-state {
  width: calc(var(--table-cell-padding-x, 0.75rem) + var(--icon-font-size, 1rem));
  text-align: center;
}

#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-message {
  width: auto;
}

#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-time {
  text-align: right;
  width: 5.5rem;
  white-space: nowrap;
}

#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-name {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

#personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-subject {
  font-weight: 600;
  color: #14395b;
}

@media (prefers-reduced-motion: reduce) {
  #personal_messages #pmFolder .idd-pm-inbox-table tbody tr.windowbg {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  #personal_messages #pmFolder .idd-pm-inbox-table .table-inbox-subject {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

#personal_messages #pmFolder .idd-pm-table-tools {
  padding: 10px 12px;
  border-bottom: 1px solid #d9e3ee;
  background: #f3f7fb;
}

#personal_messages #pmFolder .idd-pm-table-tools .dataTables_filter {
  margin: 0;
  float: none;
}

#personal_messages #pmFolder .idd-pm-table-tools .dataTables_filter input[type=search] {
  width: 100%;
  max-width: 280px;
}

#personal_messages #pmFolder .idd-pm-view .idd-pm-message-card {
  border: 0;
  border-radius: 0;
  margin: 0;
  background: #fff;
  padding: 6px 0;
}

#personal_messages #pmFolder .idd-pm-view .idd-pm-message-card+.idd-pm-message-card {
  border-top: 1px solid #e8eef5;
}

#personal_messages #pmFolder .idd-pm-view .post_wrapper {
  border: 0;
}

#personal_messages #pmFolder .idd-pm-view .poster {
  background: #f8fafc;
  border-right: 1px solid #e5ecf3;
  padding: 16px 12px;
}

#personal_messages #pmFolder .idd-pm-view .postarea {
  padding: 18px 20px;
}

#personal_messages #pmFolder .idd-pm-view .post {
  line-height: 1.6;
}

#personal_messages #pmFolder .idd-pm-view .keyinfo {
  border-bottom: 1px solid #e8eef5;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

/* PM compose form (To/BCC/Search/Subject) */
#personal_messages .idd-pm-compose-fields .idd-pm-compose-row {
  margin-left: -6px;
  margin-right: -6px;
}

#personal_messages .idd-pm-compose-fields .idd-pm-compose-col {
  padding-left: 6px;
  padding-right: 6px;
}

#personal_messages .idd-pm-compose-fields .input-group {
  flex-wrap: nowrap;
  align-items: stretch;
}

#personal_messages .idd-pm-compose-fields .input-group .form-control {
  width: 1%;
  flex: 1 1 auto;
}

#personal_messages .idd-pm-compose-fields .input-group-prepend {
  display: flex;
  flex: 0 0 auto;
}

#personal_messages .idd-pm-compose-label {
  min-width: 110px;
  justify-content: flex-start;
  text-transform: uppercase;
  letter-spacing: .02em;
  height: 32px !important;
  display: flex;
  align-items: center;
  padding: 0px 15px;
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-color: #b7c5d4;
  border-right-color: rgb(183, 197, 212);
  border-radius: 5px 0px 0 5px;
  border-right: 0;
  color: #345e88;
  font-weight: 500;
  white-space: nowrap;
  font-size: 12px;
}

#personal_messages .idd-pm-bcc-toggle {
  cursor: pointer;
}

#personal_messages .idd-pm-token-box {
  align-content: center;
  gap: 4px;
  padding: 2px 8px;
  height: 32px;
  border-radius: 0px 5px 5px 0px;
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: currentcolor;
  border-left: none;
  border-left-color: currentcolor;
  border-color: #b7c5d4;
}

#personal_messages .idd-pm-token-box.is-inactive {
  opacity: .7;
}

#personal_messages .idd-pm-recipient-item {
  padding: 2px 12px;
  border: 1px solid #c8d5e4;
  border-radius: 4px;
  background: #eef4fa;
  font-size: 14px;
  line-height: 1;
  height: 24px;
  margin: 0 !important;
}

#personal_messages .idd-pm-recipient-remove {
  text-decoration: none !important;
  font-weight: 700;
  color: #4a6784;
}

#personal_messages .idd-pm-search-group {
  flex-wrap: nowrap;
}

#personal_messages .idd-pm-search-group .idd-pm-search-select {
  width: 1% !important;
  flex: 1 1 auto;
}

#personal_messages .idd-pm-search-group .select2-container {
  width: auto !important;
  flex: 1 1 auto;
}

#personal_messages .idd-pm-search-group .select2-container .select2-selection--multiple {
  min-height: 32px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #b7c5d4;
  border-left: 0;
}

#personal_messages .idd-pm-search-group .select2-container--disabled .select2-selection--multiple {
  background: #f1f3f5;
}

#personal_messages .idd-pm-search-locked {
  min-height: 32px;
  border-left: 0;
  border-radius: 0 5px 5px 0;
  background: #f1f3f5;
  opacity: .85;
  pointer-events: none;
}

#personal_messages .idd-pm-subject-group .form-control {
  min-height: 32px;
  border-radius: 0 5px 5px 0;
  border-left: 0;
}

#personal_messages .idd-pm-field-error {
  margin-top: 4px;
  font-size: 12px;
  color: #c91f1f;
  line-height: 1.3;
}

.idd-pm-compose-group {
  padding: 0px;
}

#personal_messages .select2-search--inline {
  width: 100%;
  font-size: 14px;
  padding: 5px 5px;
  margin: 0 !important;
  height: 32px;
}

/* PM search form: switches + age input-group alignment */
#personal_messages .idd-pm-search-switch-row {
  min-height: 32px;
  height: 32px;
}

#personal_messages .idd-pm-age-group {
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}

#personal_messages .idd-pm-age-group>* {
  margin-left: 0 !important;
}

#personal_messages .idd-pm-age-group .idd-pm-age-label {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0;
  flex: 0 0 auto;
  line-height: 1;
}

#personal_messages .idd-pm-age-group .idd-pm-age-input {
  height: 32px;
  border-radius: 0;
  min-width: 0;
}

#personal_messages .idd-pm-age-group .idd-pm-age-label-first {
  border-right: 0;
  border-radius: 5px 0 0 5px;
}

#personal_messages .idd-pm-age-group .idd-pm-age-input-left {
  border-right: 0;
  border-left: 0;
}

#personal_messages .idd-pm-age-group .idd-pm-age-label-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

#personal_messages .idd-pm-age-group .idd-pm-age-input-right {
  border-left: 0;
  border-right: 0;
}

#personal_messages .idd-pm-age-group .idd-pm-age-label-last {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}

/* Admin quick search stacked (input/select/button in 3 rows) */
.admin_search.admin_search_stack {
  display: block !important;
}

.admin_search.admin_search_stack input[type="search"],
.admin_search.admin_search_stack select,
.admin_search.admin_search_stack input[type="submit"] {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
}

.admin_search.admin_search_stack input[type="submit"] {
  margin-bottom: 0 !important;
}

.card_body .col-md-3 .admin_search.admin_search_stack,
.card_body .col-md-3 .admin_search.admin_search_stack * {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Admin search in existing dropdown wrapper */
.user-menu-container .dropdown .admin_search.admin_search_stack,
.user-menu-container .dropdown .admin_search.admin_search_stack input[type="search"],
.user-menu-container .dropdown .admin_search.admin_search_stack select,
.user-menu-container .dropdown .admin_search.admin_search_stack input[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Universal grouped input segments */
.idd-igroup {
  flex-wrap: nowrap;
  align-items: stretch;
}

.idd-igroup .idd-igroup-seg,
.idd-igroup .idd-igroup-input {
  height: 32px;
  line-height: 32px;
}

.idd-igroup .idd-igroup-seg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0;
  border-color: #b8c6d6;
  background: #e9edf2;
}

.idd-igroup .idd-igroup-first {
  border-left: 1px solid #b8c6d6;
  border-right: 0;
  border-radius: 5px 0 0 5px;
}

.idd-igroup .idd-igroup-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.idd-igroup .idd-igroup-last {
  border-left: 0;
  border-radius: 0 5px 5px 0;
}

.idd-igroup .idd-igroup-only {
  border-left: 1px solid #b8c6d6;
  border-right: 1px solid #b8c6d6;
  border-radius: 5px;
}

.idd-igroup .idd-igroup-input {
  min-width: 0;
  text-align: center;
}

.idd-igroup .idd-igroup-input-first {
  border-left: 1px solid #b8c6d6 !important;
  border-right: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.idd-igroup .idd-igroup-input-middle {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.idd-igroup .idd-igroup-input-last {
  border-left: 0;
  border-right: 1px solid #b8c6d6 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.idd-igroup .idd-igroup-input-only {
  border-left: 1px solid #b8c6d6 !important;
  border-right: 1px solid #b8c6d6 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.idd-igroup .idd-igroup-action {
  cursor: pointer;
  color: inherit !important;
  text-decoration: none !important;
}

/* Registration redesign */
.idd-register-form .register_form input[type="text"],
.idd-register-form .register_form input[type="email"],
.idd-register-form .register_form input[type="password"],
.idd-register-form .register_form input[type="url"],
.idd-register-form .register_form select,
.idd-register-form .register_form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.idd-register-form .register_form dt {
  margin-bottom: 4px;
}

.idd-register-form .register_form dd {
  margin-bottom: 12px;
}

.idd-register-form #confirm_buttons .button {
  min-width: 140px;
}

/* Fatal error page width override */
#fatal_error {
  width: 100% !important;
  max-width: 100% !important;
}

/* Global modern alerts (CSS-only, bez JS injekcije) */
.errorbox,
.noticebox,
.infobox,
.warningbox,
.successbox,
.alert {
  position: relative;
  padding: 10px 12px 10px 38px !important;
  border-radius: 5px !important;
  border: 1px solid #d4dce4 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.errorbox::before,
.noticebox::before,
.infobox::before,
.warningbox::before,
.successbox::before {
  content: "\e2ce";
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: 0 !important;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  font-family: "Phosphor" !important;
  font-style: normal;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  border-radius: 0;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

.errorbox,
.alert-danger,
.alert-error {
  background: #fff4f4 !important;
  border-color: #f0c9c9 !important;
  color: #7f2724 !important;
}

.errorbox::before {
  content: "\e4e4";
  color: #b73832;
}

.noticebox,
.warningbox,
.alert-warning {
  background: #fff8ec !important;
  border-color: #efd9af !important;
  color: #7a520f !important;
}

.noticebox::before,
.warningbox::before {
  content: "\e4e0";
  color: #a56a16;
}

.infobox,
.alert-info {
  background: #eef6ff !important;
  border-color: #c8ddf3 !important;
  color: #1f4f7b !important;
}

.infobox::before {
  content: "\e2ce";
  color: #2b6fa8;
}

.successbox,
.alert-success {
  background: #eefbf2 !important;
  border-color: #c8e8d0 !important;
  color: #1f6230 !important;
}

.successbox::before {
  content: "\e184";
  color: #2f8a43;
}


/* Admin home: live news slider */
#idd_live_news_nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#idd_live_news_nav .button {
  min-width: 26px;
  height: 26px !important;
  line-height: 22px;
  text-align: center;
  padding: 0 8px;
  width: 40px;
  padding: 2px !important;
}

#idd_live_news_viewport {
  position: relative;
  min-height: 92px;
  overflow: hidden;
}

#idd_live_news_viewport [data-live-item] {
  display: none;
  position: absolute;
  inset: 0;
  top: 0;
}

#idd_live_news_viewport [data-live-item][data-active="1"] {
  display: block;
  position: relative;
}

/* Globalno sakrivanje scrollbar-a (skrol ostaje funkcionalan) */
html,
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@media (prefers-reduced-motion: reduce) {
  #idd_live_news_viewport [data-live-item] {
    animation: none;
  }
}

/* Admin section menu buttons */
.admin_button {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 120px !important;
  min-width: 120px !important;
  height: 120px !important;
  min-height: 98px !important;
  padding: 10px 10px !important;
  line-height: 1.2 !important;
  /* text-transform: none !important; */
  text-align: center !important;
  white-space: normal !important;
  overflow: hidden !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #d8e1e6 !important;
}

.admin_button .admin_button_icon {
  width: 40px !important;
  height: 40px !important;
  font-size: 40px !important;
  line-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
}

.admin_button .admin_button_label {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  font-size: 0.78rem !important;
  width: 100% !important;
}

/* Admin main menu: side flyout for subsections */
.idd-admin-main-menu .dropdown {
  overflow: visible !important;
}

.idd-admin-main-menu .idd-admin-submenu {
  position: relative;
}

.idd-admin-main-menu .idd-admin-submenu-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
}

.idd-admin-main-menu .idd-admin-submenu-toggle .ph {
  font-size: 12px;
  opacity: 0.55;
  line-height: 1;
}

.idd-admin-main-menu .idd-admin-submenu-flyout {
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% + 2px);
  min-width: 240px;
  background: #fff;
  border: 1px solid #cdcfd1;
  border-radius: 5px;
  padding: 6px 0;
  z-index: 200;
}

.idd-admin-main-menu .idd-admin-submenu:hover>.idd-admin-submenu-flyout,
.idd-admin-main-menu .idd-admin-submenu:focus-within>.idd-admin-submenu-flyout {
  display: block;
}


/* Admin menus: inverted contrast to stand out from page background */
.profile_menu_navbar.idd-admin-main-menu,
.profile_menu_navbar.idd-admin-tabs-menu {
  background: #dfe4ea !important;
  border-color: #b4bcc6 !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-menu-container,
.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container {
  border-right-color: #b4bcc6 !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-link,
.profile_menu_navbar.idd-admin-tabs-menu .user-link {
  background: transparent !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-link .name,
.profile_menu_navbar.idd-admin-main-menu .user-link i,
.profile_menu_navbar.idd-admin-tabs-menu .user-link .name,
.profile_menu_navbar.idd-admin-tabs-menu .user-link i {
  color: #203046 !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-link:hover,
.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover {
  background: #b9c3ce !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-link:hover .name,
.profile_menu_navbar.idd-admin-main-menu .user-link:hover i,
.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover .name,
.profile_menu_navbar.idd-admin-tabs-menu .user-link:hover i {
  color: #203046 !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-menu-container.active,
.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active {
  background: #c7cfd7 !important;
}

.profile_menu_navbar.idd-admin-main-menu .user-menu-container.active .name,
.profile_menu_navbar.idd-admin-main-menu .user-menu-container.active i,
.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active .name,
.profile_menu_navbar.idd-admin-tabs-menu .user-menu-container.active i {
  color: #203046 !important;
}

.dropdown.card>.card_body {
  padding: 10px !important;
}

.floatright>.dropdown {
  height: 140px !important;
}

.button_strip_new_topic,
.button_strip_reply {
  height: 26px !important;
  line-height: 26px !important;
}


.children {
    border-top: 1px solid #c9cfdd;
    padding: 5px;
    width: 100%;
    background: #c3d2dba1;
}