@charset "UTF-8";
/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* scss files for user customizations */
/* Montserrat font */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
/* ----------------------------------------------
Button primary overrides (Falcon/Bootstrap) START
---------------------------------------------- */
:root {
  --bs-btn-bg: #6281C1;
  --bs-btn-color: #ffffff;
  --bs-btn-border: transparent;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #6281C1 !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* remove default focus shadow if desired */
  color: #ffffff !important;
}

/* ----------------------------------------------
Button primary overrides (Falcon/Bootstrap) END
---------------------------------------------- */
/* ----------------------------------------------
Poppver overrides (Falcon/Bootstrap) START
---------------------------------------------- */
.popover .popover-header {
  font-size: 0.75rem;
  font-weight: 800;
  color: #6281C1;
  text-transform: uppercase;
}

/* ----------------------------------------------
Poppver overrides (Falcon/Bootstrap) END
---------------------------------------------- */
/* Runtime CSS variables (part 1: safe to set early) */
:root {
  --falcon-body-font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

body {
  background-color: #E9F1FA;
  font-family: var(--falcon-body-font-family, Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif);
  overflow-x: hidden;
}

/* Ensure bottom border stays visible on focus (inputs, selects) */
.form-control:focus,
.form-select:focus {
  border-bottom-color: #6281C1 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-color: #6281C1 !important;
  border-style: solid !important;
  border-width: 1px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Navbar tweaks */
#navbarDoubleTop .navbar-nav li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.188rem; /* 35px */
}

.logo {
  height: 1em;
}

/* Full-width blue strip */
.blue-background {
  background-color: #007bff;
  height: 200px;
  inset: 0 auto auto 0;
  position: absolute;
  width: 100%;
}

/* Utility */
.bg-none {
  background: none !important;
}

/* ---------------------
Fininfo classes
------------------------ */
#Upper > ins {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
#Upper > ins img {
  height: 100%;
  width: 100%;
}

#Lower > ins {
  -o-object-fit: cover;
  object-fit: cover;
}
#Lower > ins img {
  height: 100%;
  width: 100%;
}

/* Runtime CSS variables (part 2: after SCSS color variables) */
:root {
  --falcon-body-font-size: 0.8125rem;
}

.feed .item .summary:after {
  background: -webkit-gradient(linear, right top, right bottom, from(transparent), to(var(--falcon-card-bg)));
  background: linear-gradient(to bottom, transparent, var(--falcon-card-bg));
  content: "";
  height: 1em;
  inset: auto 0 0 0;
  position: absolute;
  width: 100%;
}

footer {
  background-color: #fff;
  border-radius: 0.375rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
}
footer ul {
  list-style: none;
  padding-right: 0;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: none;
}

.randomActivitiyStats {
  display: block;
}
.randomActivitiyStats .notification-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.randomActivitiyStats .table-sm > :not(caption) > * > * {
  padding: 0;
}

#accordionActivities .accordion-body .echart-container {
  height: 12em;
}

.nav-linkFooter {
  background: none;
  border: 0;
  display: block;
  padding: 0.1rem 0;
}
.nav-linkFooter:focus-visible {
  outline: 0;
}
.nav-linkFooter.disabled, .nav-linkFooter:disabled {
  cursor: default;
  pointer-events: none;
}

/* ----------------------
Blockage Graph
------------------------- */
#GrafMainHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 0;
  position: relative;
  width: 100%;
}

.GraphBlokadaSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
}

.GraphBlokadaSingle .squares {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.GraphBlokadaSingle .squares > div {
  margin: 0 1px;
  max-width: 32px;
  min-width: 6px;
  width: calc(33.33% - 2px);
}
.GraphBlokadaSingle .squares > div::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.GraphBlokadaSingle .squares .good,
.GraphBlokadaSingle .squares .bad,
.GraphBlokadaSingle .squares .empty {
  border-radius: 2px;
}
.GraphBlokadaSingle .squares .good {
  background: #4E6CAD;
}
.GraphBlokadaSingle .squares .bad {
  background: #A42621;
}
.GraphBlokadaSingle .squares .empty {
  border: 1px dashed #ccc;
  opacity: 0.5;
}

/* Remove last square's right border */
.GraphBlokadaSingle:last-child > div {
  border-left-color: transparent !important;
}

.graphBlokadaDate {
  font-size: clamp(0.6rem, 1.5vw, 0.8rem);
  text-align: center;
  white-space: nowrap;
}

/* Details > Sažetak > Connected Companies / Povezane osobe */
.row.toggleConnected,
.row.current,
.row.notCurrent {
  display: none;
}

#transactionsAccount .goodVal,
#transactionsAccount .badVal,
#transactionsAccount .noVal {
  border-radius: 2px;
}
#transactionsAccount .goodVal {
  color: #4E6CAD;
}
#transactionsAccount .badVal {
  color: #A42621;
}
#transactionsAccount .noVal {
  color: #666;
  opacity: 0.5;
}

/* ----------------------
Fininfo ICONS
------------------------- */
.companyInfo span.follow a {
  background: url(../../../../images/icons-svg/icon_radar_dodaj.svg) center center no-repeat;
}

.companyInfo span.unfollow a {
  background: url(../../../../images/icons-svg/icon_radar_ukloni.svg) center center no-repeat;
}

/* Bonitet icons */
.bonitet.a, .bonitet.b, .bonitet.c, .bonitet.d, .bonitet.e,
.icon01, .icon02, .icon03, .icon04, .icon05, .icon06, .icon07, .icon08, .icon00 {
  /*display: inline-block;*/
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.bonitet.a,
.bonitet.b,
.bonitet.c,
.bonitet.d,
.bonitet.e {
  /*display: inline-block;*/
  height: 2rem;
  width: 2rem;
}

.fin-company-sticker-card .fin-company-sticker-rating .bonitet.a,
.fin-company-sticker-card .fin-company-sticker-rating .bonitet.b,
.fin-company-sticker-card .fin-company-sticker-rating .bonitet.c,
.fin-company-sticker-card .fin-company-sticker-rating .bonitet.d,
.fin-company-sticker-card .fin-company-sticker-rating .bonitet.e,
.fin-company-sticker-card .fin-company-sticker-rating .bonitet.f {
  background-position: right center;
  margin-right: -7px;
}

.fin-company-banner-card .bonitet.a,
.fin-company-banner-card .bonitet.b,
.fin-company-banner-card .bonitet.c,
.fin-company-banner-card .bonitet.d,
.fin-company-banner-card .bonitet.e,
.fin-company-banner-card .bonitet.f {
  background-position: right center;
  margin-right: -7px;
}

.fin-companies-card__rating .icon01,
.fin-companies-card__rating .icon02,
.fin-companies-card__rating .icon03,
.fin-companies-card__rating .icon04,
.fin-companies-card__rating .icon05 {
  background-position: right center;
  margin-right: -7px;
}

.icon06, .icon07, .icon08, .icon00, .deleteBtnIcon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.bonitet.erased, .bonitet.unavailable, .bonitet.blocked {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: 3px !important;
}

.bonitet.a,
.icon01 {
  background-image: url(../../../../images/Falcon/SVGs/A_bonitet_1em.svg);
}

.bonitet.b,
.icon02 {
  background-image: url(../../../../images/Falcon/SVGs/B_bonitet_1em.svg);
}

.bonitet.c,
.icon03 {
  background-image: url(../../../../images/Falcon/SVGs/C_bonitet_1em.svg);
}

.bonitet.d,
.icon04 {
  background-image: url(../../../../images/Falcon/SVGs/D_bonitet_1em.svg);
}

.bonitet.e,
.icon05 {
  background-image: url(../../../../images/Falcon/SVGs/E_bonitet_1em.svg);
}

.icon06, .icon00,
.bonitet.unavailable,
.bonitet .unavailable {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_nedostupan_icon_1em.svg);
}

.bonitet.blocked,
.bonitet .blocked,
.icon07 {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_u_problemima_icon_1em.svg);
}

.bonitet.erased,
.bonitet .erased,
.icon08,
.deleteBtnIcon {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_brisan_icon_1em.svg);
}

.bonitet .unavailable,
.bonitet .blocked,
.bonitet .erased {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.companyInfo .region .bonitet {
  /* configurable height (default) + optional cap */
  height: var(--bonitet-height, 100%);
  max-height: var(--bonitet-max-height, none);
  /* background image behavior */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* keep aspect ratio, fit within height/width */
}
.companyInfo .region .bonitet.a, .companyInfo .region .bonitet.b, .companyInfo .region .bonitet.c, .companyInfo .region .bonitet.d, .companyInfo .region .bonitet.e, .companyInfo .region .bonitet.blocked {
  width: 3em;
}
.companyInfo .region .bonitet.erased, .companyInfo .region .bonitet.unavailable {
  width: 2em;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.companyInfo .region .bonitet.a {
  background-image: url(../../../../images/Falcon/SVGs/bonitet_skala_A.svg);
}
.companyInfo .region .bonitet.b {
  background-image: url(../../../../images/Falcon/SVGs/bonitet_skala_B.svg);
}
.companyInfo .region .bonitet.c {
  background-image: url(../../../../images/Falcon/SVGs/bonitet_skala_C.svg);
}
.companyInfo .region .bonitet.d {
  background-image: url(../../../../images/Falcon/SVGs/bonitet_skala_D.svg);
}
.companyInfo .region .bonitet.e {
  background-image: url(../../../../images/Falcon/SVGs/bonitet_skala_E.svg);
}
.companyInfo .region .bonitet.erased {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_brisan_icon.svg);
}
.companyInfo .region .bonitet.unavailable {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_nedostupan_icon.svg);
}
.companyInfo .region .bonitet.blocked {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_u_problemima_icon.svg);
}
.companyInfo .badge {
  padding: 0.25rem 0.5rem;
}

.toolbar a .icon01,
.toolbar a .icon02,
.toolbar a .icon03,
.toolbar a .icon04,
.toolbar a .icon05,
.toolbar a .icon06,
.toolbar a .icon07,
.toolbar a .icon08,
.toolbar a .icon12,
.toolbar a .icon17,
.toolbar a .deselectAll {
  height: 1.5em;
  margin-top: -1em;
}

#ratingHolder .bonitetHolder .bonitet {
  height: 5rem;
  min-width: 3em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#ratingHolder table thead th {
  background-color: var(--falcon-table-bg) !important;
  color: rgba(var(--falcon-gray-800-rgb), var(--falcon-text-opacity)) !important;
}
#ratingHolder table thead th:hover, #ratingHolder table thead th:focus, #ratingHolder table thead th:active {
  background-color: var(--falcon-table-bg) !important;
  color: rgba(var(--falcon-gray-800-rgb), var(--falcon-text-opacity)) !important;
}

/* For Obrt & OPG */
table#followPoduzeca td .iconTradeScore01 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore01_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#followPoduzeca td .iconTradeScore02 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore02_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#followPoduzeca td .iconTradeScore03 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore03_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#followPoduzeca td .iconTradeScore04 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore04_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#followPoduzeca td .iconTradeScore05 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore05_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}

table#traziPoduzeca td .iconTradeScore01 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore01_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#traziPoduzeca td .iconTradeScore02 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore02_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#traziPoduzeca td .iconTradeScore03 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore03_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#traziPoduzeca td .iconTradeScore04 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore04_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#traziPoduzeca td .iconTradeScore05 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore05_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}

table#connectedCompanies td .iconTradeScore01 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore01_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#connectedCompanies td .iconTradeScore02 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore02_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#connectedCompanies td .iconTradeScore03 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore03_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#connectedCompanies td .iconTradeScore04 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore04_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#connectedCompanies td .iconTradeScore05 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore05_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}

table#competitors td .iconTradeScore01 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore01_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#competitors td .iconTradeScore02 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore02_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#competitors td .iconTradeScore03 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore03_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#competitors td .iconTradeScore04 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore04_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}
table#competitors td .iconTradeScore05 {
  background: url(../../../../images/Falcon/SVGs/iconTradeScore05_1em.svg) 8px 2px no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
}

/* ----------------------------------------------
|   News icon (Falcon) - toolbar
----------------------------------------------- */
.toolbarNews .icon01,
.toolbarNews .icon02,
.toolbarNews .icon03,
.toolbarNews .icon04,
.toolbarNews .icon05,
.toolbarNews .icon05,
.toolbarNews .icon06,
.toolbarNews .icon07,
.toolbarNews .icon08,
.toolbarNews .icon09,
.toolbarNews .icon10,
.toolbarNews .icon11,
.toolbarNews .icon12,
.toolbarNews .icon13,
.toolbarNews .icon14,
.toolbarNews .icon15,
.toolbarNews .icon16,
.toolbarNews .icon17,
.toolbarNews .selectAll,
.toolbarNews .deselectAll {
  /*display: inline-block;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.2rem;
  vertical-align: middle;
  width: 1.2rem;
}

.toolbarNews a.icon01 {
  background-image: url(../../../../images/Falcon/SVGs/promjene_osobe_u_subjektu_gray_icon.svg);
}

.toolbarNews a.icon01.selected {
  background-image: url(../../../../images/Falcon/SVGs/promjene_osobe_u_subjektu_icon.svg);
}

.toolbarNews a.icon02 {
  background-image: url(../../../../images/Falcon/SVGs/promjena_boniteta_gray_icon.svg);
}

.toolbarNews a.icon02.selected {
  background-image: url(../../../../images/Falcon/SVGs/promjena_boniteta_icon.svg);
}

.toolbarNews a.icon03 {
  background-image: url(../../../../images/Falcon/SVGs/JRR_gray_icon.svg);
}

.toolbarNews a.icon03.selected,
.toolbarNews a.icon03.selected-on-hover:hover {
  background-image: url(../../../../images/Falcon/SVGs/JRR_icon.svg);
}

.toolbarNews a.icon04 {
  background-image: url(../../../../images/Falcon/SVGs/ostale_vijesti_o_subjektima_gray_icon.svg);
}

.toolbarNews a.icon04.selected,
.toolbarNews a.icon04.selected-on-hover:hover {
  background-image: url(../../../../images/Falcon/SVGs/ostale_vijesti_o_subjektima_icon.svg);
}

.toolbarNews a.icon05 {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_iz_medija_gray_icon.svg);
}

.toolbarNews a.icon05.selected {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_iz_medija_icon.svg);
}

.toolbarNews a.icon06 {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_fininfo_gray_icon.svg);
}

.toolbarNews a.icon06.selected {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_fininfo_icon.svg);
}

.toolbarNews a.icon07 {
  background-image: url(../../../../images/Falcon/SVGs/predstecajne_nagodbe_gray_icon.svg);
}

.toolbarNews a.icon07.selected,
.toolbarNews a.icon07.selected-on-hover:hover {
  background-image: url(../../../../images/Falcon/SVGs/predstecajne_nagodbe_icon.svg);
}

.toolbarNews a.icon09 {
  background-image: url(../../../../images/Falcon/SVGs/javna_nabava_gray_icon.svg);
}

.toolbarNews a.icon09.selected {
  background-image: url(../../../../images/Falcon/SVGs/javna_nabava_icon.svg);
}

.toolbarNews a.icon10 {
  background-image: url(../../../../images/Falcon/SVGs/koncesije_gray_icon.svg);
}

.toolbarNews a.icon10.selected {
  background-image: url(../../../../images/Falcon/SVGs/koncesije_icon.svg);
}

.toolbarNews a.icon11 {
  background-image: url(../../../../images/Falcon/SVGs/bagatelne_nabave_gray_icon.svg);
}

.toolbarNews a.icon11.selected {
  background-image: url(../../../../images/Falcon/SVGs/bagatelne_nabave_icon.svg);
}

.toolbarNews a.icon12 {
  background-image: url(../../../../images/Falcon/SVGs/natjecaji_gray_icon.svg);
}

.toolbarNews a.icon12.selected,
.toolbarNews a.icon12.selected-on-hover:hover {
  background-image: url(../../../../images/Falcon/SVGs/natjecaji_icon.svg);
}

.toolbarNews a.icon17 {
  background-image: url(../../../../images/Falcon/SVGs/sudski_postupci_gray_icon.svg);
}

.toolbarNews a.icon17.selected,
.toolbarNews a.icon17.selected-on-hover:hover {
  background-image: url(../../../../images/Falcon/SVGs/sudski_postupci_icon.svg);
}

.toolbarNews a.selectAll {
  background-image: url(../../../../images/Falcon/SVGs/selektiraj_sve_icon.svg);
}

.toolbarNews a.deselectAll {
  background-image: url(../../../../images/Falcon/SVGs/deselektiraj_sve_icon.svg);
}

/* ----------------------------------------------
|   News results: reuse toolbar SVG icons in .news-pill
|   Works when GetNewsClass() returns icon01..icon17
----------------------------------------------- */
.news-result {
  /* Map the same icon classes used by the toolbar onto the pill element */
}
.news-result .news-pill {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-block;
  height: 1rem;
  margin-top: 0;
  vertical-align: top;
  width: 1rem;
}
.news-result .news-pill.icon01 {
  background-image: url(../../../../images/Falcon/SVGs/promjene_osobe_u_subjektu_icon.svg);
}
.news-result .news-pill.icon02 {
  background-image: url(../../../../images/Falcon/SVGs/promjena_boniteta_icon.svg);
}
.news-result .news-pill.icon03 {
  background-image: url(../../../../images/Falcon/SVGs/JRR_icon.svg);
}
.news-result .news-pill.icon04 {
  background-image: url(../../../../images/Falcon/SVGs/ostale_vijesti_o_subjektima_icon.svg);
}
.news-result .news-pill.icon05 {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_iz_medija_icon.svg);
}
.news-result .news-pill.icon06 {
  background-image: url(../../../../images/Falcon/SVGs/vijesti_fininfo_icon.svg);
}
.news-result .news-pill.icon07 {
  background-image: url(../../../../images/Falcon/SVGs/predstecajne_nagodbe_icon.svg);
}
.news-result .news-pill.icon08 {
  background-image: url(../../../../images/Falcon/SVGs/subjekt_brisan_icon_1em.svg);
}
.news-result .news-pill.icon09 {
  background-image: url(../../../../images/Falcon/SVGs/javna_nabava_icon.svg);
}
.news-result .news-pill.icon10 {
  background-image: url(../../../../images/Falcon/SVGs/koncesije_icon.svg);
}
.news-result .news-pill.icon11 {
  background-image: url(../../../../images/Falcon/SVGs/bagatelne_nabave_icon.svg);
}
.news-result .news-pill.icon12 {
  background-image: url(../../../../images/Falcon/SVGs/natjecaji_icon.svg);
}
.news-result .news-pill.icon17 {
  background-image: url(../../../../images/Falcon/SVGs/sudski_postupci_icon.svg);
}

/*
  Custom designed SVG icons
*/
/* ----------------------------------------------
|   E-Lessons Styles by Ivan Grgin
----------------------------------------------- */
.listElearningLessons {
  font-weight: 200;
  list-style: none;
}
.listElearningLessons a {
  color: #000;
  padding-bottom: 0;
  padding-top: 0;
}

.listElearningLessonsTitle {
  color: #000;
  font-weight: 400;
  padding-top: 2px;
}

#textElessons1,
#textElessons2,
#textElessons3,
#textElessons4,
#textElessons5,
#textElessons6,
#textElessons7 {
  font-size: 14px;
}

#textElessons8 {
  font-size: 13px;
  margin-bottom: 0.7rem;
}

#textElessonsItalic9,
#textElessonsItalic10 {
  font-size: 13px;
  font-style: italic;
}

/* ----------------------------------------------
|   Table E-lessons
----------------------------------------------- */
.panel {
  background: -webkit-gradient(linear, right top, left top, from(#2980b9), to(#2c3e50));
  background: linear-gradient(to left, #2980b9, #2c3e50);
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05), 0 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05), 0 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 0;
}
.panel .panel-heading {
  border-radius: 10px 10px 0 0;
  margin: 0;
  padding: 20px 15px;
}
.panel .panel-heading .title {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  text-transform: capitalize;
}
.panel .panel-heading .btn {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.panel .panel-heading .btn:hover {
  color: #fff;
  text-shadow: -3px 3px rgba(255, 255, 255, 0.2);
}
.panel .panel-heading .form-control {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 35%;
}
.panel .panel-heading .form-control:focus {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.panel .panel-heading .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
}
.panel .panel-heading .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
}
.panel .panel-heading .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
}
.panel .panel-heading .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
}
.panel .panel-heading .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
}
.panel .panel-body {
  padding: 0;
}
.panel .panel-body .table thead tr th {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px;
  text-transform: uppercase;
}
.panel .panel-body .table tbody tr td {
  border: none;
  color: #fff;
  font-size: 15px;
  padding: 10px 12px;
  vertical-align: middle;
}
.panel .panel-body .table tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
.panel .panel-body .table tbody .action-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.panel .panel-body .table tbody .action-list li {
  display: inline-block;
  margin: 0 5px;
}
.panel .panel-body .table tbody .action-list li a {
  color: #fff;
  font-size: 15px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.panel .panel-body .table tbody .action-list li a:hover {
  text-shadow: -3px 3px 0 rgba(255, 255, 255, 0.3);
}
.panel .panel-body .table tbody .action-list li a:before, .panel .panel-body .table tbody .action-list li a:after {
  background-color: #111;
  border-radius: 4px;
  color: #fff;
  content: attr(data-tip);
  display: none;
  font-size: 12px;
  right: 50%;
  padding: 5px 7px;
  position: absolute;
  text-transform: capitalize;
  top: -32px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.panel .panel-body .table tbody .action-list li a:after {
  border-radius: 0;
  content: "";
  height: 15px;
  padding: 0;
  top: -18px;
  -webkit-transform: translateX(50%) rotate(-45deg);
  -ms-transform: translateX(50%) rotate(-45deg);
  transform: translateX(50%) rotate(-45deg);
  width: 15px;
  z-index: -1;
}
.panel .panel-body .table tbody .action-list li a:hover:before, .panel .panel-body .table tbody .action-list li a:hover:after {
  display: block;
}
.panel .panel-footer {
  background-color: transparent;
  border: none;
  color: #fff;
  padding: 15px;
}
.panel .panel-footer .col {
  line-height: 35px;
}

/* Override Falcon pagination-sm tokens */
.pagination-sm {
  --falcon-pagination-border-radius: 0.25rem;
  --falcon-pagination-disabled-border-color: transparent;
  --falcon-pagination-font-size: 0.65rem;
  --falcon-pagination-padding-x: 0.35rem;
  --falcon-pagination-padding-y: 0.15rem;
}

.pagination {
  margin: 0;
}
.pagination li a {
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50px;
  color: #000;
  font-size: 0.8rem;
  font-weight: 500;
  height: 25px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 25px;
}
.pagination li a:hover {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.pagination li a:focus,
.pagination li.active a,
.pagination li.active a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.pagination li:first-child a,
.pagination li:last-child a {
  background-color: transparent;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .panel .panel-heading .title {
    margin: 0 0 10px;
    text-align: center;
  }
  .panel .panel-heading .btn_group {
    text-align: center;
  }
}
.sticky-sidebar-Falcon-2 {
  position: sticky;
  top: calc(var(--falcon-top-nav-height) + 1rem);
  z-index: 2;
}

.downloadLinkFalcon {
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 2px;
  position: relative;
  left: 0;
  top: 0;
  width: initial;
}
.downloadLinkFalcon a {
  background: url("../img/fininfo/pdf_file_icon_small.png") 11px 0 no-repeat;
  color: #666;
  display: block;
  font-size: 11px;
  line-height: 10px;
  margin-right: 1.75rem;
  padding-bottom: 0;
  padding-top: 50px;
  text-align: center;
  text-decoration: none;
  width: 60px;
}

/* Download link (Falcon) - icon on the left, text to the right */
.downloadLinkFalcon-inline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  padding: 2px;
  width: initial;
}
.downloadLinkFalcon-inline::before {
  background: url("../img/fininfo/pdf_file_icon_small.png") center center no-repeat;
  background-size: contain;
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}
.downloadLinkFalcon-inline a {
  background: none;
  color: #666;
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: right;
  text-decoration: none;
  white-space: nowrap;
}

input#ActivityCompanies::-webkit-input-placeholder {
  color: #6c757d !important;
  font-family: inherit;
  font-size: 0.8333333333rem;
  font-weight: 400;
}

input#ActivityCompanies::-moz-placeholder {
  color: #6c757d !important;
  font-family: inherit;
  font-size: 0.8333333333rem;
  font-weight: 400;
}

input#ActivityCompanies:-ms-input-placeholder {
  color: #6c757d !important;
  font-family: inherit;
  font-size: 0.8333333333rem;
  font-weight: 400;
}

input#ActivityCompanies::-ms-input-placeholder {
  color: #6c757d !important;
  font-family: inherit;
  font-size: 0.8333333333rem;
  font-weight: 400;
}

input#ActivityCompanies,
input#ActivityCompanies::placeholder {
  color: #6c757d !important;
  font-family: inherit;
  font-size: 0.8333333333rem;
  font-weight: 400;
}

#ActivityCompanies:hover,
#ActivityPersons:hover,
#ActivityNews:hover {
  cursor: pointer;
}

.blog-scroll {
  height: 760px;
}

@media (max-width: 575.98px) {
  .blog-scroll {
    -webkit-overflow-scrolling: auto;
    height: auto !important;
    overflow: visible !important;
  }
}
@media screen and (min-width: 992px) {
  .blog-scroll {
    height: 820px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-scroll {
    height: 827px;
  }
}
@media screen and (min-width: 1540px) {
  .blog-scroll {
    height: 760px;
  }
}
.dotFininfo {
  border-radius: 50%;
  display: inline-block;
  height: 0.525rem;
  margin-left: 0.3rem;
  width: 0.525rem;
}

/* hide dropdown by default */
.search-box .dropdown-menu {
  display: none;
}

/* Header search dropdown: grow to the left based on item text */
.search-box .dropdown-menu.search-results-menu {
  right: auto; /* ensure right-anchored behavior */
  max-width: min(45rem, 70vw); /* cap it so it doesn't go off-screen */
  min-width: 18rem; /* optional: keep a decent minimum */
  left: 0; /* same as end-0 */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; /* size to content */
}

/* Prevent long single tokens from forcing absurd widths */
.search-box .dropdown-menu.search-results-menu .items a.dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ----------------------
Company Summary (responsive typography)
------------------------- */
.companyInfo {
  /* Base (lg and up): keep existing sizes */
  /* md and down: start reducing */
  /* sm and down: reduce more */
  /* xs: most compact */
}
@media (max-width: 991.98px) {
  .companyInfo {
    font-size: 0.78rem;
  }
  .companyInfo .naziv {
    font-size: 0.95rem !important;
    line-height: 1.15;
  }
  .companyInfo p {
    font-size: 0.78rem;
    line-height: 1.25;
  }
  .companyInfo .text-muted,
  .companyInfo .light {
    font-size: 0.76rem;
  }
}
@media (max-width: 767.98px) {
  .companyInfo {
    font-size: 0.74rem;
  }
  .companyInfo .naziv {
    font-size: 0.88rem !important;
  }
  .companyInfo p {
    font-size: 0.74rem;
  }
}
@media (max-width: 575.98px) {
  .companyInfo {
    font-size: 0.7rem;
  }
  .companyInfo .naziv {
    font-size: 0.82rem !important;
  }
  .companyInfo p {
    font-size: 0.7rem;
  }
}

.wb-row {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

div.wunderbaum {
  font-size: 0.7rem !important;
}

/* Wonderbaum customization */
div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-active,
div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-active,
div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-selected,
div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-selected {
  background-color: var(--background-color-none);
  border-color: var(--background-color-none);
}

div.wunderbaum div.wb-node-list div.wb-row.wb-active {
  border-color: var(--background-color-none);
  border-style: solid;
}

div.wunderbaum div.wb-node-list div.wb-row.wb-active,
div.wunderbaum div.wb-node-list div.wb-row.wb-selected {
  background-color: var(--background-color-none);
}

div.wunderbaum div.wb-row {
  border: 0 solid transparent;
}

div.wunderbaum {
  font-family: var(--falcon-body-font-family);
}

/* --------------------
Login form
--------------------- */
#loginForm .has-success .form-control,
#loginForm .form-control.is-valid,
#loginForm input.valid,
#loginForm select.valid,
#loginForm textarea.valid {
  border-color: #ccc !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#loginForm.was-validated .form-check-input:valid,
#loginForm.was-validated .form-check-input:valid ~ .form-check-label {
  background-color: initial !important;
  border-color: #2c7be5 !important;
  color: initial !important;
}

#loginForm.was-validated .form-check-input:valid {
  background-color: #2c7be5 !important;
}

#loginValidationSummary .validation-summary-errors ul {
  list-style-type: none;
}

#tripleCollapseToggleHolder .triple-collapse-btn i {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

/* --------------------
Menu Background for MD and smaller
--------------------- */
@media (max-width: 991.98px) {
  .navbar .menu {
    background-color: transparent !important;
    backdrop-filter: saturate(180%) blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--card-border-radius) !important;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  }
}
/* Active tab styling */
.fininfo-tabs li.list-group-item.active {
  background-color: rgba(88, 122, 188, 0.75);
  border-color: rgb(88, 122, 188);
  color: #fff;
  font-weight: 600;
}

.fininfo-tabs li.list-group-item.active a {
  color: #fff;
  font-weight: 600;
}

.fininfo-tabs li.list-group-item a {
  font-weight: 600;
  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.fi-row {
  height: 32px;
}

.fi-row > td {
  line-height: 32px;
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: middle;
}

/* Excel export icon styling (DRY for both IDs) */
.excel-export-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../../../../images/Falcon/SVGs/excel_export_icon_2em.svg) 10px 0 no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: smaller;
  line-height: 0.8rem;
  min-height: 34px;
  padding-right: 0;
  padding-top: 35px;
  position: relative;
  text-align: center;
}
.excel-export-icon > a {
  display: block;
  font-weight: 600;
  height: 100%;
  margin-top: -35px; /* pull it back so overall height doesn't double */
  padding-top: 35px; /* match <li> so the text sits below the icon */
  text-decoration: none;
  width: 100%;
}
.excel-export-icon:hover {
  background-color: #f3f6fa;
  border-radius: 4px;
}

.excel-export-icon-ratios {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../../../../images/Falcon/SVGs/excel_export_icon_2em.svg) 10px 0 no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: smaller;
  line-height: 0.8rem;
  min-height: 34px;
  padding-right: 0;
  padding-top: 35px;
  position: relative;
  text-align: center;
}
.excel-export-icon-ratios > a {
  display: block;
  font-weight: 600;
  height: calc(100% + 35px);
  margin-top: -35px;
  padding-top: 35px;
  text-decoration: none;
  width: 100%;
}
.excel-export-icon-ratios:hover {
  background-color: #f3f6fa;
  border-radius: 4px;
}

/* Fininfo brand colors */
/* Bootstrap link vars (compile-time too) */
/* Runtime CSS variables (part 3: brand + link colors) */
:root {
  --bs-link-color: #6281C1;
  --bs-link-hover-color: #4466ac;
  --fininfo-blue-75: #6281c1;
  --fininfo-gray: #eeeeee;
  --fininfo-combo-chevron-color: #333538;
  --fininfo-combo-chevron-size: 0.70rem;
  --fininfo-combo-chevron-weight: 600;
}

.text-fininfo-muted {
  color: #838991 !important;
}

.FiniInfo-bg-Blue {
  background-color: #6281C1 !important;
}

.FiniInfo-bg-Gray {
  background-color: #eeeeee !important;
}

.FiniInfo-bg-Blue-50 {
  background-color: rgba(98, 129, 193, 0.5) !important;
}

.FiniInfo-bg-Blue-25 {
  background-color: rgba(98, 129, 193, 0.25) !important;
}

.FiniInfo-color-Blue {
  color: #6281C1 !important;
}

.FiniInfo-color-Blue-50 {
  color: rgba(98, 129, 193, 0.5) !important;
}

.FiniInfo-color-Blue-25 {
  color: rgba(98, 129, 193, 0.25) !important;
}

.FiniInfo-border-Blue {
  border-color: #6281C1 !important;
  border-width: 1px !important;
  opacity: 1;
}

.FiniInfo-border-Gray {
  border-color: #9a9999 !important;
  opacity: 1;
}

/* =====================================================================
   Europe tabs (.top-courses-tab)
   - ACTIVE: wrapper .ask-analytics-item.active => bg #6281C1, link text white
   - INACTIVE: wrapper => bg #FFFFFF, link text #6281C1
   ===================================================================== */
.top-courses-tab .ask-analytics-item {
  background-color: #ffffff !important;
}

.top-courses-tab .ask-analytics-item .nav-link {
  border: none;
  color: #6281C1 !important;
  font-weight: 600;
}
.top-courses-tab .ask-analytics-item .nav-link:hover, .top-courses-tab .ask-analytics-item .nav-link:focus {
  color: inherit !important;
}

.top-courses-tab .ask-analytics-item.active {
  background-color: #6281C1 !important;
}
.top-courses-tab .ask-analytics-item.active .nav-link {
  color: #ffffff !important;
}

/* Optional: keep existing hover behavior but without inline styles */
.top-courses-tab .ask-analytics-item.europe-reports-hover:not(.active) {
  background-color: #f6f6f6 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #6281C1 !important;
  font-weight: bold;
}

/* Full-bleed navbar strip color */
.navbar .FiniInfo-bg-Blue {
  background: transparent !important;
  background-image: none !important;
  height: 4.688rem;
  position: relative;
  z-index: 0;
}
.navbar .FiniInfo-bg-Blue::before {
  background-color: rgb(98, 129, 193);
  content: "";
  inset: 0 auto 0 50%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  width: 100vw;
  z-index: -1;
}
.navbar .FiniInfo-bg-Blue::after {
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  bottom: -8px;
  content: "";
  height: 8px;
  right: 50%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  width: 100vw;
}

#searchFormEurope.activities-open {
  overflow: visible !important;
}

/* Stretch #navbarDoubleTop full-bleed + sizing */
#navbarDoubleTop {
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  #navbarDoubleTop {
    background-color: var(--fininfo-gray);
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;
    display: block;
    font-size: 0.969rem;
    font-weight: 400;
    height: 4.063rem;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #navbarDoubleTop {
    font-size: 0.82rem;
  }
}
@media (min-width: 1200px) and (max-width: 1539.98px) {
  #navbarDoubleTop {
    font-size: 0.92rem;
  }
}

.tab-tickets-status .nav-item .nav-link,
.tab-contact-details .nav-item .nav-link {
  background-color: #eeeeee !important;
  border-bottom: none !important;
  border: none !important;
  color: #000 !important;
  font-weight: 100 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.tab-tickets-status .nav-item .nav-link.active,
.tab-contact-details .nav-item .nav-link.active {
  background-color: #eeeeee !important;
  border-bottom: none !important;
  border: none !important;
  color: #6281C1 !important;
  font-weight: 600 !important;
}

.tab-tickets-status .nav-item .nav-link:hover,
.tab-contact-details .nav-item .nav-link:hover {
  background-color: #eeeeee !important;
  border-bottom: none !important;
  border: none !important;
  color: #6281C1 !important;
  font-weight: 400 !important;
}

.tab-tickets-status .nav-item .nav-link.active span {
  border-bottom: none !important;
  border: none !important;
  color: #6281C1 !important;
  font-weight: 600 !important;
}

#ActivityCompanies {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#ActivityCompanies:focus {
  border-color: #6281C1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Remove focus shadow for inputs Bonitetni */
#companyName:focus,
#companyName:focus-visible,
#companyName.form-control:focus,
#companyCity:focus,
#companyCity:focus-visible,
#companyCity.form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Remove focus shadow for inputs Regija */
#CompanyNameMbOib:focus,
#CompanyNameMbOib:focus-visible,
#CompanyNameMbOib.form-control:focus,
#CityRegion:focus,
#CityRegion:focus-visible,
#CityRegion.form-control:focus,
#LegalForms:focus,
#LegalForms:focus-visible,
#LegalForms.form-control:focus {
  border-color: #6281C1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.page-link.active,
.active > .page-link {
  background-color: #6281C1 !important;
  border-color: #eeeeee !important;
}

.pagination li a:hover {
  color: #6281C1 !important;
}

/* ==============================
Court Register - custom styles
============================== */
#courtRegisterCard {
  background: #ffffff;
  border-radius: 0.65rem;
  border: 1px solid #eeeeee;
}

.cr-heading {
  border-bottom: 1px solid #eeeeee;
  color: #6281C1;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0.75rem 0 0.25rem;
  padding-bottom: 4px;
}

.cr-value {
  font-size: 0.8rem;
  line-height: 1.35rem;
  margin: 0 0 0.5rem;
}

.cr-list {
  margin: 0 0 1rem;
  padding-right: 1.1rem;
}

.cr-list li {
  margin-bottom: 0.25rem;
}

#courtRegisterColumns.one-column .column-right,
#courtRegisterColumns.one-column .column-left {
  border-left: none;
}

#courtRegisterColumns.two-columns .column-left {
  border-left: 1px solid #eeeeee;
}

@media (max-width: 767.98px) {
  #courtRegisterColumns.two-columns .column-left {
    border-left: none;
  }
}
.cr-link {
  color: #6281C1;
  font-weight: 600;
  text-decoration: underline;
}

.cr-link:hover,
.cr-link:focus {
  color: #3f5da3;
  text-decoration: underline;
}

.cr-link .ext {
  font-size: 0.9em;
  margin-right: 0.25rem;
}

/* Court register alignment */
#sudskiReg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sudskiReg > .d-flex {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.25rem;
}

#sudskiReg a.extLinkSR {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(images/linkMoreArrow.png) left 5px no-repeat;
  color: #4a68a6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  height: 28px;
  line-height: 1;
  margin-right: 0;
  padding: 0 0.3rem;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

/* If you want a uniform pill look when using btn btn-sm: neutralize btn-sm reduced height */
#sudskiReg a.extLinkSR.btn-sm {
  padding-bottom: 0;
  padding-top: 0;
}

/* Hover/focus: extLinkSR turns white with blue text and a subtle lift */
#sudskiReg a.extLinkSR {
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}

#sudskiReg a.extLinkSR:hover,
#sudskiReg a.extLinkSR:focus {
  background-color: #eeeeee !important; /* override inline bg */
  color: #6281C1 !important; /* override .text-white */
  text-decoration: none;
  -webkit-transform: translateY(-1px) scale(1.02);
  -ms-transform: translateY(-1px) scale(1.02);
  transform: translateY(-1px) scale(1.02);
}

/* Prevent Bootstrap tooltips (Popper) from blocking clicks on underlying toolbar/action buttons. */
.tooltip {
  pointer-events: none;
}
.tooltip .tooltip-inner {
  max-width: 320px;
  white-space: normal;
}

/* ===========================
Postit Notes Start
=========================== */
.sticky-note .handle {
  cursor: move;
}
.sticky-note .handle .date-picker-wrapper .date-picker.form-control.input {
  cursor: move;
}
.sticky-note .handle .date-picker-wrapper img.ui-datepicker-trigger {
  cursor: pointer;
}

/* Note system modal stacking (scoped) */
#AlertConfirmDialogFalcon.note-modal {
  z-index: 20000;
}

/* Backdrop specifically tagged for note modal (JS adds class) */
.modal-backdrop.note-modal-backdrop {
  z-index: 19999;
}

/* ===========================
Postit Notes End
=========================== */
/* ----------------------
Company Summary ActionBar (compact)
------------------------- */
/* Scope to the summary action bar only (rendered inside .toolbar in Company Summary)
   NOTE: keep this block as the single source of truth for the action-bar sizing. */
.toolbar ul {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  width: 100% !important;
}
.toolbar a.btn {
  font-size: 0.65rem !important;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.05 !important;
  min-width: 0;
  padding: 0.25rem 0.25rem !important;
  white-space: nowrap;
}
.toolbar a.btn i {
  font-size: 0.8rem !important;
  line-height: 1 !important;
}
.toolbar a.btn .lh-sm {
  line-height: 1 !important;
  white-space: nowrap;
}

/* ------------------
  Regija Start
 -------------------- */
.regionSiLogo {
  /* Fill if needed like in logos underneath */
}

.regionMeLogo {
  width: 9em;
  background: url(../../../../images/region_bi_consulting_me3.png) 33px 0 no-repeat;
  -ms-background-size: contain;
  background-size: contain;
}

.regionRsLogo {
  width: 6em;
  background: url(../../../../images/region_cube_rs_104_b_px.png) center center no-repeat;
  -ms-background-size: contain;
  background-size: contain;
}

/* ------------------
  Regija End
 -------------------- */
/* ----------------------
    Analysis Start
 ----------------------- */
.CompetitorsSearchResults,
#CompetitionGraphList,
#TreeViewWrapAnalysis {
  position: absolute;
  z-index: 9998;
  display: none;
}

.CompetitorsSearchResults {
  position: fixed;
}

#TreeViewAnalysisModal #TreeViewWrapAnalysis {
  position: static;
  display: block;
}

.CompetitorsSearchWinContent {
  font-weight: 600;
  font-size: small;
}
.CompetitorsSearchWinContent .CompetitorsSearchInput button {
  background: #6281C1 !important;
  color: #fff !important;
  border: 1px solid #6281C1;
  font-weight: 600;
  -webkit-transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.CompetitorsSearchWinContent .CompetitorsSearchInput button:hover:not(:disabled) {
  background: #fff !important;
  color: #6281C1 !important;
}

#analysisHolder .toolbarCriteriaSave .nav-tabs.nav-tabs-modern {
  margin-right: auto !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#analysisHolder .AnalysisChartRatioSelect + .select2-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
#analysisHolder .AnalysisChartRatioSelect + .select2-container .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(1.5em + 0.5rem + 2px);
  cursor: pointer;
}
#analysisHolder .AnalysisChartRatioSelect + .select2-container .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(1.5em + 0.5rem + 2px);
  font-size: 0.875rem;
  line-height: 1.5;
}
#analysisHolder .AnalysisChartRatioSelect + .select2-container .select2-selection__arrow {
  height: 100%;
}
#analysisHolder #listControlsTemplate > li.nav-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
}
#analysisHolder #listControlsTemplate > li.nav-item .nav-link {
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#analysisHolder #CompetitorsSearchWin, #analysisHolder #PeriodsSearchWin, #analysisHolder #TreeViewWrapAnalysis {
  position: absolute;
  /* z-index: 9998; */
  display: none;
}
#analysisHolder .businessSuccessHolder table#businessSuccess {
  border: none;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr th {
  border-bottom-width: var(--falcon-border-width);
  border-color: var(--falcon-table-border-color);
  background-color: var(--falcon-table-border-color);
  padding: 0.25rem 0;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr th :first-child {
  padding-right: 0.25rem !important;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr th :first-child .line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  min-height: 3.6em;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr th :last-child {
  padding-left: 0.25rem !important;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr th .form-control {
  font-size: 0.75rem !important;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td {
  border-bottom-width: var(--falcon-border-width);
  border-color: var(--falcon-table-border-color);
  vertical-align: middle;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td.first {
  font-weight: normal;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td :first-child {
  background-color: initial;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td:last-child {
  padding-left: 0.25em;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td span.badge {
  padding: 0.2em !important;
  font-size: 0.6em;
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td span.badge-subtle-success {
  background-color: rgba(var(--falcon-success-rgb), 0.15);
}
#analysisHolder .businessSuccessHolder table#businessSuccess tbody tr td span.badge-subtle-warning {
  background-color: rgba(var(--falcon-warning-rgb), 0.15);
}
#analysisHolder .businessSuccessHolder .scrollbar .first-col {
  max-width: 35%;
}

/* ----------------------
    Analysis End
 ----------------------- */
/* ==================================================================
   Fininfo: User customizations (scoped, non-destructive) *Ivan Grgin*
   ================================================================== */
/* ============================================================== 
   Persons results - expanded state styling
   (NOTE: keep this block as the single source of truth; do not duplicate)
   ============================================================== */
.person-result-card.is-expanded,
.person-result-card.is-expanded > .card-body {
  background-color: #6281C1 !important;
}

/* Chevron + person name must be white when expanded */
.person-result-card.is-expanded .person-toggle-btn,
.person-result-card.is-expanded .person-toggle-btn:hover,
.person-result-card.is-expanded .person-toggle-btn:focus,
.person-result-card.is-expanded .person-toggle-btn i,
.person-result-card.is-expanded .person-toggle-btn svg,
.person-result-card.is-expanded .person-toggle-btn .svg-inline--fa,
.person-result-card.is-expanded .person-name {
  color: #ffffff !important;
}

/* SVG-with-JS uses fill/stroke, not color */
.person-result-card.is-expanded .person-toggle-btn svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Keep person-name white on hover as well */
.person-result-card.is-expanded .person-name:hover {
  color: #ffffff !important;
}

@media (max-width: 767.98px) {
  #results {
    font-size: 0.85rem;
    line-height: 1.15;
  }
  #results .h5,
  #results h5 {
    font-size: 1rem;
    line-height: 1.2;
  }
  #results .text-muted {
    font-size: 0.8rem;
  }
  #results label.form-label {
    font-size: 0.75rem;
  }
  #results .form-select.form-select-sm {
    font-size: 0.8rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    min-height: 1.75rem;
  }
  /* Pager (generated by MvcPaging): keep clickable but visually smaller */
  #results ul.pagination {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
  #results .pagination .page-link {
    font-size: 0.75rem;
    line-height: 1;
  }
  /* ============================================================== 
  Persons results - pagination compact tuning (all breakpoints)
  ============================================================== */
  #results {
    /* Disabled prev/next: remove border/outline and keep it visually disabled */
    /* Nudge chevrons up slightly */
    /* Prevent ellipsis item from inflating padding */
  }
  #results .pagination {
    gap: 0rem; /* reduce space between numbers */
  }
  #results .pagination .page-item {
    margin: 0 !important; /* ensure gap controls spacing */
  }
  #results .pagination .page-link {
    font-size: 0.65rem;
    line-height: 1;
    padding: 0.2rem 0.45rem;
    min-width: 1.75rem;
    height: 1.75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.35rem;
  }
  #results .pagination .page-item.disabled .page-link {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }
  #results .pagination .page-link > span[aria-hidden=true] {
    position: relative;
    top: -2px;
    display: inline-block;
  }
  #results .pagination .page-item.disabled .page-link:has(> span[aria-hidden=true]:not(:empty)) {
    padding-right: 0.35rem;
    padding-left: 0.35rem;
    min-width: 1.35rem;
  }
  /* Person cards and inner elements */
  #results .person-result-card {
    font-size: 0.85rem;
  }
  #results .person-toggle-btn {
    width: 1rem;
    height: 1rem;
  }
  #results .badge {
    font-size: 0.7rem;
    padding: 0.35rem 0.5rem;
  }
  #results .fa,
  #results .fas,
  #results .far,
  #results .fab,
  #results .fa-solid,
  #results .fa-regular,
  #results .fa-brands {
    font-size: 0.9em;
  }
}
/* Local fallback variable for Fininfo blue (originally $fininfo-blue / #6281C1) */
/* --------------------------------------------------------------
   Fininfo / Jumbotron (Fininfo Home Free)
   -------------------------------------------------------------- */
.fininfo-hero {
  background: url("/Content/falcon/public/FininfoImages/FininfoMainPageBg.png") no-repeat;
  padding: 1.2rem 1.25rem 1.2rem;
  border-radius: 1.25rem 0.8rem 0.25rem 0.25rem; /* TL TR BL BR */
  position: absolute;
  isolation: isolate;
  display: block;
  color: #1f2a44;
  /* Keep the background static relative to viewport to prevent "shifting" on collapse */
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Adjust background position per breakpoint */
.fininfo-hero {
  background-position: center -80px; /* default (lg & up if no overrides) */
  background-size: cover;
}

/* Mobile breakpoint: keep original top (1rem), reduce bottom further if desired */
@media (max-width: 767.98px) {
  .fininfo-hero {
    padding: 2.5rem 1rem 2.25rem;
    border-radius: 1rem 1rem 0.45rem 0.45rem; /* top unchanged, bottom tighter */
  }
}
/* Medium (≥768px and <992px): show a bit lower */
@media (min-width: 768px) and (max-width: 991.98px) {
  .fininfo-hero {
    background-position: center -50px;
  }
}
/* Large (lg ≥992px <1200px): reduce column gap to 1rem only on lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row {
    gap: 1rem 1rem; /* row-gap column-gap */
  }
}
/* Extra Large (≥1200px): lift more to keep focal point */
@media (min-width: 1200px) {
  .fininfo-hero {
    background-position: center -90px;
  }
}
/* Hero row top alignment + spacing */
.fininfo-hero .fininfo-content .fininfo-hero-row {
  padding-top: 0px; /* or use margin-top if you prefer external spacing */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /* ensure children sit at top */
}

/* --------------------------------------------------------------
   Hero background adjustments: vertical offset + mobile hide
   -------------------------------------------------------------- */
/* Move background image up by 40px */
.fininfo-hero {
  background-position: center -80px; /* was center top */
}

/* Hide background image on XS/SM screens */
@media (max-width: 767.98px) {
  .fininfo-hero {
    background-image: none !important; /* remove image */
    background: none !important; /* ensure shorthand doesn't re-apply */
    background-attachment: scroll !important;
  }
}
.fininfo-hero .fininfo-bg-layer {
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0.88)), color-stop(33%, rgba(255, 255, 255, 0.6)), color-stop(66%, rgba(255, 255, 255, 0.38)), to(rgba(255, 255, 255, 0.78)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.6) 33%, rgba(255, 255, 255, 0.38) 66%, rgba(255, 255, 255, 0.78) 100%);
  backdrop-filter: blur(4px) saturate(140%);
  -webkit-backdrop-filter: blur(4px) saturate(140%);
  pointer-events: none;
  z-index: 1;
  /* Ensure overlay never introduces blur */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  /* Keep overlay behind content to avoid any text compositing artifacts */
  z-index: 0;
}

.fininfo-hero .fininfo-content {
  margin-top: 2rem;
  position: relative;
  z-index: 2;
  /* Improve text rendering during collapse animation */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Collapse toggle button: update selector to .fininfo-collapse-btn and modernize states */
.fininfo-hero #tripleCollapseToggleHolder .fininfo-collapse-btn {
  /* base */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background-color: #d7e6f3;
  color: #1f2a44;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding: 0.35rem 0.75rem;
  line-height: 1.1;
  font-weight: 600;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.35rem;
  -webkit-transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.2s ease, transform 0.12s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.2s ease, transform 0.12s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.12s ease;
  will-change: transform, box-shadow;
}

/* Hover / pointer focus */
.fininfo-hero #tripleCollapseToggleHolder .fininfo-collapse-btn:hover,
.fininfo-hero #tripleCollapseToggleHolder .fininfo-collapse-btn:focus {
  background-color: #ffffff;
  color: #6281C1;
  border-color: #6281C1;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.15), 0 8px 16px -6px rgba(98, 129, 193, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.15), 0 8px 16px -6px rgba(98, 129, 193, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  outline: 0;
  text-decoration: none;
}

/* Keyboard focus ring */
.fininfo-hero #tripleCollapseToggleHolder .fininfo-collapse-btn:focus-visible {
  outline: 2px solid #6281C1;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.35), 0 0 0 6px rgba(98, 129, 193, 0.18), 0 12px 24px -10px rgba(98, 129, 193, 0.45);
  box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.35), 0 0 0 6px rgba(98, 129, 193, 0.18), 0 12px 24px -10px rgba(98, 129, 193, 0.45);
}

/* Active press */
.fininfo-hero #tripleCollapseToggleHolder .fininfo-collapse-btn:active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background-color: #ffffff;
  color: #6281C1;
  border-color: #6281C1;
  -webkit-box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.4), 0 4px 10px -4px rgba(98, 129, 193, 0.3), inset 0 2px 4px rgba(98, 129, 193, 0.18);
  box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.4), 0 4px 10px -4px rgba(98, 129, 193, 0.3), inset 0 2px 4px rgba(98, 129, 193, 0.18);
}

/* Prevent any transient transforms/filters on collapse that can trigger text blur */
#tripleInfoCard,
#tripleCollapseBody,
#tripleCollapseBody.collapsing {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  will-change: height;
}

/* Mobile breakpoint: keep original top (1rem), reduce bottom further if desired */
@media (max-width: 767.98px) {
  .fininfo-hero {
    padding: 2.5rem 1rem 2.25rem;
    border-radius: 1rem;
  }
  .fininfo-hero h6 {
    font-size: 0.85rem;
  }
}
/* --------------------------------------------------------------
   Jumbotron collapse: remove top divider line
   -------------------------------------------------------------- */
.fininfo-hero #tripleCollapseBody {
  border-top: 0; /* already requested removal */
}

.fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 120px;
  padding: 1.25rem !important;
}

.fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem 2rem;
  width: 100%;
  margin: 0;
}

.fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row > [class*=col-] {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
  max-width: 200px;
  text-align: center;
}

.fininfo-hero #tripleCollapseBody p {
  margin: 0;
  font-weight: 600;
  line-height: 1.25;
  font-size: 0.9rem;
}

/* Toolbar layout + right aligned tabs */
.toolbarCriteriaSave ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbarCriteriaSave .nav-tabs.nav-tabs-modern {
  border-bottom: 0;
  gap: 0.25rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: auto;
}

.toolbarCriteriaSave .nav-tabs.nav-tabs-modern .nav-link {
  border: 0;
  border-radius: 0.5rem;
  padding: 0.35rem 0.65rem;
  line-height: 1.1;
  color: #2b2f36;
  background: #f6f7f9;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
  -webkit-transition: background 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  text-decoration: none;
}

.toolbarCriteriaSave .nav-tabs.nav-tabs-modern .nav-link:hover,
.toolbarCriteriaSave .nav-tabs.nav-tabs-modern .nav-link:focus {
  background: #e9edf4;
  color: #1f2a44;
  text-decoration: none;
}

.toolbarCriteriaSave .nav-tabs.nav-tabs-modern .nav-link.active {
  background: #6281C1;
  color: #fff;
  -webkit-box-shadow: 0 3px 10px -3px rgba(98, 129, 193, 0.55);
  box-shadow: 0 3px 10px -3px rgba(98, 129, 193, 0.55);
}

/* Maintain relative anchors for dropdown positioning */
#listControlsTemplate > li {
  position: relative;
  overflow: visible;
}

/* Keep spacing hook (applies only on large screens now) */
#addResult {
  margin-right: 0.25rem;
}

/* Alert placeholder */
#templateErrorMessage:empty {
  display: none;
}

/* Alert icon + text */
#templateErrorMessage.alert {
  display: none;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.15;
}

#templateErrorMessage.alert:not(:empty) {
  display: block;
}

#templateErrorMessage.alert:before {
  font-family: FontAwesome;
  content: "\f071";
  margin-left: 6px;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1.15;
  display: inline-block;
}

#templateErrorMessage.alert:empty:before {
  content: "";
}

.savewin {
  position: absolute;
  z-index: 9999;
  inset: auto;
  width: 210px; /* unified width (was 230px) to match body */
}

.savewin {
  display: none;
}

.savewin.is-open {
  display: block;
}

.savewin .savewin-header {
  width: 100%; /* now matches parent (.savewin) and body */
  background: linear-gradient(-135deg, #f8f9fa 0%, #eef1f5 100%);
  border: 1px solid rgba(0, 0, 0, 0.12); /* match #MainDropDownBS border tone */
  border-radius: 0.25rem 0.25rem 0 0; /* reduced radius */
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  padding: 0.55rem 0.65rem 0.6rem 0.65rem; /* slightly tighter horizontal padding */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.savewin .savewin-header > span {
  font-size: 0.75rem;
  font-weight: 800;
  color: #6281C1;
}

.savewin .savewin-header .savewin-close {
  position: static !important;
  padding: 0 !important;
  margin: 0;
  background: transparent !important;
  border: none !important;
  color: #4466ac !important;
  font-size: 0.85rem !important;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.savewin .savewin-header .savewin-close .fa {
  font-size: 0.85rem !important;
  line-height: 1;
}

.savewin .savewin-header .savewin-close:hover,
.savewin .savewin-header .savewin-close:focus {
  color: #dc3545 !important;
  outline: 0;
}

.savewin .savewinBody {
  width: 100%; /* fill the unified 210px width */
  padding: 10px 10px 12px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem; /* match reduced header radius */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Ensure previous explicit width (210px) on body is removed or overridden by the above block */
/* --------------------------------------------------------------
   Ultra-modern redesign for #MainDropDownBS and #SubDropDownBS
   -------------------------------------------------------------- */
#MainDropDownBS,
#SubDropDownBS {
  --fin-dd-bg: rgba(255,255,255,0.92);
  --fin-dd-border: rgba($fininfo-blue--local,0.35);
  --fin-dd-radius: 0.25rem;
  --fin-dd-shadow: 0 0.75rem 1.75rem -0.5rem rgba(20,32,55,.25), 0 0 0 1px rgba($fininfo-blue--local,.05);
  --fin-dd-item-hover-bg: rgba($fininfo-blue--local,0.10);
  --fin-dd-item-active-bg: $fininfo-blue--local;
  --fin-dd-item-active-color: #fff;
  --fin-dd-transition: 160ms cubic-bezier(.33,.08,.24,1);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  background: linear-gradient(-145deg, var(--fin-dd-bg) 0%, rgba(255, 255, 255, 0.85) 65%);
  border: 1px solid var(--fin-dd-border);
  border-radius: var(--fin-dd-radius);
  padding: 0.35rem 0;
  margin-top: 0.35rem;
  -webkit-box-shadow: var(--fin-dd-shadow);
  box-shadow: var(--fin-dd-shadow);
  -webkit-animation: fin-dd-fade-scale 0.18s ease-out;
  animation: fin-dd-fade-scale 0.18s ease-out;
  min-width: 16rem;
  max-width: min(92vw, 19rem);
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  z-index: 60;
  will-change: opacity, transform;
}

#SubDropDownBS {
  min-width: 19rem;
  position: absolute;
}

#SubDropDownBS.show,
#MainDropDownBS.show {
  display: block;
}

@-webkit-keyframes fin-dd-fade-scale {
  from {
    opacity: 0;
    -webkit-transform: translateY(-6px) scale(0.96);
    transform: translateY(-6px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@keyframes fin-dd-fade-scale {
  from {
    opacity: 0;
    -webkit-transform: translateY(-6px) scale(0.96);
    transform: translateY(-6px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}
#MainDropDownBS .list-group,
#SubDropDownBS .list-group {
  width: 100%;
  max-height: 24rem;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 0.25rem 0.15rem 0.4rem;
}

#MainDropDownBS .list-group::-webkit-scrollbar,
#SubDropDownBS .list-group::-webkit-scrollbar {
  width: 8px;
}

#MainDropDownBS .list-group::-webkit-scrollbar-track,
#SubDropDownBS .list-group::-webkit-scrollbar-track {
  background: rgba(98, 129, 193, 0.08);
  border-radius: 10px;
}

#MainDropDownBS .list-group::-webkit-scrollbar-thumb,
#SubDropDownBS .list-group::-webkit-scrollbar-thumb {
  background: rgba(98, 129, 193, 0.35);
  border-radius: 10px;
}

#MainDropDownBS .list-group::-webkit-scrollbar-thumb:hover,
#SubDropDownBS .list-group::-webkit-scrollbar-thumb:hover {
  background: rgba(98, 129, 193, 0.55);
}

#MainDropDownBS .list-group-item,
#SubDropDownBS .list-group-item {
  background: transparent;
  border: 0;
  margin: 0 0 0.15rem;
  border-radius: 0.6rem;
  color: #222;
  font-weight: 600;
  font-size: 0.77rem;
  line-height: 1;
  letter-spacing: 0.015em;
  padding: 0.35rem 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.55rem;
  position: relative;
  -webkit-transition: background var(--fin-dd-transition), color var(--fin-dd-transition), -webkit-transform var(--fin-dd-transition);
  transition: background var(--fin-dd-transition), color var(--fin-dd-transition), -webkit-transform var(--fin-dd-transition);
  transition: background var(--fin-dd-transition), color var(--fin-dd-transition), transform var(--fin-dd-transition);
  transition: background var(--fin-dd-transition), color var(--fin-dd-transition), transform var(--fin-dd-transition), -webkit-transform var(--fin-dd-transition);
}

#SubDropDownBS .list-group-item {
  font-weight: 400 !important;
}

#MainDropDownBS .list-group-item:hover,
#MainDropDownBS .list-group-item:focus,
#SubDropDownBS .list-group-item:hover,
#SubDropDownBS .list-group-item:focus {
  background: #6281C1 !important;
  color: #fff !important;
  text-decoration: none;
  outline: 0;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

#MainDropDownBS .list-group-item.active,
#SubDropDownBS .list-group-item.active {
  background: var(--fin-dd-item-active-bg) !important;
  color: var(--fin-dd-item-active-color) !important;
  -webkit-box-shadow: 0 0 0 1px rgba(98, 129, 193, 0.4), 0 4px 10px -2px rgba(98, 129, 193, 0.45);
  box-shadow: 0 0 0 1px rgba(98, 129, 193, 0.4), 0 4px 10px -2px rgba(98, 129, 193, 0.45);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

/* --------------------------------------------------------------
   PeriodsSearchWin
   -------------------------------------------------------------- */
#PeriodsSearchWin {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  display: none;
  min-width: 360px;
  max-width: 560px;
  max-height: 410px;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.9rem;
  -webkit-box-shadow: 0 1rem 2.25rem -0.5rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 1rem 2.25rem -0.5rem rgba(0, 0, 0, 0.25);
  z-index: 1080;
  overflow: hidden;
  padding: 0;
}

#PeriodsSearchWin.show {
  display: block !important;
  -webkit-animation: psw-fade-in 0.18s ease-out;
  animation: psw-fade-in 0.18s ease-out;
}

@-webkit-keyframes psw-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes psw-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.periods-header {
  background: linear-gradient(-135deg, #f8f9fa 0%, #eef1f5 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  padding-right: 0.75rem !important;
}

.periods-header > span {
  font-size: 0.75rem;
  font-weight: 800;
  color: #6281C1;
}

#PeriodsSearchWin .periods-body {
  padding: 0.5rem 0.5rem 0.75rem;
  overflow-y: auto;
  scrollbar-width: thin;
}

#PeriodsSearchWin .periods-body::-webkit-scrollbar {
  width: 8px;
}

#PeriodsSearchWin .periods-body::-webkit-scrollbar-track {
  background: #f4f5f6;
}

#PeriodsSearchWin .periods-body::-webkit-scrollbar-thumb {
  background: #c3c7cc;
  border-radius: 6px;
}

#PeriodsSearchWin .periods-body::-webkit-scrollbar-thumb:hover {
  background: #a4a9af;
}

#PeriodsSearchWin .periods-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem 0.8rem;
  padding: 0.25rem;
}

@media (max-width: 520px) {
  #PeriodsSearchWin .periods-grid {
    grid-template-columns: 1fr;
  }
}
#PeriodsSearchWin .period-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.55rem;
  padding: 0.5rem 0.6rem;
  text-decoration: none;
  color: #212529;
  font-weight: 500;
  line-height: 1.15;
  -webkit-transition: background 0.12s ease, border-color 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: background 0.12s ease, border-color 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
  transition: background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, -webkit-box-shadow 0.12s ease;
}

#PeriodsSearchWin .period-item:hover,
#PeriodsSearchWin .period-item:focus {
  background: #6281C1 !important;
  color: #fff !important;
  border-color: #eeeeee;
  font-weight: 900;
  text-decoration: none;
  outline: none;
}

#PeriodsSearchWin .period-item .period-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

#PeriodsSearchWin .periods-empty {
  grid-column: 1/-1;
  background: #f8f9fa;
  border: 1px solid #e2e6ea;
  border-radius: 0.5rem;
  padding: 0.6rem 0.7rem;
  color: #6c757d;
}

/* --------------------------------------------------------------
   Consolidated close button styles
   -------------------------------------------------------------- */
#MainDropDownBS .periods-header .maindd-close,
#SubDropDownBS .periods-header .subdd-close {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0;
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #4466ac !important;
  font-size: 0.85rem !important;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

#MainDropDownBS .periods-header .maindd-close .fa,
#SubDropDownBS .periods-header .subdd-close .fa {
  font-size: 0.85rem !important;
  line-height: 1;
}

#MainDropDownBS .periods-header .maindd-close:hover,
#MainDropDownBS .periods-header .maindd-close:focus,
#SubDropDownBS .periods-header .subdd-close:hover,
#SubDropDownBS .periods-header .subdd-close:focus {
  color: #dc3545 !important;
  outline: 0;
}

/* =========================
   RESPONSIVE TAB LAYOUT
   ========================= */
.listControlsTemplate {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .toolbarCriteriaSave .nav-tabs.nav-tabs-modern {
    margin-right: 0 !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .listControlsTemplate > li.nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .listControlsTemplate > li.nav-item .nav-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #addResult {
    margin-right: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .toolbarCriteriaSave .nav-tabs.nav-tabs-modern {
    margin-right: 0 !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .listControlsTemplate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .listControlsTemplate > li.nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .listControlsTemplate > li.nav-item .nav-link {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #addResult {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  #addResult {
    margin-right: 0.25rem;
  }
}
/* Reduced font-weight for toolbar links */
#listControlsTemplate .nav-link,
#listControlsTemplate .nav-link:hover,
#listControlsTemplate .nav-link:focus,
#listControlsTemplate .nav-link.active {
  font-weight: 500;
}

/* Toolbar link icons */
#listControlsTemplate #addResult::before,
#listControlsTemplate a.dd.nav-link::before,
#listControlsTemplate #PeriodSearch::before,
#listControlsTemplate a.fileDownloadCustomRichExperience.nav-link::before,
#listControlsTemplate a.helps.nav-link::before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  margin-left: 0.4rem;
  color: #6281C1;
}

#listControlsTemplate #addResult::before {
  content: "\f055";
}

#listControlsTemplate a.dd.nav-link::before {
  content: "\f0c7";
}

#listControlsTemplate #PeriodSearch::before {
  content: "\f271";
}

#listControlsTemplate a.fileDownloadCustomRichExperience.nav-link::before {
  /*content: "\f1c3";*/
  content: url("/Content/images/Falcon/SVGs/excel_export_icon_1em.svg");
  vertical-align: middle;
}

#listControlsTemplate a.helps.nav-link::before {
  content: "\f059";
}

.savewin .savewinBody .savewinresult {
  color: #6281C1;
  font-size: 12px;
  line-height: 1.2;
  max-height: 220px;
  overflow-y: auto;
  margin-top: 4px;
  padding-left: 2px;
  display: block;
  background: transparent; /* remove added background */
}

.savewin .savewinBody .savewinresult .saved-item-row-wrapper {
  display: inline-block;
  width: 100%;
  background: transparent;
  padding: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.savewin .savewinBody .savewinresult p.saved-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
}

.savewin .savewinBody .savewinresult p.saved-item-row:last-child {
  border-bottom: none;
}

.savewin .savewinBody .savewinresult p.saved-item-row > a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.savewin .savewinBody .savewinresult .deleteSavedSearch {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 6px;
  color: #dc3545;
}

#saveSearchInput:focus,
#saveSearchInput:focus-visible,
.savewin .savewinBody #saveSearchInput.form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-color: #6281C1 !important;
}

#saveSearchInput.form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.savewin .savewinBody .savewinresult .savewinresult-close {
  margin-right: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  color: #4466ac;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.savewin .savewinBody .savewinresult .savewinresult-close:hover,
.savewin .savewinBody .savewinresult .savewinresult-close:focus {
  color: #dc3545;
}

/* --- Definitive state control for savewinButton --- */
.savewin .savewinBody .savewinButton {
  background: #6281C1 !important;
  color: #fff !important;
  border: 1px solid #6281C1;
  font-weight: 600;
  -webkit-transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Invert ONLY while pointer truly hovers */
.savewin .savewinBody .savewinButton:hover:not(:disabled) {
  background: #fff !important;
  color: #6281C1 !important;
}

/* Press (active) returns blue immediately */
.savewin .savewinBody .savewinButton:active {
  background: #6281C1 !important;
  color: #fff !important;
}

/* Focus keeps default (no inversion) */
.savewin .savewinBody .savewinButton:focus,
.savewin .savewinBody .savewinButton:focus-visible {
  background: #6281C1 !important;
  color: #fff !important;
  outline: 0;
  border-color: #6281C1;
}

/* Any non-hover / non-active / non-pressed scenario: enforce blue */
.savewin .savewinBody .savewinButton:not(:hover):not(:active):not(.active):not([aria-pressed=true]) {
  background: #6281C1 !important;
  color: #fff !important;
}

/* Disabled state: consistent blue, muted cursor */
.savewin .savewinBody .savewinButton:disabled {
  background: #6281C1 !important;
  color: #fff !important;
  opacity: 0.65;
  cursor: not-allowed;
}

/* If a script adds .active or aria-pressed="true", keep blue */
.savewin .savewinBody .savewinButton.active,
.savewin .savewinBody .savewinButton[aria-pressed=true] {
  background: #6281C1 !important;
  color: #fff !important;
}

/* Remove divider line between hero card body and collapse body (final override) */
.fininfo-hero #tripleInfoCard #tripleCollapseBody,
.fininfo-hero #tripleInfoCard #tripleCollapseBody.border-top,
.fininfo-hero #tripleInfoCard .border-top#tripleCollapseBody {
  border-top: 0 !important;
}

/* Neutralize any accidental borders/pseudo decorative lines */
.fininfo-hero #tripleCollapseBody,
.fininfo-hero #tripleCollapseBody::before,
.fininfo-hero #tripleCollapseBody::after {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
  border-top: 0 !important;
}

/* Optional: tighten spacing if the gap itself looks like a line */
.fininfo-hero .fininfo-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.fininfo-hero #tripleCollapseBody {
  margin-top: 0 !important;
}

/* Fininfo logo sizing */
.fininfo-logo {
  width: 12rem;
  max-width: 100%;
  height: auto;
}

.fininfoTextMainJumbotron {
  font-weight: 802;
  color: #6281C1;
}

.fininfo-hero .fininfo-hero-cta {
  background-color: transparent;
  background-image: none;
  color: #6281C1;
  font-weight: 600;
  border: 1px solid transparent;
  padding: 0.55rem 1.15rem;
  line-height: 1.2;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.45), 0 12px 32px -8px rgba(98, 129, 193, 0.58), 0 8px 18px -6px rgba(98, 129, 193, 0.5), 0 3px 8px -2px rgba(98, 129, 193, 0.4), 0 1px 2px rgba(98, 129, 193, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.45), 0 12px 32px -8px rgba(98, 129, 193, 0.58), 0 8px 18px -6px rgba(98, 129, 193, 0.5), 0 3px 8px -2px rgba(98, 129, 193, 0.4), 0 1px 2px rgba(98, 129, 193, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.65); /* inner highlight */
  text-decoration: none;
  -webkit-transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.3s ease;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

/* Hover/focus: keep previous white lift */
.fininfo-hero .fininfo-hero-cta:hover,
.fininfo-hero .fininfo-hero-cta:focus {
  background-color: #ffffff;
  color: #6281C1;
  border-color: #6281C1;
  -webkit-box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.5), 0 8px 18px -4px rgba(98, 129, 193, 0.55), 0 4px 10px -2px rgba(98, 129, 193, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.5), 0 8px 18px -4px rgba(98, 129, 193, 0.55), 0 4px 10px -2px rgba(98, 129, 193, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  outline: 0;
}

/* Active press */
.fininfo-hero .fininfo-hero-cta:active {
  background-color: #ffffff;
  color: #6281C1;
  border-color: #6281C1;
  -webkit-box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.55), 0 4px 8px -2px rgba(98, 129, 193, 0.5), 0 2px 4px -1px rgba(98, 129, 193, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.75), inset 0 2px 4px rgba(98, 129, 193, 0.2);
  box-shadow: 0 0 0 2px rgba(98, 129, 193, 0.55), 0 4px 8px -2px rgba(98, 129, 193, 0.5), 0 2px 4px -1px rgba(98, 129, 193, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.75), inset 0 2px 4px rgba(98, 129, 193, 0.2);
}

/* Keyboard focus */
.fininfo-hero .fininfo-hero-cta:focus-visible {
  outline: 2px solid #6281C1;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.55), 0 8px 18px -4px rgba(98, 129, 193, 0.55), 0 4px 10px -2px rgba(98, 129, 193, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(98, 129, 193, 0.55), 0 8px 18px -4px rgba(98, 129, 193, 0.55), 0 4px 10px -2px rgba(98, 129, 193, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

/* Blurred translucent tiles inside collapse body */
/* Set background opacity to 75% */
.fininfo-hero #tripleCollapseBody .fininfo-feature-tile {
  background: rgba(255, 255, 255, 0.25); /* 75% opacity */
  backdrop-filter: blur(6px) saturate(130%);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.55);
  -webkit-box-shadow: 0 4px 18px -6px rgba(31, 42, 68, 0.2);
  box-shadow: 0 4px 18px -6px rgba(31, 42, 68, 0.2);
  border-radius: 0.85rem;
  padding: 0.9rem 0.85rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%;
  position: relative;
  isolation: isolate;
  -webkit-transition: -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}

/* Optional: text styling inside tile */
.fininfo-hero #tripleCollapseBody .fininfo-feature-tile p {
  margin: 0;
  font-weight: 600;
  color: #1f2a44;
  text-align: center;
}

/* Hover / focus subtle elevation */
.fininfo-hero #tripleCollapseBody .fininfo-feature-tile:hover,
.fininfo-hero #tripleCollapseBody .fininfo-feature-tile:focus-within {
  -webkit-box-shadow: 0 6px 24px -8px rgba(31, 42, 68, 0.28);
  box-shadow: 0 6px 24px -8px rgba(31, 42, 68, 0.28);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* --------------------------------------------------------------
   Bottom-fixed background for #tripleCollapseBody
   -------------------------------------------------------------- */
.fininfo-hero #tripleCollapseBody {
  position: relative;
  overflow: hidden; /* crop background when collapsed */
  background: transparent !important; /* ensure no conflicting bg */
}

/* Pseudo-layer carrying the image; anchored to bottom */
.fininfo-hero #tripleCollapseBody::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/Content/falcon/public/FininfoImages/FininfoMainPageBg.png");
  background-repeat: no-repeat;
  background-position: center bottom; /* lock to bottom */
  background-size: cover;
  background-attachment: local; /* keeps relation to container */
  z-index: -1; /* behind tiles/content */
  pointer-events: none;
  -webkit-transition: background-position 0.3s ease;
  transition: background-position 0.3s ease;
}

/* Optional: tweak when expanded (show slightly more lower detail) */
.fininfo-hero #tripleCollapseBody.show::before {
  background-position: center bottom;
}

/* Responsive adjustments if desired */
@media (max-width: 767.98px) {
  .fininfo-hero #tripleCollapseBody::before {
    background-position: center bottom;
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  .fininfo-hero #tripleCollapseBody::before {
    background-position: center calc(100% - 10px); /* subtle lift on large screens */
  }
}
/* Extra Small (XS <576px): reduce top & bottom padding to 1rem */
@media (max-width: 575.98px) {
  .fininfo-hero {
    padding: 1rem 1rem 1rem;
    margin-top: 0.5rem;
  }
}
/* Small (SM ≥576px <768px): also reduce to 1rem vertically */
@media (min-width: 576px) and (max-width: 767.98px) {
  .fininfo-hero {
    padding: 1rem 1rem 1rem;
    margin-top: 0.5rem;
  }
}
/* XS: reduce top padding on the hero's card body */
@media (max-width: 575.98px) {
  .fininfo-hero .fininfo-content {
    padding-top: 0rem !important;
  }
  .fininfo-logo {
    width: 8rem;
    max-width: 100%;
    height: auto;
  }
  .fininfo-hero-cta-wrapper {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}
/* SM: reduce top padding */
@media (min-width: 576px) and (max-width: 767.98px) {
  .fininfo-hero .fininfo-content {
    padding-top: 0rem !important;
  }
  .fininfo-logo {
    width: 8rem;
    max-width: 100%;
    height: auto;
  }
  .fininfo-hero-cta-wrapper {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}
/* XS: make feature tiles fill their parent width */
@media (max-width: 575.98px) {
  .fininfo-hero #tripleCollapseBody .fininfo-feature-tile {
    width: 100%;
  }
}
/* XS: make tiles truly full-width by removing wrapper/row/col constraints */
@media (max-width: 575.98px) {
  /* Remove inner wrapper padding added with !important earlier */
  .fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText {
    padding: 0 !important;
  }
  /* Remove gaps between columns and reset margins */
  .fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row {
    gap: 0;
    margin: 0;
  }
  /* Override custom 200px column constraint and Bootstrap gutters */
  .fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  /* Ensure the tile itself spans the full column */
  .fininfo-hero #tripleCollapseBody .fininfo-feature-tile {
    width: 100%;
    margin: 0;
  }
}
/* Dynamic help popup (Falcon) base (non‑blocking) */
.dynamic_popup {
  display: none;
  position: absolute;
  top: 80px;
  right: 50%;
  background-color: #6281C1 !important;
  color: #fff !important;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 2000; /* Above dropdowns, below any global overlay if present */
  max-width: 760px;
  width: min(94vw, 760px);
  pointer-events: none; /* allow background interaction except inside card */
  border-radius: 0.25rem;
}

.dynamic_popup.fin-help-open {
  pointer-events: none;
}

.dynamic_popup .shadowContentMain {
  pointer-events: auto; /* re-enable interaction inside */
  background: #6281C1 !important;
  color: #fff !important;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 1.1rem 2.2rem -0.5rem rgba(31, 42, 68, 0.25), 0 0 0 1px rgba(98, 129, 193, 0.08);
  box-shadow: 0 1.1rem 2.2rem -0.5rem rgba(31, 42, 68, 0.25), 0 0 0 1px rgba(98, 129, 193, 0.08);
  overflow: hidden;
}

.dynamic_popup .card-body {
  padding: 1rem 3rem 2rem;
  position: relative;
}

/* Content styling */
.dynamic_popup h6 {
  font-weight: 700;
  font-size: 0.9rem;
  color: #1f2a44;
  margin: 0;
}

.dynamic_popup p {
  font-size: 0.83rem;
  line-height: 1.25;
  margin-top: 0.35rem;
  margin-left: 1rem;
  margin-bottom: 0;
  font-weight: 500;
  color: white;
}

/* Close button: top-right positioned and white icon */
.dynamic_popup .btn-close.popup-close {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1;
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 1;
  color: #fff !important;
}

/* Optional: maintain white on hover/focus */
.dynamic_popup .btn-close.popup-close:hover,
.dynamic_popup .btn-close.popup-close:focus {
  -webkit-filter: invert(1) grayscale(100%) brightness(220%);
  filter: invert(1) grayscale(100%) brightness(220%);
  color: #fff !important;
  outline: 0;
}

/* Ensure feature tiles are equal height using flexbox */
.fininfo-hero-row #hiddenDivFininfoTileText .row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#hiddenDivFininfoTileText .col-12.col-sm-6.col-lg-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fininfo-feature-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.75rem;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0.375rem;
}

/* Equal-height feature tiles: correct selectors and force stretch */
.fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; /* was center */
}

/* Make each Bootstrap column a flex container so the tile can fill it */
.fininfo-hero #tripleCollapseBody #hiddenDivFininfoTileText > .row > [class*=col-] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* Let the tile fill the column height uniformly */
.fininfo-hero #tripleCollapseBody .fininfo-feature-tile {
  height: 100% !important; /* override earlier min-height:100% */
  min-height: auto !important; /* neutralize the min-height to allow equalization */
}

/*==============================================================

=== Financial Info - Other - echarts ===

==============================================================*/
.echart-legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /* top align marker and text */
}

.echart-legend-color {
  -ms-flex-item-align: start;
  align-self: flex-start; /* force marker to top */
  margin-top: 0; /* rely on align-self instead of margin */
}

.echart-legend-text {
  display: block; /* ensure proper multi-line wrapping */
  line-height: 1.15; /* stable line height */
}

.summaryCharts {
  position: relative;
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0.92)), to(rgba(255, 255, 255, 0.88)));
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.88));
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 0.9rem 1.5rem -0.75rem rgba(31, 42, 68, 0.18), 0 1px 0 rgba(98, 129, 193, 0.1);
  box-shadow: 0 0.9rem 1.5rem -0.75rem rgba(31, 42, 68, 0.18), 0 1px 0 rgba(98, 129, 193, 0.1);
  padding: 0.5rem 0.75rem 0.5rem; /* tight top/bottom to favor chart area */
}

.summaryCharts > .subTitleBlue {
  margin: 0.25rem 0.25rem 0.35rem;
  font-weight: 800;
}

.echart-pie-edge-align-chart {
  display: block;
  width: 100% !important;
  min-height: 420px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .echart-pie-edge-align-chart {
    min-height: 360px !important;
  }
}
@media (max-width: 575.98px) {
  .echart-pie-edge-align-chart {
    min-height: 300px !important;
  }
}
/* When legend renders vertically (lg+), keep good inner padding */
@media (min-width: 992px) {
  .summaryCharts {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
/* Provide a custom scroll area when legend is tall; ECharts may add wrappers */
.summaryCharts .legend-scroll-container,
.echarts-legend.echarts-scrollable {
  max-height: 360px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.summaryCharts .legend-scroll-container::-webkit-scrollbar,
.echarts-legend.echarts-scrollable::-webkit-scrollbar {
  width: 8px;
}

.summaryCharts .legend-scroll-container::-webkit-scrollbar-thumb,
.echarts-legend.echarts-scrollable::-webkit-scrollbar-thumb {
  background: rgba(98, 129, 193, 0.35);
  border-radius: 8px;
}

/* Slight stroke to improve inside-label legibility on colorful slices */
.summaryCharts .echart-pie-edge-align-chart text {
  paint-order: stroke;
  stroke: rgba(0, 0, 0, 0.18);
  stroke-width: 1.25px;
}

/* Tighten grid inside chart area if library attempts to add margins */
.summaryCharts .echarts { /* echarts root class if present */
  margin: 0 !important;
}

/* Provide better contrast for legend markers (if CSS-drawn) */
.echart-legend-color {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

/* Ensure ECharts DOM legend aligns items to top-left and marker is top-aligned */
.echarts-legend { /* base legend container */
  display: block;
}

.echarts-legend .echarts-legend-item,
.legend-item,
.echart-legend-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; /* vertical top alignment */
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; /* horizontal left alignment */
}

.echarts-legend .echarts-legend-item .echarts-legend-marker,
.echarts-legend .echarts-legend-item .legend-marker,
.echart-legend-color {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; /* keep color marker at top */
  margin-top: 0 !important;
}

.echarts-legend .echarts-legend-item .echarts-legend-label,
.echarts-legend .echarts-legend-item .legend-label,
.echart-legend-text {
  line-height: 1.15 !important;
  display: block !important;
}

/* ============================================================== 
   Split legend/chart layout + theming control
   ============================================================== */
.claims-chart {
  --claims-legend-text: #2b2f36;
  --claims-legend-swatch-border: rgba(0,0,0,.08);
  --claims-chart-bg: transparent;
  --claims-chart-border: rgba(0,0,0,.06);
  --claims-chart-radius: .75rem;
  --claims-color-1: #6281C1;
  --claims-color-2: #5AD8A6;
  --claims-color-3: #5D7092;
  --claims-color-4: #F6BD16;
  --claims-color-5: #E8684A;
  --claims-color-6: #6DC8EC;
  --claims-color-7: #9270CA;
  display: grid;
  grid-template-columns: 1fr 2fr; /* legend left, chart right */
  gap: 0.5rem 0.5rem; /* identical horizontal and vertical gap */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; /* vertical top alignment */
}

@media (max-width: 991.98px) {
  .claims-chart {
    grid-template-columns: 1fr; /* stack legend above chart on md and down */
  }
}
.claims-chart .echart-pie-edge-align-chart {
  background: var(--claims-chart-bg);
  border-radius: var(--claims-chart-radius);
  padding-left: 0.25rem; /* subtle guard against right-side cutoff */
}

.claims-legend-grid {
  display: grid;
  grid-template-columns: 1fr; /* single column */
  grid-auto-rows: minmax(0, auto);
  gap: 0.5rem 0.5rem; /* identical horizontal and vertical gap */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.claims-legend {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

.claims-legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /* keep swatch at top */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; /* push percentage to the right */
  gap: 0.5rem;
}

.claims-legend-color {
  width: 20px;
  height: 12px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px var(--claims-legend-swatch-border);
  box-shadow: inset 0 0 0 1px var(--claims-legend-swatch-border);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.claims-legend-text {
  display: block;
  color: var(--claims-legend-text);
  font-size: 0.7rem;
  line-height: 1.15;
  font-weight: 400;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.claims-legend-pct {
  font-size: 0.65rem;
  font-weight: 500;
  margin-right: auto;
  display: inline-block;
}

@media (min-width: 992px) {
  .claims-legend-text {
    font-weight: 500; /* semi-bold on lg and up */
  }
}
/* Optional: tighter chart height to maximize space without overflow */
.claims-chart .echart-pie-edge-align-chart {
  min-height: 480px;
}

@media (max-width: 991.98px) {
  .claims-chart .echart-pie-edge-align-chart {
    min-height: 360px;
  }
}
@media (max-width: 575.98px) {
  .claims-chart .echart-pie-edge-align-chart {
    min-height: 320px;
  }
}
/* ============================================================== 
   Persons Results - Modern Card Design
   ============================================================== */
.person-result-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.5rem;
  overflow: hidden;
}

.person-result-card:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.person-header {
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.person-header:hover {
  background-color: rgba(0, 123, 255, 0.02);
}

.person-toggle-btn {
  width: 1.2rem;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #6281C1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.person-toggle-btn:hover {
  color: #007bff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.person-toggle-btn i {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.person-toggle-btn[aria-expanded=true] i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.person-name {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.person-name:hover {
  color: #0056b3 !important;
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}

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

.badge {
  font-weight: 500;
  padding: 0.5rem 0.75rem;
}

.transition-all {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ============================================================== 
   Person Companies List - Modern Card Design
   ============================================================== */
.person-companies-list {
  padding: 0;
}

.company-item {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 0.5rem;
  overflow: hidden;
}

.company-item:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}

.rating-badge {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.9rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.rating-good {
  background: linear-gradient(-135deg, #28a745 0%, #20c997 100%);
  color: white;
}

.rating-medium {
  background: linear-gradient(-135deg, #ffc107 0%, #ffb700 100%);
  color: white;
}

.rating-low {
  background: linear-gradient(-135deg, #dc3545 0%, #c82333 100%);
  color: white;
}

.rating-warning {
  background: linear-gradient(-135deg, #ff6b6b 0%, #ee5a52 100%);
  color: white;
}

.rating-deleted {
  background: linear-gradient(-135deg, #6c757d 0%, #5a6268 100%);
  color: white;
}

.rating-unavailable {
  background: linear-gradient(-135deg, #17a2b8 0%, #138496 100%);
  color: white;
}

.rating-none {
  background: linear-gradient(-135deg, #e9ecef 0%, #dee2e6 100%);
  color: #6c757d;
}

.rating-number {
  font-size: 1rem;
  font-weight: 700;
}

.company-function .badge {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.2rem 0.4rem;
}

.company-name a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.company-name a:hover {
  color: #0056b3 !important;
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
}

.company-details {
  font-size: 0.85rem;
  line-height: 1.4;
}

.detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
}

.detail-item i {
  color: #6c757d;
  font-size: 0.85rem;
}

.detail-item a:hover {
  color: #007bff !important;
}

.company-item .btn-outline-primary {
  border-radius: 0.5rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.company-item .btn-outline-primary:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

/* Persons > connected companies: fininfo-blue outline action button */
.company-item .btn-outline-primary {
  border-color: #6281C1 !important;
  color: #6281C1 !important;
  background-color: transparent;
}

/* Ensure Font Awesome icon follows the anchor color */
.company-item .btn-outline-primary i,
.company-item .btn-outline-primary .svg-inline--fa,
.company-item .btn-outline-primary svg {
  color: inherit;
}

/* Hover/focus/active: blue background + white icon */
.company-item .btn-outline-primary:hover,
.company-item .btn-outline-primary:focus,
.company-item .btn-outline-primary:focus-visible,
.company-item .btn-outline-primary:active {
  background-color: #6281C1 !important;
  border-color: #6281C1 !important;
  color: #fff !important;
}

.inactive {
  opacity: 0.6;
}

@media (max-width: 767.98px) {
  .company-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem !important;
  }
  .detail-item {
    width: 100%;
  }
}
/* ============================================================== 
   Persons (_ResultPeople) - transitions/easing (matches Bootstrap-ish feel)
   ============================================================== */
.person-people-result-card {
  -webkit-transition: background-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: background-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}

.person-people-result-card .person-header {
  -webkit-transition: background-color 0.18s ease;
  transition: background-color 0.18s ease;
}

.person-people-result-card #toggleIcon,
.person-people-result-card [id^=toggleIcon] {
  -webkit-transition: color 0.18s ease, -webkit-transform 0.18s ease;
  transition: color 0.18s ease, -webkit-transform 0.18s ease;
  transition: transform 0.18s ease, color 0.18s ease;
  transition: transform 0.18s ease, color 0.18s ease, -webkit-transform 0.18s ease;
}

.person-people-result-card.is-expanded [id^=toggleIcon] {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* ============================================================== 
   Person People results (LinkedPeople) - collapse loading stability
   ============================================================== */
.person-people-result-card .collapse.is-loading .bg-light {
  min-height: 120px;
}

/* Persons results: connected companies badge (uniform width set by JS) */
.person-linked-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: right;
  white-space: nowrap;
}

/* =========================================================
   Person follow button (Bootstrap 5 compatible, modern)
   Depends on wrapper classes: .follow and .unfollow
   ========================================================= */
.fin-follow-btn .fin-follow-btn__link {
  background-color: #6281c1;
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-transition: background-color 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.05s ease;
  transition: background-color 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.05s ease;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, -webkit-box-shadow 0.15s ease, -webkit-transform 0.05s ease;
}

.fin-follow-btn .fin-follow-btn__link:hover {
  background-color: #5676ba;
  color: #ffffff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}

.fin-follow-btn .fin-follow-btn__link:active {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}

.fin-follow-btn.unfollow .fin-follow-btn__link {
  background-color: #eeeeee;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.fin-follow-btn.unfollow .fin-follow-btn__link:hover {
  background-color: #e3e3e3;
  color: #000000;
}

.fin-follow-btn .fin-follow-btn__icon {
  opacity: 0.95;
  font-size: 1.2rem;
  line-height: 1;
}

#toolbarPersons li.delete .icon-item .text-danger > img[src*="/Content/icons/izbrisi_kriterije_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

#toolbarPersons li.export .icon-item .text-danger > img[src*="/Content/icons/izvoz_podataka_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

#toolbarPersons li.save .icon-item .text-warning > img[src*="/Content/icons/pohrana_kriterija_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

/* ============================================================== 
   News page - icons for delete all, export ...
   ============================================================== */
#toolbarNews li.delete .icon-item .text-danger > img[src*="/Content/icons/izbrisi_kriterije_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

#toolbarNews li.export .icon-item .text-danger > img[src*="/Content/icons/izvoz_podataka_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

#toolbarNews li.save .icon-item .text-warning > img[src*="/Content/icons/pohrana_kriterija_icon.svg"] {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

/*Ivo Žic user customizations */
.fin-autofill-trap {
  position: absolute !important;
  right: -10000px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#analysisHolder {
  --fin-control-height: 58px;
}

.excel-export-icon a,
.excel-export-icon-ratios a {
  display: inline;
  white-space: normal;
}

.company-summary-demo .toolbar img[alt=PDF] {
  -webkit-filter: none;
  filter: none;
}

#headerFollowCompanies {
  cursor: default;
}

.fin-demo-follow:active, .fin-demo-follow:focus, .fin-demo-follow:focus-visible {
  color: inherit;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.fin-demo-premium-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fin-demo-premium-icon > a,
.fin-demo-premium-icon .note-indicator-inner,
.fin-demo-premium-icon img,
.fin-demo-premium-icon svg {
  pointer-events: none;
}

#businessSuccess .dd,
#businessSuccess .fa-circle-question,
#businessSuccess .deleteBtnIcon {
  cursor: default;
  pointer-events: none;
}
#businessSuccess button.demo-delete-row {
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#businessSuccess button.demo-delete-row:hover, #businessSuccess button.demo-delete-row:focus-visible {
  opacity: 0.35;
  outline: none;
}
#businessSuccess tr td:nth-child(2):not(.demo-cell-masked) {
  padding-left: 15px;
}
#businessSuccess td.demo-cell-masked {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  text-align: center;
  vertical-align: middle;
}
#businessSuccess td.demo-cell-masked .placeholder {
  cursor: default;
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(20%, #E9F1FA), color-stop(80%, #E9F1FA), to(transparent));
  background: linear-gradient(to left, transparent 0%, #E9F1FA 20%, #E9F1FA 80%, transparent 100%);
  opacity: 1;
  height: 0.875rem;
}

body .ui-widget,
body .ui-widget * {
  font-family: inherit;
}
body .ui-widget-overlay,
body .ui-dialog {
  display: none !important;
}

.mainSearchWide,
.mainSearchHolder,
.mainSearch,
#contentOneColumnHolder {
  position: static !important;
  width: auto !important;
  float: none !important;
  clear: both;
}

#feed-update-container {
  max-width: 100%;
}

#feed-update-container #feed-container,
#feed-update-container #items {
  max-width: 100%;
}

#feed-update-container .row {
  margin-right: 0;
  margin-left: 0;
}

#feed-update-container img {
  max-width: 100%;
  height: auto;
}

.fin-message-card .fin-message-card__icon, .fin-notfound .fin-message-card__icon,
.fin-no-data .fin-message-card__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border-radius: 999px;
  margin: 1rem auto 0;
  background: rgba(98, 129, 193, 0.12);
  color: #6281C1;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
  box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
}
.fin-message-card .fin-message-card__icon i, .fin-notfound .fin-message-card__icon i,
.fin-no-data .fin-message-card__icon i {
  font-size: 2rem;
  line-height: 1;
}
.fin-message-card .card, .fin-notfound .card,
.fin-no-data .card {
  border-radius: 0.875rem;
  overflow: hidden;
}

thead th:nth-child(3),
thead th:nth-child(4),
tbody td:nth-child(3),
tbody td:nth-child(4) {
  text-align: left;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum" 1;
  font-feature-settings: "tnum" 1;
}

#CitiesSelect ~ #clearPersonCity {
  left: var(--fin-clear-offset-x) !important;
}

.fin-autofill-trap input {
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  padding: 0 !important;
}

.navbar-toggle-icon .toggle-line,
.navbar-toggle-icon:before,
.navbar-toggle-icon:after {
  background-color: var(--falcon-gray-300);
}

.fin-companies-table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  --bs-table-cell-padding-y: 0.2rem;
}
.fin-companies-table th,
.fin-companies-table td {
  overflow: hidden;
}
.fin-companies-table thead th {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fin-companies-table td.company-name {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.fin-companies-table th.fin-companies-table__col-rating,
.fin-companies-table td.fin-companies-table__col-rating {
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
}
.fin-companies-table td.fin-companies-table__col-rating {
  position: relative;
}
.fin-companies-table td.fin-companies-table__col-rating > span.d-inline-flex {
  position: absolute;
  inset: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fin-companies-table .fin-companies-table__company-name {
  display: block;
  max-width: 100%;
}
.fin-companies-table .fin-companies-table__contact-icon {
  color: #6281C1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.fin-companies-table th:last-child,
.fin-companies-table td:last-child {
  border-right: 0 !important;
  border-left: 0 !important;
}

.fin-companies-table.fin-companies-table--xxl .fin-companies-table__company-name {
  max-width: 360px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(1),
.fin-companies-table.fin-companies-table--xxl td:nth-child(1) {
  width: 32px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(3),
.fin-companies-table.fin-companies-table--xxl td:nth-child(3) {
  width: 140px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(4),
.fin-companies-table.fin-companies-table--xxl td:nth-child(4) {
  width: 120px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(5),
.fin-companies-table.fin-companies-table--xxl td:nth-child(5) {
  width: 130px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(6),
.fin-companies-table.fin-companies-table--xxl td:nth-child(6) {
  width: 210px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(7),
.fin-companies-table.fin-companies-table--xxl td:nth-child(7),
.fin-companies-table.fin-companies-table--xxl th:nth-child(8),
.fin-companies-table.fin-companies-table--xxl td:nth-child(8) {
  width: 135px;
}
.fin-companies-table.fin-companies-table--xxl th:nth-child(9),
.fin-companies-table.fin-companies-table--xxl td:nth-child(9) {
  width: 110px;
}

@media (max-width: 767.98px) {
  .card-body.table-responsive.scrollbar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: visible;
    position: relative;
    isolation: isolate;
  }
  #companyDetails {
    font-size: 0.75rem;
    min-width: 640px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible !important;
  }
  #companyDetails th,
  #companyDetails td {
    overflow: visible;
  }
  #companyDetails thead th:first-child,
  #companyDetails tbody td.first {
    position: sticky;
    right: 0;
  }
  #companyDetails thead th:first-child {
    z-index: 30;
    background-color: var(--falcon-gray-100);
  }
  #companyDetails tbody td.first {
    z-index: 20;
    background-color: #fff;
    padding-right: 0 !important;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  #companyDetails.table-striped > tbody > tr:nth-of-type(odd) > td.first {
    background-color: var(--bs-table-striped-bg, rgba(0, 0, 0, 0.02)) !important;
  }
  #companyDetails.table-striped > tbody > tr:nth-of-type(even) > td.first {
    background-color: var(--bs-table-bg, #fff) !important;
  }
  #companyDetails.table-hover > tbody > tr:hover > td.first {
    background-color: var(--bs-table-hover-bg, rgba(98, 129, 193, 0.1)) !important;
  }
  #companyDetails tbody td.first::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 2px;
    background-color: #fff;
    pointer-events: none;
    z-index: 21;
  }
  #companyDetails.table-striped > tbody > tr:nth-of-type(odd) > td.first::after {
    background-color: var(--bs-table-striped-bg, rgba(0, 0, 0, 0.02)) !important;
  }
  #companyDetails.table-striped > tbody > tr:nth-of-type(even) > td.first::after {
    background-color: var(--bs-table-bg, #fff) !important;
  }
  #companyDetails.table-hover > tbody > tr:hover > td.first::after {
    background-color: var(--bs-table-hover-bg, rgba(98, 129, 193, 0.1)) !important;
  }
  #companyDetails thead th:first-child,
  #companyDetails tbody td.first {
    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);
  }
  #companyDetails thead th:first-child,
  #companyDetails tbody td.first {
    background-clip: padding-box;
  }
}
.fin-companies-table.fin-companies-table--xl .fin-companies-table__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  line-height: 1.15;
}
.fin-companies-table.fin-companies-table--xl .fin-companies-table__contact-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
  min-width: 0;
}
.fin-companies-table.fin-companies-table--xl .fin-companies-table__contact-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(1),
.fin-companies-table.fin-companies-table--xl td:nth-child(1) {
  width: 32px;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(3),
.fin-companies-table.fin-companies-table--xl td:nth-child(3) {
  width: 120px;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(4),
.fin-companies-table.fin-companies-table--xl td:nth-child(4) {
  width: 115px;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(5),
.fin-companies-table.fin-companies-table--xl td:nth-child(5) {
  width: 190px;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(6),
.fin-companies-table.fin-companies-table--xl td:nth-child(6),
.fin-companies-table.fin-companies-table--xl th:nth-child(7),
.fin-companies-table.fin-companies-table--xl td:nth-child(7) {
  width: 125px;
}
.fin-companies-table.fin-companies-table--xl th:nth-child(8),
.fin-companies-table.fin-companies-table--xl td:nth-child(8) {
  width: 105px;
}

.fin-companies-table__contact-icon {
  color: #6281C1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.fin-companies-card {
  border-radius: 0.875rem;
}
.fin-companies-card .fin-companies-table__contact-icon {
  color: #6281C1;
}

.fin-companies-card__label-key {
  color: #6281C1;
  font-weight: 500;
}

.fin-companies-card__company-link {
  color: #6281C1;
  font-weight: 700;
  text-decoration: none;
}
.fin-companies-card__company-link:hover {
  color: #6281C1;
  text-decoration: underline;
}

.fin-companies-card__city {
  color: #6281C1;
  display: block;
  font-weight: 600;
}

#map_canvas_static {
  display: block;
  width: 100%;
  height: auto;
}

.d-xl-none .fin-companies-card__rating .bonitet.a,
.d-xl-none .fin-companies-card__rating .bonitet.b,
.d-xl-none .fin-companies-card__rating .bonitet.c,
.d-xl-none .fin-companies-card__rating .bonitet.d,
.d-xl-none .fin-companies-card__rating .bonitet.e,
.d-xl-none .fin-companies-card__rating .bonitet.f {
  background-position: right center;
  margin-right: -7px;
}

@media (min-width: 1200px) {
  .fin-companies-card__rating .icon01,
  .fin-companies-card__rating .icon02,
  .fin-companies-card__rating .icon03,
  .fin-companies-card__rating .icon04,
  .fin-companies-card__rating .icon05,
  .fin-companies-card__rating .bonitet.a,
  .fin-companies-card__rating .bonitet.b,
  .fin-companies-card__rating .bonitet.c,
  .fin-companies-card__rating .bonitet.d,
  .fin-companies-card__rating .bonitet.e,
  .fin-companies-card__rating .bonitet.f {
    background-position: center;
    margin-right: 0;
  }
}
.fin-companies-card--mdlg {
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.fin-companies-card--mdlg:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08) !important;
}
.fin-companies-card--mdlg .fin-companies-card__rating {
  line-height: 1;
}
.fin-companies-card--mdlg .fin-companies-card__row {
  min-width: 0;
}

.fin-companies-card__contact {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.35rem;
  min-width: 0;
}

.fin-companies-card__contact-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .fin-companies-table.fin-companies-table--xl {
    --bs-table-cell-padding-x: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .fin-company-chart-host {
    height: auto !important;
    aspect-ratio: 259/135;
  }
  .fin-company-chart-host .chart {
    height: 100% !important;
  }
}
.fin-company-sticker-card {
  border-radius: 0.875rem;
  background-color: var(--falcon-gray-100);
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.fin-company-sticker-card:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08) !important;
}
.fin-company-sticker-card i.bi {
  font-size: 1.1rem;
  color: #6281C1;
}
.fin-company-sticker-card .text-body-secondary.d-inline-flex.align-items-center {
  gap: 5px !important;
}
.fin-company-sticker-card .fin-company-sticker-contact-row {
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.fin-company-sticker-card .fin-company-sticker-contact-row a,
.fin-company-sticker-card .fin-company-sticker-contact-row .text-truncate {
  min-width: 0;
}
.fin-company-sticker-card .fin-company-sticker-rating {
  line-height: 1;
}

.fin-company-chart-host.fin-company-chart-no-data {
  background-color: #fff !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fin-company-chart-col {
  width: 100%;
  min-width: 0;
}

@media (max-width: 767.98px) {
  .fin-company-chart-col {
    width: 100% !important;
    min-width: 0 !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .fin-company-chart-host {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .fin-company-chart-col {
    width: 259px;
    min-width: 259px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 259px;
    flex: 0 0 259px;
  }
}
.sticker-chart {
  width: 100%;
  height: 132px;
}

.navbar-toggler-humburger-icon:focus .navbar-toggle-icon .toggle-line,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon:before,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon:after,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon .toggle-line,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon:before,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon:after {
  background-color: var(--falcon-gray-700) !important;
}

.contentNav .card ul.pagination {
  gap: 0.25rem;
  --bs-pagination-bg: rgba(255, 255, 255, 0.75);
  --bs-pagination-border-color: transparent;
  --bs-pagination-hover-bg: rgba(98, 129, 193, 0.10);
  --bs-pagination-hover-border-color: rgba(98, 129, 193, 0.20);
  --bs-pagination-disabled-bg: rgba(255, 255, 255, 0.5);
  --bs-pagination-disabled-border-color: transparent;
}
.contentNav .card ul.pagination .page-link {
  border-radius: 999px;
  border-width: 1px;
}
.contentNav .card ul.pagination .page-item:first-child .page-link,
.contentNav .card ul.pagination .page-item:last-child .page-link {
  border-radius: 999px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contentNav .fin-proc-contentnav__controls {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .contentNav .fin-proc-contentnav__controls > .fin-proc-contentnav__page-size,
  .contentNav .fin-proc-contentnav__controls > .fin-proc-contentnav__view-type,
  .contentNav .fin-proc-contentnav__controls > .fin-proc-contentnav__sort,
  .contentNav .fin-proc-contentnav__controls > .fin-proc-contentnav__order {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0px !important;
    flex: 1 1 0 !important;
    width: 0 !important;
  }
  .contentNav #CompaniesViewTypeSelect + .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
  .contentNav #CompaniesSortSelect + .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-left: 1.75rem !important;
  }
  .contentNav #CompaniesViewTypeSelect + .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow,
  .contentNav #CompaniesSortSelect + .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    width: 1.75rem;
  }
}
/* ------------------------------------------------------------------
   Companies: Select2 FOUC prevention

   When `#companiesResultWrapper` is populated via Ajax, opt-in selects
   (`data_fin_select2="true"`) can briefly render as native selects before
   Select2 initializes. Hide them until Select2 applies
   `.select2-hidden-accessible`, with a short fallback reveal.
------------------------------------------------------------------- */
@-webkit-keyframes fin-companies-select2-fallback-show {
  to {
    opacity: 1;
  }
}
@keyframes fin-companies-select2-fallback-show {
  to {
    opacity: 1;
  }
}
#searchFormCompany select[data_fin_select2=true]:not(.select2-hidden-accessible),
#searchFormCompany select[data-fin-select2=true]:not(.select2-hidden-accessible),
#companiesResultWrapper select[data_fin_select2=true]:not(.select2-hidden-accessible),
#companiesResultWrapper select[data-fin-select2=true]:not(.select2-hidden-accessible) {
  opacity: 0;
  -webkit-animation: fin-companies-select2-fallback-show 0s linear 700ms forwards;
  animation: fin-companies-select2-fallback-show 0s linear 700ms forwards;
}

.fin-btn-register {
  background-color: #6281C1;
  border: 1px solid #6281C1;
  color: #fff;
}
.fin-btn-register:hover, .fin-btn-register:focus {
  background-color: #fff;
  border-color: #6281C1;
  color: #6281C1;
}
.fin-btn-register:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(98, 129, 193, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(98, 129, 193, 0.25);
}

#learnHolder .fininfo-elearning-row {
  margin-inline: 0;
  padding-inline: 1rem;
}
#learnHolder .fininfo-elearning-inner-row {
  margin-inline: 0;
}

#blogsHolder .fininfo-blog-header {
  white-space: nowrap;
}
#blogsHolder .fininfo-blog-header__icon {
  height: 1em;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
}

#blogMenu .fininfo-blog-tab-icon {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
}

#dictionaryHolder .fininfo-dict-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 160px;
}
#dictionaryHolder .fininfo-dict-pills {
  padding-bottom: 0.25rem;
}
#dictionaryHolder .fininfo-dict-letter-link.nav-link {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--falcon-gray-200);
  background-color: var(--falcon-gray-100);
  color: var(--falcon-gray-900);
}
#dictionaryHolder .fininfo-dict-letter-link.nav-link.active {
  background-color: var(--falcon-primary);
  border-color: var(--falcon-primary);
  color: #fff;
}

@media (max-width: 575.98px) {
  #dictionaryHolder .fininfo-dict-pills {
    overflow: visible;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #dictionaryHolder .fininfo-dict-letter-link.nav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    white-space: normal;
    border-radius: 999px;
  }
  #dictionaryHolder .fininfo-dict-letter-link.nav-link.active {
    padding-inline: 1.25rem;
  }
}
@media (min-width: 768px) {
  #dictionaryHolder .fininfo-dict-sticky {
    position: sticky;
    top: 160px;
  }
}
@media (max-width: 767.98px) {
  #dictionaryHolder .fininfo-dict-sticky {
    position: static;
  }
  #dictionaryHolder .fininfo-dict-letter .avatar-xl {
    width: 2.75rem;
    height: 2.75rem;
  }
}
#lesonsHolder .elearning-module-card__icon {
  display: block;
  max-width: 150px;
  height: auto;
}
#lesonsHolder .elessons-module-item__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: clamp(64px, 20vw, 150px);
}
#lesonsHolder .elessons-module-item__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

@media (max-width: 767.98px) {
  #learnHolder .elearning-module-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #learnHolder .elearning-module-card__img.card-img-top {
    width: auto;
    padding-inline: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 1.1rem !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  #learnHolder .elearning-module-card__icon {
    width: 4rem !important;
    max-width: 4rem !important;
    height: auto !important;
  }
  #learnHolder .elearning-module-card__body.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
  }
}
.menu.navbar-collapse .navbar-nav .nav-item:last-child {
  -webkit-border-end: 0 !important;
  border-inline-end: 0 !important;
}
.menu.navbar-collapse .navbar-nav .nav-item .nav-link {
  background-color: transparent !important;
}

.analysisChartDisplayHolder .form-floating > select.select2-hidden-accessible ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  line-height: 1.5 !important;
  padding-top: 1.35rem !important;
  padding-bottom: 0 !important;
}
.analysisChartDisplayHolder .chartHolder {
  position: relative;
}
.analysisChartDisplayHolder .chartHolder .demo-chart-block-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: default;
}

.fin-contact-page .fin-contact-header {
  background: linear-gradient(-135deg, #6281C1 0%, #4060a7 100%);
}
.fin-contact-page .card-body {
  background-color: #f8f9fb;
}
.fin-contact-page .fin-contact-icon-wrap {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 0.5rem;
  padding: 0.35rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.fin-contact-page .fin-contact-addon {
  background-color: #f8f9fa;
  color: #6281C1;
  border-left: none;
  width: var(--fin-control-height);
  height: var(--fin-control-height);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.fin-contact-page .fin-contact-addon i {
  font-size: 0.875rem;
  line-height: 1;
}
.fin-contact-page .fin-contact-input {
  border-right: none;
}
.fin-contact-page .fin-contact-input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}
.fin-contact-page .fin-contact-input::-moz-placeholder {
  color: #495057;
  opacity: 1;
}
.fin-contact-page .fin-contact-input:-ms-input-placeholder {
  color: #495057;
  opacity: 1;
}
.fin-contact-page .fin-contact-input::-ms-input-placeholder {
  color: #495057;
  opacity: 1;
}
.fin-contact-page .fin-contact-input::placeholder {
  color: #495057;
  opacity: 1;
}
.fin-contact-page .fin-contact-input:focus {
  border-color: #6281C1;
  -webkit-box-shadow: 0 0 0 0.15rem rgba(98, 129, 193, 0.18);
  box-shadow: 0 0 0 0.15rem rgba(98, 129, 193, 0.18);
}
.fin-contact-page textarea.fin-contact-input {
  height: auto !important;
  min-height: 200px !important;
  border-right: 1px solid var(--bs-border-color, #ced4da);
}
.fin-contact-page .fin-contact-field-wrap:focus-within .fin-contact-addon {
  border-color: #6281C1;
  background-color: rgba(98, 129, 193, 0.08);
  color: #4060a7;
}
.fin-contact-page .fin-contact-submit {
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.fin-contact-page .fin-contact-submit:hover {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 5px 14px rgba(98, 129, 193, 0.35);
  box-shadow: 0 5px 14px rgba(98, 129, 193, 0.35);
}
.fin-contact-page .fin-contact-submit:active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.fin-contact-page i {
  color: #6281C1;
}
.fin-contact-page .fin-contact-submit i {
  color: inherit;
}

.fin-contact-field-wrap.fin-required {
  position: relative;
}
.fin-contact-field-wrap.fin-required::after {
  content: "*";
  position: absolute;
  top: 50%;
  left: 0.65rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #dc3545;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1;
  pointer-events: none;
  z-index: 5;
}

.fin-contact-field-wrap.fin-required:has(textarea)::after {
  top: 0.75rem;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/* ==================================================================
   Fininfo Table Styles (fininfoAktiva & businessSuccess)
   ================================================================== */
:root table thead th {
  background: #6281C1 !important;
  color: #fff !important;
}

.first-col-left tr > th:first-child,
.first-col-left tr > td:first-child {
  text-align: right !important;
}

/* ==================================================================
   GLOBAL RULE: headers must NOT change on hover (all tables)
   - keep header background as-is on hover/focus/active
   ================================================================== */
:root table thead th:hover,
:root table thead th:focus,
:root table thead th:active {
  background: #6281C1 !important;
  color: #fff !important;
}

/* ==================================================================
   Lex Agrokor OtherClaims table: header alignment & icon layout
   - Left align header text
   - Keep icon on the same line as text, right-aligned (no wrap)
   ================================================================== */
#claimsListContainerLexAgrokorTable #traziPoduzeca thead th {
  text-align: right !important;
  vertical-align: middle !important;
}

#claimsListContainerLexAgrokorTable #traziPoduzeca thead th .th-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; /* text grows, icon pushed right via margin-left:auto */
  gap: 0.375rem;
  /* allow text to wrap inside its own box while keeping icon on the same flex line */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%; /* ensure icon can align to the far right of the header cell */
}

#claimsListContainerLexAgrokorTable #traziPoduzeca thead th .th-text {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; /* take available space */
  min-width: 0; /* allow flex item to shrink and wrap */
  white-space: normal; /* allow wrapping */
  overflow-wrap: anywhere;
  word-break: normal;
}

#claimsListContainerLexAgrokorTable #traziPoduzeca thead th .th-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto; /* push to the right */
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; /* prevent shrinking/wrapping */
}

#claimsListContainerLexAgrokorTable #traziPoduzeca thead th .th-icon i {
  font-size: 0.75em;
  line-height: 1;
}

#claimsListContainerLexAgrokorTable #traziPoduzeca thead th.sort::after {
  content: none !important; /* hide default sort arrow */
}

/* Expand the 8th column (Date) by +1rem via width, not padding (to keep icon aligned right) */
#claimsListContainerLexAgrokorTable #traziPoduzeca thead th:nth-child(8),
#claimsListContainerLexAgrokorTable #traziPoduzeca tbody td:nth-child(8) {
  min-width: 8rem; /* base 7rem + 1rem */
}

/* Enforce min-width for columns 4..last */
#claimsListContainerLexAgrokorTable #traziPoduzeca thead th:nth-child(n+4),
#claimsListContainerLexAgrokorTable #traziPoduzeca tbody td:nth-child(n+4) {
  min-width: 7rem;
}

/* Ensure toolbar tabs container grows when it wraps (override inline fixed height) */
#listControlsTemplate {
  height: auto !important; /* allow multi-line height */
  min-height: 2.2rem; /* keep original single-line height */
}

/* Responsive modern horizontal delimiter */
.fin-divider {
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(98, 129, 193, 0.55)), color-stop(80%, rgba(98, 129, 193, 0.55)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(98, 129, 193, 0.55) 20%, rgba(98, 129, 193, 0.55) 80%, rgba(0, 0, 0, 0) 100%);
  margin: 2rem 0 0.5rem 0;
}

@media (max-width: 767.98px) {
  .fin-divider {
    margin: 0.75rem 0 0.5rem 0;
  }
}
@media (max-width: 575.98px) {
  .fin-divider {
    margin: 0.5rem 0 0.5rem 0;
  }
}
/* Modern standout headline styling */
.fin-headline {
  font-size: clamp(0.85rem, 1.8vw, 1.15rem);
  font-weight: 600;
  color: #2b2f36;
  letter-spacing: 0.01em;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  padding-right: 0.8rem;
}

.fin-headline::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; /* span full height even when the headline wraps */
  width: 0.3rem;
  border-radius: 0.15rem;
  background: #6281C1;
}

/* ==================================================================
   OtherClaimsTable in _OtherClaimsTable.cshtml only
   Allow header text wrap on small and extra small screens
   ================================================================== */
@media (max-width: 767.98px) {
  #claimsListContainer #traziPoduzeca thead th {
    white-space: normal !important; /* override global nowrap */
    overflow-wrap: anywhere; /* allow breaks inside long words if needed */
    word-break: normal; /* keep default word boundaries */
    -ms-hyphens: auto;
    hyphens: auto; /* enable hyphenation where supported */
  }
}
/* Explicit icon layout for header cells in _OtherClaimsTable.cshtml */
#claimsListContainer #traziPoduzeca thead th .th-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 0.375rem;
}

#claimsListContainer #traziPoduzeca thead th .th-text {
  display: inline-block;
}

#claimsListContainer #traziPoduzeca thead th .th-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

/* Smaller sort icon size for _OtherClaimsTable.cshtml header */
#claimsListContainer #traziPoduzeca thead th .th-icon i {
  font-size: 0.75em;
  line-height: 1;
}

/* Hide pseudo arrow when explicit icon is present */
#claimsListContainer #traziPoduzeca thead th.sort::after {
  content: none !important;
}

@media (max-width: 575.98px) {
  #claimsListContainer #traziPoduzeca thead th {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
/* ==================================================================
   OtherClaimsTable in _OtherClaimsTable.cshtml only
   Limit width of columns 5 and 6 to max 5rem
   Scoped via #claimsListContainer to avoid affecting other tables using the same id
   ================================================================== */
#claimsListContainer #traziPoduzeca thead th:nth-child(5),
#claimsListContainer #traziPoduzeca thead th:nth-child(6) {
  max-width: 6.3rem;
}

#claimsListContainer #traziPoduzeca tbody td:nth-child(5),
#claimsListContainer #traziPoduzeca tbody td:nth-child(6) {
  max-width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root .table-light, [data-bs-theme=light] .table-light {
  --falcon-table-bg: #fff;
}

/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) - expand first column by 1rem
   ================================================================== */
/* Desktop and larger: ensure the first column has at least 1rem width */
#traziPoduzeca thead th:nth-child(1),
#traziPoduzeca tbody td:nth-child(1) {
  min-width: 2.2rem;
}

/* Mobile (≤767.98px): add 1rem to the sticky first column width variable */
@media (max-width: 767.98px) {
  #traziPoduzeca {
    --trazi-first-col-width: calc(2.5rem + 1rem);
  }
}
.fininfoGenericDataTable,
#businessSuccess,
#fininfoAktiva {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-collapse: separate;
  border-spacing: 0;
}

.fininfoGenericDataTable thead th,
#businessSuccess thead th,
#fininfoAktiva thead th {
  background: #6281C1 !important;
  color: #fff !important;
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 0.6rem 0.75rem;
  border-bottom: 0;
  white-space: nowrap;
}

.fininfoGenericDataTable thead th + th,
.fininfoGenericDataTable th + th,
#businessSuccess thead th + th,
#fininfoAktiva thead th + th {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.fininfoGenericDataTable tbody td td,
#businessSuccess tbody td td,
#fininfoAktiva tbody tr td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #eef1f5;
  vertical-align: middle;
  background: transparent;
}
.fininfoGenericDataTable tbody td :first-child,
#businessSuccess tbody td :first-child,
#fininfoAktiva tbody tr :first-child {
  background-color: white;
}

.fininfoGenericDataTable tbody tr.odd,
#businessSuccess tbody tr.odd,
#fininfoAktiva tbody tr.odd {
  background: #fff;
}

.fininfoGenericDataTable tbody tr.even,
#businessSuccess tbody tr.even,
#fininfoAktiva tbody tr.even {
  background: #f7f9fc;
}

.fininfoGenericDataTable td.number,
#fininfoAktiva td.number {
  text-align: left;
  font-variant-numeric: tabular-nums;
}

.fininfoGenericDataTable td.first,
#businessSuccess td.first,
#fininfoAktiva td.first {
  color: rgba(var(-- #falcon-link-color-rgb), var(-- #falcon-link-opacity, 1));
  font-weight: 600;
  color: #2b2f36;
}

.fininfoGenericDataTable tfoot td,
#businessSuccess tfoot td,
#fininfoAktiva tfoot td {
  background: #fff;
  border-top: 1px solid #e9ecef;
}

.fininfoGenericDataTable thead th input,
#businessSuccess thead th input,
#fininfoAktiva thead th input {
  color: #fff;
}

/* --------------------------------------------------------------
   Specific styles for #fininfoAktiva table
   -------------------------------------------------------------- */
.fininfoGenericDataTable th,
#fininfoAktiva th {
  text-align: left;
  background: #6281C1 !important;
  color: #fff !important;
  font-weight: 700;
  border: none;
  padding: 0.55rem 0.7rem;
  line-height: 1.2;
}

.fininfoGenericDataTable th.number,
#fininfoAktiva th.number {
  text-align: left;
}

.fininfoGenericDataTable tr > th:first-child,
.fininfoGenericDataTable th.first,
#fininfoAktiva tr > th:first-child,
#fininfoAktiva th.first {
  text-align: right !important;
}

.fininfoGenericDataTable tr.even th,
.fininfoGenericDataTable tr.odd th,
#fininfoAktiva tr.even th,
#fininfoAktiva tr.odd th {
  background: #6281C1 !important;
  color: #fff !important;
}

/* --------------------------------------------------------------
   Financial template column delete button styling
   -------------------------------------------------------------- */
#fininfoAktiva .fininfo-period-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.45rem;
  position: relative;
}

#fininfoAktiva .deleteFinancialInfoTemplateColumn span {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  pointer-events: none;
}

/* Prefer the span if present: ensure it is visible and centered */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn span {
  display: inline-block; /* allow intrinsic size */
  line-height: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; /* no vertical offset */
  pointer-events: none; /* keep click on the button */
  color: #6281C1; /* Fininfo blue for contrast on light circle */
  font-weight: 700; /* crisper glyph */
}

/* Larger tap target on touch devices while preserving circle */
@media (pointer: coarse) {
  #fininfoAktiva th .deleteFinancialInfoTemplateColumn {
    --fininfo-del-size: clamp(1.15rem, 3vw, 1.4rem);
  }
}
/* ==================================================================
   Sticky first two columns for #fininfoAktiva on md and smaller
   ================================================================== */
/* Variables to control sticky column widths */
#fininfoAktiva {
  /* tune widths if needed */
  --fininfo-first-col-width: 220px;
  --fininfo-second-col-width: 56px;
}

/* Ensure the scroll container is the Bootstrap table-responsive wrapper */
.table-responsive {
  overflow-x: auto;
  /* WebKit scrollbar styling */
  /* Firefox scrollbar styling */
  scrollbar-color: #6281C1 #eef1f5;
  scrollbar-width: thin;
}
.table-responsive::-webkit-scrollbar {
  height: 10px;
}
.table-responsive::-webkit-scrollbar-track {
  background-color: #eef1f5;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #6281C1;
  border-radius: 6px;
}

/* Apply stickiness only on md and smaller screens */
@media (max-width: 992px) {
  /* Create a containing context for sticky positioning */
  #fininfoAktiva {
    position: relative;
    border-collapse: separate; /* already set globally, keep separation for sticky */
  }
  /* Title header cell that spans two columns (th.first[colspan="2"]) */
  #fininfoAktiva th.first {
    position: sticky;
    right: 0;
    z-index: 4; /* above other cells */
    background: #6281C1 !important; /* keep opaque to hide underlying content */
    /* visual separation from scrolled content */
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
    min-width: calc(var(--fininfo-first-col-width) + var(--fininfo-second-col-width));
  }
  /* First data column: the name cell */
  #fininfoAktiva tbody td:first-child {
    position: sticky;
    right: 0;
    z-index: 3;
    background: #fff; /* opaque so scrolled cells do not show through */
    min-width: var(--fininfo-first-col-width);
    /* divider on the right edge */
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
  }
  /* Second data column: the delete cell (class="dd") */
  #fininfoAktiva tbody td.dd {
    position: sticky;
    right: var(--fininfo-first-col-width);
    z-index: 3;
    background: #fff; /* opaque */
    min-width: var(--fininfo-second-col-width);
    /* stronger divider to separate sticky block from scrollable columns */
    -webkit-box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.08);
    text-align: center;
  }
  /* Stable widths for sticky columns */
  #fininfoAktiva {
    --fininfo-first-col-width: 130px; /* keep or adjust */
    --fininfo-second-col-width: 20px; /* adjust to desired narrow size */
  }
  #fininfoAktiva tbody td:first-child {
    width: var(--fininfo-first-col-width);
    min-width: var(--fininfo-first-col-width);
    max-width: var(--fininfo-first-col-width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fininfoAktiva tbody td.dd {
    position: sticky;
    right: var(--fininfo-first-col-width);
    width: var(--fininfo-second-col-width);
    min-width: var(--fininfo-second-col-width);
    max-width: var(--fininfo-second-col-width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.08);
  }
  /* Period header cells (non-sticky) remain scrollable; ensure proper layering */
  #fininfoAktiva th.number {
    z-index: 1;
  }
  /* Non-sticky numeric cells stay behind sticky ones */
  #fininfoAktiva td.number {
    z-index: 1;
    background: transparent; /* keep default; covered by sticky backgrounds when under */
  }
  /* Improve hover row bg interplay with sticky cells */
  #fininfoAktiva tbody tr:hover td:first-child,
  #fininfoAktiva tbody tr:hover td.dd {
    background: rgba(98, 129, 193, 0.08) !important;
  }
}
#fininfoAktiva tr > td:first-child {
  font-weight: 600;
  line-height: 1;
  font-size: 0.8rem;
}

@media (max-width: 991.98px) {
  #fininfoAktiva tr > td:first-child {
    font-size: 0.6944444444rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}
#fininfoAktiva th .deleteFinancialInfoTemplateColumn {
  position: relative;
}

#fininfoAktiva th .deleteFinancialInfoTemplateColumn span {
  display: none;
}

#fininfoAktiva th .deleteFinancialInfoTemplateColumn:hover::before,
#fininfoAktiva th .deleteFinancialInfoTemplateColumn:focus::before {
  color: #fff;
}

/* Global responsive text scaling for all table header cells (th) */
/* Tuning variables */
:root {
  --tbl-th-scale-md: 0.92;
  --tbl-th-scale-sm: 0.86;
  --tbl-th-scale-xs: 0.80;
}

/* Medium (≤991.98px): slight reduction */
@media (max-width: 991.98px) {
  table thead th,
  table th {
    font-size: calc(1em * var(--tbl-th-scale-md));
    line-height: 1.15;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
/* Small (≤767.98px): stronger reduction */
@media (max-width: 767.98px) {
  table thead th,
  table th {
    font-size: calc(1em * var(--tbl-th-scale-sm));
    line-height: 1.1;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }
}
/* Extra small (≤575.98px): tightest */
@media (max-width: 575.98px) {
  table thead th,
  table th {
    font-size: calc(1em * var(--tbl-th-scale-xs));
    line-height: 1.05;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
/* Responsive font-size reduction for numeric cells (td.number) */
:root {
  --tbl-num-scale-md: 0.92;
  --tbl-num-scale-sm: 0.86;
  --tbl-num-scale-xs: 0.80;
}

/* Medium (≤991.98px): slight reduction */
@media (max-width: 991.98px) {
  #businessSuccess td.number,
  #businessSuccess th.number,
  #fininfoAktiva td.number,
  #fininfoAktiva th.number {
    font-size: calc(1em * var(--tbl-num-scale-md)) !important;
    line-height: 1.15;
  }
}
/* Small (≤767.98px): stronger reduction */
@media (max-width: 767.98px) {
  #businessSuccess td.number,
  #businessSuccess th.number,
  #fininfoAktiva td.number,
  #fininfoAktiva th.number {
    font-size: calc(1em * var(--tbl-num-scale-sm)) !important;
    line-height: 1.1;
    letter-spacing: 0.01em; /* improves legibility for smaller tabular nums */
  }
}
/* Extra small (≤575.98px): tightest */
@media (max-width: 575.98px) {
  #businessSuccess td.number,
  #businessSuccess th.number,
  #fininfoAktiva td.number,
  #fininfoAktiva th.number {
    font-size: calc(1em * var(--tbl-num-scale-xs)) !important;
    line-height: 1.05;
  }
}
/* Always center the delete cell as a true table-cell (do NOT use flex here) */
#fininfoAktiva tbody td.dd {
  display: table-cell; /* restore reliable table layout */
  vertical-align: middle; /* vertical center in the row */
  text-align: center; /* horizontal center */
  /* keep base td vertical rhythm so row heights remain consistent */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: inherit; /* if .fi-row applies elsewhere, do not fight it */
}

/* md and smaller: keep sticky but ensure border continuity and remove side divider */
@media (max-width: 992px) {
  #fininfoAktiva tbody td.dd {
    position: sticky;
    right: var(--fininfo-first-col-width);
    width: var(--fininfo-second-col-width);
    min-width: var(--fininfo-second-col-width);
    max-width: var(--fininfo-second-col-width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    background: #fff;
    border-bottom: 1px solid #eef1f5 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 1.5rem;
  }
  #fininfoAktiva tbody td:first-child {
    border-bottom: 1px solid #eef1f5 !important;
  }
}
/* Header delete button: show only white × from span, no circle background */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn {
  display: inline-block; /* no grid or flex needed */
  padding: 0;
  background: transparent; /* remove circle */
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

/* Remove any pseudo content fallback (no circle, no extra ×) */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn::before {
  content: none;
}

/* Remove earlier circle-specific rules (size, aspect-ratio, border-radius, etc.) on touch too */
@media (pointer: coarse) {
  #fininfoAktiva th .deleteFinancialInfoTemplateColumn {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/* Cleanup: remove previous overrides that hid span or recolored pseudo */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn span {
  /* override any earlier 'display: none' */
  display: inline-block;
}

/* Optional: keep the subtle hover of header cell itself, but not for the button */
#fininfoAktiva th:hover .deleteFinancialInfoTemplateColumn:not(:hover) {
  background: transparent;
}

/* Remove hover effect on header cells with class="number" */
#businessSuccess tr:hover th.number,
#fininfoAktiva tr:hover th.number,
#businessSuccess th.number:hover,
#fininfoAktiva th.number:hover,
#businessSuccess th.number:focus,
#fininfoAktiva th.number:focus {
  background: #6281C1 !important; /* match default header background */
  color: #fff !important; /* match default header text color */
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Ensure delete column link remains visible when hovering th.number */
#fininfoAktiva th.number {
  position: relative; /* create stacking context */
}

#fininfoAktiva th.number .deleteFinancialInfoTemplateColumn {
  position: relative;
  z-index: 2; /* above header background/content */
  opacity: 1; /* never fade on hover */
  visibility: visible; /* never hide on hover */
}

#fininfoAktiva th.number:hover .deleteFinancialInfoTemplateColumn,
#fininfoAktiva tr:hover th.number .deleteFinancialInfoTemplateColumn {
  background: transparent !important; /* no circle reintroduced */
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Keep the × white and unaffected by hover */
#fininfoAktiva th.number .deleteFinancialInfoTemplateColumn span {
  color: #fff !important;
}

/* Center the span and slightly enlarge the click target */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; /* enable centering */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; /* vertical center */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; /* horizontal center */
  padding: 2px 4px; /* small padding to enlarge hit area */
  min-width: 18px; /* keep a reasonable minimum */
  min-height: 18px;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  line-height: 1; /* avoid vertical misalignment */
}

#fininfoAktiva th .deleteFinancialInfoTemplateColumn span {
  display: inline-block;
  color: #fff; /* white × */
  font-weight: 700;
  line-height: 1; /* crisp glyph */
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  pointer-events: none; /* keep click on anchor */
}

/* Keep visible on hover states */
#fininfoAktiva th.number:hover .deleteFinancialInfoTemplateColumn,
#fininfoAktiva tr:hover th.number .deleteFinancialInfoTemplateColumn {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover: make the × inside span red on delete link hover */
#fininfoAktiva th .deleteFinancialInfoTemplateColumn:hover span {
  color: #dc3545 !important; /* red */
}

/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) header and second column centering
   ================================================================== */
/* Center all header cells horizontally and vertically */
#traziPoduzeca thead th {
  text-align: center;
  vertical-align: middle !important; /* override Bootstrap's bottom align */
}

/* Override header alignment for specific columns in _OtherClaimsTable.cshtml only */
#claimsListContainer #traziPoduzeca thead th:nth-child(3),
#claimsListContainer #traziPoduzeca thead th:nth-child(4),
#claimsListContainer #traziPoduzeca thead th:nth-child(8) {
  text-align: right !important;
}

/* Override header alignment for specific columns in _OtherClaims.cshtml (secured list) */
#otherClaimsSecuredList #traziPoduzeca thead th:nth-child(3),
#otherClaimsSecuredList #traziPoduzeca thead th:nth-child(4),
#otherClaimsSecuredList #traziPoduzeca thead th:nth-child(7) {
  text-align: right !important;
}

/* In the table body, center only the second column (icon column) */
#traziPoduzeca tbody td:nth-child(2) {
  /*    text-align: center;
      vertical-align: middle !important;*/
}

/* Remove horizontal padding on the 2nd column (sm and xs screens) */
@media (max-width: 767.98px) {
  #traziPoduzeca thead th:nth-child(2),
  #traziPoduzeca tbody td:nth-child(2) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
/* Remove horizontal padding on the 1st column (sm and xs screens) */
@media (max-width: 767.98px) {
  #traziPoduzeca thead th:nth-child(1),
  #traziPoduzeca tbody td:nth-child(1) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
table#connectedCompanies td.icon01, table#connectedCompanies td.icon02, table#connectedCompanies td.icon03, table#connectedCompanies td.icon04, table#connectedCompanies td.icon05, table#connectedCompanies td.icon06, table#connectedCompanies td.icon07, table#connectedCompanies td.icon08, table#competitors td.icon01, table#competitors td.icon02, table#competitors td.icon03, table#competitors td.icon04, table#competitors td.icon05, table#competitors td.icon06, table#competitors td.icon07, table#competitors td.icon08 {
  width: 24px;
  background: 100% 0 no-repeat;
}

table#followPoduzeca td.icon01, table#traziPoduzeca td.icon01, table#connectedCompanies td.icon01, table#competitors td.icon01 {
  background-image: url("../images/iconboniteta2.png");
}

table#followPoduzeca td.icon02, table#traziPoduzeca td.icon02, table#connectedCompanies td.icon02, table#competitors td.icon02 {
  background-image: url("../images/iconBonitetB2.png");
}

table#followPoduzeca td.icon03, table#traziPoduzeca td.icon03, table#connectedCompanies td.icon03, table#competitors td.icon03 {
  background-image: url("../images/iconBonitetC2.png");
}

table#followPoduzeca td.icon04, table#traziPoduzeca td.icon04, table#connectedCompanies td.icon04, table#competitors td.icon04 {
  background-image: url("../images/iconBonitetD2.png");
}

table#followPoduzeca td.icon05, table#traziPoduzeca td.icon05, table#connectedCompanies td.icon05, table#competitors td.icon05 {
  background-image: url("../images/iconBonitetE2.png");
}

table#followPoduzeca td.icon06, table#traziPoduzeca td.icon06, table#connectedCompanies td.icon06, table#competitors td.icon06 {
  background-image: url("../images/iconBonitetF2.png");
}

table#followPoduzeca td.icon07, table#traziPoduzeca td.icon07, table#connectedCompanies td.icon07, table#competitors td.icon07 {
  background-image: url("../images/iconBonitetBlocked1small.png");
}

table#followPoduzeca td.icon08, table#traziPoduzeca td.icon08, table#connectedCompanies td.icon08, table#competitors td.icon08 {
  background-image: url("../images/iconBonitetG2.png");
}

table#followPoduzeca .noborder, table#traziPoduzeca .noborder, table#followOsobe .noborder, .listOfNotes .noborder {
  /*border: none;*/
}

/* For Obrt & OPG */
table#followPoduzeca td.iconTradeScore01, table#traziPoduzeca td.iconTradeScore01, table#connectedCompanies td.iconTradeScore01, table#competitors td.iconTradeScore01 {
  background: url(images/iconTradeScoreBonitetA2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore02, table#traziPoduzeca td.iconTradeScore02, table#connectedCompanies td.iconTradeScore02, table#competitors td.iconTradeScore02 {
  background: url(images/iconTradeScoreBonitetB2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore03, table#traziPoduzeca td.iconTradeScore03, table#connectedCompanies td.iconTradeScore03, table#competitors td.iconTradeScore03 {
  background: url(images/iconTradeScoreBonitetC2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore04, table#traziPoduzeca td.iconTradeScore04, table#connectedCompanies td.iconTradeScore04, table#competitors td.iconTradeScore04 {
  background: url(images/iconTradeScoreBonitetD2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore05, table#traziPoduzeca td.iconTradeScore05, table#connectedCompanies td.iconTradeScore05, table#competitors td.iconTradeScore05 {
  background: url(images/iconTradeScoreBonitetE2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore06, table#traziPoduzeca td.iconTradeScore06, table#connectedCompanies td.iconTradeScore06, table#competitors td.iconTradeScore06 {
  background: url(images/iconBonitetF2.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore07, table#traziPoduzeca td.iconTradeScore07, table#connectedCompanies td.iconTradeScore07, table#competitors td.iconTradeScore07 {
  background: url(images/iconBonitetBlocked1small.png) 8px 2px no-repeat;
  width: 23px;
}

table#followPoduzeca td.iconTradeScore08, table#traziPoduzeca td.iconTradeScore08, table#connectedCompanies td.iconTradeScore08, table#competitors td.iconTradeScore08 {
  background: url(images/iconBonitetG2.png) 8px 2px no-repeat;
  width: 23px;
}

/* ------------------------------------------------------------------
   Center icon background images (horizontal and vertical)
   Applies to icon01–icon08 and iconTradeScore01–iconTradeScore08 cells
   ------------------------------------------------------------------ */
table#followPoduzeca td[class^=icon],
table#traziPoduzeca td[class^=icon],
table#connectedCompanies td[class^=icon],
table#competitors td[class^=icon] {
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) - vertical centering for all cells
   ================================================================== */
#traziPoduzeca th,
#traziPoduzeca td {
  vertical-align: middle !important;
}

/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) - responsive body text size
   Make table body text smaller on small and extra small viewports
   ================================================================== */
@media (max-width: 767.98px) {
  #traziPoduzeca tbody td,
  #traziPoduzeca tbody td * {
    font-size: 0.95em; /* match small header scaling */
    line-height: 1.1;
  }
}
@media (max-width: 575.98px) {
  #traziPoduzeca tbody td,
  #traziPoduzeca tbody td * {
    font-size: 0.9em; /* tightest scaling for XS */
    line-height: 1.05;
  }
}
/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) - first column: centered text & no padding (all sizes)
   ================================================================== */
#traziPoduzeca thead th:nth-child(1),
#traziPoduzeca tbody td:nth-child(1) {
  padding: 0 !important; /* remove all padding on all sizes */
  text-align: center !important; /* horizontal center */
  vertical-align: middle !important; /* vertical center */
}

/* ==================================================================
   OtherClaimsTable (#traziPoduzeca) - fixing first three columns on mobile
   ================================================================== */
@media (max-width: 767.98px) {
  #traziPoduzeca {
    overflow: auto;
    display: block;
    --trazi-first-col-width: 2.0rem; /* approximate width of # column */
    --trazi-second-col-width: 2rem; /* icon column minimum width */
    --trazi-third-col-offset: calc(var(--trazi-first-col-width) + var(--trazi-second-col-width));
  }
  /* Keep sticky behavior but ensure header retains blue background */
  #traziPoduzeca thead th.sticky-col {
    position: sticky;
    background-color: #6281C1 !important; /* match header blue */
    color: #fff !important;
    z-index: 5; /* keep header above sticky body cells and scrolled content */
    background-clip: padding-box; /* avoid subpixel bleed-through at edges */
    contain: paint; /* isolate painting to prevent bleed from underneath */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /* avoid subpixel seams on transforms */
    -webkit-transform: translateZ(0);
    transform: translateZ(0); /* promote to its own layer for smoother scroll */
  }
  #traziPoduzeca tbody td.sticky-col {
    position: sticky;
    background-color: #ffffff; /* body cells stay white */
    z-index: 4; /* above non-sticky cells */
    background-clip: padding-box; /* avoid subpixel bleed-through at edges */
    contain: paint; /* isolate painting to prevent bleed from underneath */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* Ensure header cells appear above body cells */
  #traziPoduzeca thead th.sticky-col {
    z-index: 5;
  }
  /* Left offsets for the three sticky columns */
  #traziPoduzeca .sticky-col-1 {
    right: 0; /* avoid 1px seam that can reveal content underneath */
    width: var(--trazi-first-col-width);
    min-width: var(--trazi-first-col-width);
    max-width: var(--trazi-first-col-width);
    overflow: hidden; /* prevent bleed outside left edge */
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #traziPoduzeca .sticky-col-2 {
    /* overlap the first column by 1px to prevent fractional-pixel gaps */
    right: calc(var(--trazi-first-col-width) - 1px);
    width: var(--trazi-second-col-width);
    min-width: var(--trazi-second-col-width);
    max-width: var(--trazi-second-col-width);
    overflow: hidden; /* clip at edges while scrolling */
    white-space: nowrap;
    text-overflow: ellipsis;
    background-position: center center !important; /* keep icon centered */
    background-repeat: no-repeat !important;
  }
  #traziPoduzeca .sticky-col-3 {
    /* overlap the previous sticky block by 1px to avoid seams */
    right: calc(var(--trazi-third-col-offset) - 1px);
  }
  /* Keep borders visible when sticky */
  #traziPoduzeca thead th.sticky-col,
  #traziPoduzeca tbody td.sticky-col {
    -webkit-box-shadow: -1px 0 0 0 #dee2e6 inset;
    box-shadow: -1px 0 0 0 #dee2e6 inset;
  }
  /* Remove the extra visual divider between the first and second sticky columns */
  #traziPoduzeca .sticky-col-1,
  #traziPoduzeca .sticky-col-2 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-left: 0 !important;
  }
}
/* ==================================================================
   ForeignCompanies tables: make first two columns sticky and avoid overflow bleed
   Applies to tables inside div[id^="foreignCompanies_"] in _OtherForeignCompaniesTable.cshtml
   ================================================================== */
div[id^=foreignCompanies_] {
  overflow-x: auto;
}

div[id^=foreignCompanies_] table {
  border-collapse: separate; /* required for sticky columns to render correctly */
}

/* Header: first two columns sticky */
div[id^=foreignCompanies_] table thead th:nth-child(1),
div[id^=foreignCompanies_] table thead th:nth-child(2) {
  position: sticky;
  right: 0;
  z-index: 5; /* above body sticky cells */
  background-color: #6281C1 !important; /* keep header blue */
  color: #fff !important;
  background-clip: padding-box; /* avoid subpixel bleed at edges */
}

div[id^=foreignCompanies_] table thead th:nth-child(2) {
  right: 2.75rem; /* width of first column (#) including padding; adjust as needed */
}

/* Body: first two columns sticky and opaque */
div[id^=foreignCompanies_] table tbody td:nth-child(1),
div[id^=foreignCompanies_] table tbody td:nth-child(2) {
  position: sticky;
  right: 0;
  z-index: 4; /* below header, above non-sticky cells */
  background: #ffffff; /* opaque so scrolled cells do not show through */
  background-clip: padding-box;
}

div[id^=foreignCompanies_] table tbody td:nth-child(2) {
  right: 2.75rem; /* same offset as header second column */
}

/* Reduce overall font size for ForeignCompanies tables on < md screens */
@media (max-width: 991.98px) {
  div[id^=foreignCompanies_] table {
    font-size: 0.85em;
  }
}
/* Widths: keep first # column narrow and the name column comfortable */
div[id^=foreignCompanies_] table thead th:nth-child(1),
div[id^=foreignCompanies_] table tbody td:nth-child(1) {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  text-align: center;
  overflow: hidden;
}

div[id^=foreignCompanies_] table thead th:nth-child(2),
div[id^=foreignCompanies_] table tbody td:nth-child(2) {
  min-width: 14rem; /* ensure enough space for company name */
}

/* Borders: keep subtle divider on sticky edges */
div[id^=foreignCompanies_] table thead th:nth-child(1),
div[id^=foreignCompanies_] table tbody td:nth-child(1) {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06); /* right edge divider */
}

div[id^=foreignCompanies_] table thead th:nth-child(2),
div[id^=foreignCompanies_] table tbody td:nth-child(2) {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.06);
}

/* Small and XS: tighten name column and maintain offsets */
@media (max-width: 767.98px) {
  div[id^=foreignCompanies_] table thead th:nth-child(2),
  div[id^=foreignCompanies_] table tbody td:nth-child(2) {
    min-width: 11rem;
  }
  div[id^=foreignCompanies_] table thead th:nth-child(2),
  div[id^=foreignCompanies_] table tbody td:nth-child(2) {
    right: 2.75rem;
  }
}
/* ==================================================================
   ForeignCompanies tables: add full grid borders (horizontal and vertical)
   Scoped to containers generated by _OtherForeignCompaniesTable.cshtml
   ================================================================== */
div[id^=foreignCompanies_] table {
  border-collapse: separate; /* keep for sticky */
  border-spacing: 0; /* remove gaps so borders touch */
}

div[id^=foreignCompanies_] table thead th,
div[id^=foreignCompanies_] table tbody td {
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

/* Ensure leftmost border exists on the first column cells */
div[id^=foreignCompanies_] table thead th:first-child,
div[id^=foreignCompanies_] table tbody td:first-child {
  border-right: 1px solid #dee2e6;
}

/* Keep header top border aligned with table outer border */
div[id^=foreignCompanies_] table thead th {
  border-top: 0;
}

/* Alignment rules for ForeignCompanies tables */
div[id^=foreignCompanies_] table thead th {
  vertical-align: middle !important;
}

div[id^=foreignCompanies_] table thead th:nth-child(1),
div[id^=foreignCompanies_] table tbody td:nth-child(1) {
  text-align: center !important;
  vertical-align: middle !important;
}

div[id^=foreignCompanies_] table thead th:nth-child(4),
div[id^=foreignCompanies_] table thead th:nth-child(5),
div[id^=foreignCompanies_] table thead th:nth-child(6) {
  text-align: left !important;
  vertical-align: middle !important;
}

div[id^=foreignCompanies_] table tbody td:nth-child(4),
div[id^=foreignCompanies_] table tbody td:nth-child(5),
div[id^=foreignCompanies_] table tbody td:nth-child(6) {
  text-align: left !important;
  vertical-align: middle !important;
}

/* Ensure 2nd (Naziv subjekta) and 3rd (Grad) columns are vertically centered */
div[id^=foreignCompanies_] table tbody td:nth-child(2),
div[id^=foreignCompanies_] table tbody td:nth-child(3) {
  vertical-align: middle !important;
}

/* ==================================================================
   Persons results table (List.js-ready)
   - No search UI
   - No sorting enabled (styling only)
   Requirements:
   - white background
   - visible horizontal & vertical borders for all rows/columns
   - header bg #6281C1 and white text
   - width: 100%
   ================================================================== */
.persons-results-table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}

.persons-results-table th,
.persons-results-table td {
  border: 1px solid #d1d7e0;
  padding: 0.75rem 0.75rem;
  vertical-align: middle;
  background: #fff;
}

.persons-results-table thead th {
  background: #6281C1;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.persons-results-table tbody tr:hover td {
  background: #f8fafc;
}

/* ==================================================================
   FIX: #fininfoAktiva header readability + delete-period icon
   - Header bg: #6281C1
   - Header text: white
   - Delete icon: always white (uses the <span>&times;</span>)
   ================================================================== */
#fininfoAktiva thead th,
#fininfoAktiva thead th * {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}

/* Layout: keep value + delete icon on same line */
#fininfoAktiva thead th .fininfo-period-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.45rem;
}

/* Canonical delete icon styling (remove pseudo-element conflicts) */
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 1rem;
  min-height: 1rem;
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Ensure the Razor span is visible and white */
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn span {
  display: inline-block !important; /* overrides any earlier display:none */
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; /* undo vertical shifts */
  pointer-events: none; /* click stays on the <a> */
}

/* Kill any legacy generated × (it was turning blue) */
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn::before {
  content: none !important;
}

/* Hover/focus: keep it white (per requirement) */
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn:hover span,
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn:focus span,
#fininfoAktiva thead th .deleteFinancialInfoTemplateColumn:active span {
  color: #ffffff !important;
}

/* ==================================================================
   FIX (real markup): #fininfoAktiva "header rows" are in <tbody> as <th>.
   Ensure blue background + white text + white delete icon.
   ================================================================== */
/* Category/title rows are rendered as <tbody><tr><th> */
#fininfoAktiva tbody th,
#fininfoAktiva tbody th * {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}

/* Keep text + icon aligned */
#fininfoAktiva tbody th .fininfo-period-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.45rem;
}

/* Delete icon: always use Razor <span> and keep it white */
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  padding: 0 4px !important; /* small clickable area */
  min-width: 18px;
  min-height: 18px;
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Override the conflicting rules in this file that hide the span */
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn span {
  display: inline-block !important; /* critical: some earlier block sets display:none */
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  pointer-events: none;
}

/* Kill any CSS-generated × (some earlier rules define ::before with blue) */
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn::before {
  content: none !important;
}

/* Hover: keep it white (per your requirement) */
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn:hover span,
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn:focus span,
#fininfoAktiva tbody th .deleteFinancialInfoTemplateColumn:active span {
  color: #ffffff !important;
}

/* ==================================================================
   Home - Package comparison table (#tableComparisonPackage)
   Override global header styling (blue header) ONLY for this table:
   ================================================================== */
#tableComparisonPackage thead th {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #6281C1 !important;
}

#tableComparisonPackage thead th,
#tableComparisonPackage thead th strong {
  color: #6281C1 !important;
}

#tableComparisonPackage thead th {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* ==================================================================
   Prevent hover color change for "first" header cells (Fininfo tables)
   ================================================================== */
.fininfoGenericDataTable thead tr:hover > th:first-child,
.fininfoGenericDataTable thead th.first:hover,
#fininfoAktiva thead tr:hover > th:first-child,
#fininfoAktiva thead th.first:hover,
#fininfoAktiva thead tr:hover > th.first {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}

/* ==================================================================
   HARD OVERRIDE: disable hover styling for ALL header rows
   - Covers normal headers in <thead>
   - Covers #fininfoAktiva "header rows" rendered as <tbody><tr><th>
   - Fixes the "first header column" changing on row hover
   ================================================================== */
/* 1) Standard headers: <thead> */
:root table thead tr:hover,
:root table thead tr:focus,
:root table thead tr:active {
  background-color: transparent !important; /* in case any rule targets the row */
}

/* Force ALL header cells back to the canonical header colors when the header row is hovered */
:root table thead tr:hover > th,
:root table thead tr:hover > th:first-child,
:root table thead tr:hover > th:first-of-type,
:root table thead th:hover {
  background-color: #6281C1 !important;
  color: #ffffff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#fininfoAktiva tbody tr:hover > td #fininfoAktiva tbody tr:hover > th,
#fininfoAktiva tbody tr:hover > th:first-child,
#fininfoAktiva tbody tr:hover > th:first-of-type,
#fininfoAktiva tbody th:hover {
  background-color: #6281C1 !important;
  color: #ffffff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* 2) Keep real headers unchanged */
:root table thead tr:hover > th,
:root table thead th:hover {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}

/* 3) #fininfoAktiva "header rows" rendered in <tbody> as <th>: keep unchanged */
#fininfoAktiva tbody tr:hover > th,
#fininfoAktiva tbody th:hover,
#fininfoAktiva tbody tr:hover > th * {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}

.deleteFinancialInfoTemplateRow {
  font-size: 1.2rem;
  text-decoration: none;
}

.deleteFinancialInfoTemplateRow:hover {
  color: red;
  text-decoration: none;
}

.deleteFinancialInfoTemplateRow span {
  font-size: 1.2rem;
  text-decoration: none;
}

.deleteFinancialInfoTemplateRow span:hover {
  color: red;
  text-decoration: none;
}

/* Ensure the delete link is perfectly centered in its cell and has no borders/shadows */
@media (max-width: 991.98px) {
  #fininfoAktiva td.dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; /* vertical center */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; /* horizontal center */
    border-right: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }
}
/* md/sm/xs: remove any borders/shadows that look like vertical lines */
@media (max-width: 991.98px) {
  #fininfoAktiva td.dd {
    border-right: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}
/* Ensure td.dd stays a real table-cell even if earlier rules tried flex */
#fininfoAktiva tbody td.dd {
  display: table-cell !important;
}

#fininfoAktiva tbody tr:hover > td,
#fininfoAktiva tbody tr:hover > td:first-child,
#fininfoAktiva tbody tr:hover > td.dd,
#fininfoAktiva tbody tr:hover .deleteFinancialInfoTemplateRow {
  background: transparent !important;
  background-color: transparent !important;
}

/*-------------------------------------------------------------
Person -> News toolbar icon01 (unique scope: #newsToolbar)
-------------------------------------------------------------*/
#newsToolbar > a.icon01 {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background-image: url("../../../../images/Falcon/SVGs/promjene_osobe_u_subjektu_gray_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  text-decoration: none;
}

#newsToolbar > a.icon01.selected {
  background-image: url("../../../../images/Falcon/SVGs/promjene_osobe_u_subjektu_icon.svg");
  opacity: 0.95;
}

#newsToolbar > a.icon05 {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background-image: url("../../../../images/Falcon/SVGs/vijesti_iz_medija_gray_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  text-decoration: none;
}

#newsToolbar > a.icon05.selected {
  background-image: url("../../../../images/Falcon/SVGs/vijesti_iz_medija_icon.svg");
  opacity: 0.95;
}

/* Select/Deselect all button (Person -> News) */
#newsToolbar a#sel_desell_all.selectAll,
#newsToolbar a#sel_desell_all.deselectAll {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  text-decoration: none;
}

/* deselectAll icon */
#newsToolbar a#sel_desell_all.deselectAll {
  background-image: url("../../../../images/Falcon/SVGs/deselektiraj_sve_icon.svg");
}

/* selectAll icon */
#newsToolbar a#sel_desell_all.selectAll {
  background-image: url("../../../../images/Falcon/SVGs/selektiraj_sve_icon.svg");
}

/* ----------------------------------------------------------------------
Person > Linked companies list (ResultPeoplePersonFunctions) - XS tuning
---------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  .person-functions-xs {
    /* squeeze card horizontally */
    /* smaller badge/title */
    /* company name smaller */
    /* details smaller + tighter */
    /* FontAwesome icons inside details: smaller */
    /* action button smaller on XS */
    /* Rating icons (icon0X): make them smaller only in this list */
  }
  .person-functions-xs .person-company-card .card-body {
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }
  .person-functions-xs .person-company-function {
    font-size: 0.6rem !important;
    padding: 0.12rem 0.4rem !important;
  }
  .person-functions-xs .person-company-name {
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }
  .person-functions-xs .person-company-details {
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
    gap: 0.35rem 0.55rem !important;
  }
  .person-functions-xs .person-company-details i.fa-solid {
    font-size: 0.72rem !important;
  }
  .person-functions-xs .person-company-action {
    padding: 0.2rem 0.35rem !important;
    line-height: 1 !important;
  }
  .person-functions-xs .person-company-action i.fa-solid {
    font-size: 0.78rem !important;
  }
  .person-functions-xs [class^=icon0],
  .person-functions-xs [class*=" icon0"] {
    width: 1.05rem !important;
    height: 1.05rem !important;
    background-size: contain !important;
  }
}
/* ----------------------------------------------------------------------
Person > Functions accordion (ResultFunctions) - XS tuning
---------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  /* Header row: smaller chevron + smaller title text + tighter spacing */
  .person-function-result-card {
    /* Inner content wrapper: remove left/right padding so cards align uniformly */
    /* Company cards inside each function: tighter horizontal padding */
    /* Reduce FontAwesome icons inside details */
    /* Reduce the rating icons (icon0X) only in this section */
    /* Make the action button smaller */
    /* Slightly smaller company name + details on XS */
  }
  .person-function-result-card .person-header {
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .person-function-result-card .person-toggle-btn {
    margin-left: 0.5rem !important;
  }
  .person-function-result-card .person-toggle-btn i.fa-solid {
    font-size: 0.7rem !important; /* smaller chevron */
  }
  .person-function-result-card .function-name-link {
    font-size: 0.72rem !important; /* reduce title text on XS */
    line-height: 1.1 !important;
  }
  .person-function-result-card .collapse > .border-top > .bg-light {
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }
  .person-function-result-card .company-item > .card-body {
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
  }
  .person-function-result-card .company-details i.fa-solid {
    font-size: 0.72rem !important;
  }
  .person-function-result-card .company-item [class^=icon0],
  .person-function-result-card .company-item [class*=" icon0"] {
    width: 1.05rem !important;
    height: 1.05rem !important;
    background-size: contain !important;
  }
  .person-function-result-card .company-item .btn.btn-sm.btn-outline-primary {
    padding: 0.2rem 0.35rem !important;
    line-height: 1 !important;
  }
  .person-function-result-card .company-item .btn.btn-sm.btn-outline-primary i.fa-solid {
    font-size: 0.78rem !important;
  }
  .person-function-result-card .company-name .fs-10 {
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }
  .person-function-result-card .company-details.fs-11 {
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
    gap: 0.35rem 0.55rem !important;
  }
}
/* ----------------------------------------------------------------------
Person > Functions: company name wraps to 2 lines so the action button stays on the right
---------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  .person-function-result-card .company-name-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 1.1;
  }
}
/* Person > Tables: make section <h2> smaller on SM and XS */
@media (max-width: 767.98px) {
  #linkedCompanies h2,
  #linkedPersons h2 {
    font-size: 0.95rem !important;
    line-height: 1.15 !important;
  }
  #linkedCompanies h2 i,
  #linkedPersons h2 i {
    font-size: 0.95rem !important;
  }
}
@media (max-width: 575.98px) {
  #linkedCompanies h2,
  #linkedPersons h2 {
    font-size: 0.85rem !important;
    line-height: 1.1 !important;
  }
  #linkedCompanies h2 i,
  #linkedPersons h2 i {
    font-size: 0.85rem !important;
  }
}
/* ==================================================================
   DoubleScroll (top horizontal scrollbar) for package comparison table
   Correct scope: the plugin wraps #packageComp inside .doubleScroll-wrapper
   ================================================================== */
.doubleScroll-wrapper > #packageComp {
  overflow-x: auto;
}

.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top {
  display: block !important;
  height: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  line-height: 10px !important;
  font-size: 0 !important;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6281C1 rgba(98, 129, 193, 0.25);
}

.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top > .doubleScroll-scroll-inner {
  height: 1px !important;
}

/* Chrome/Edge/Safari */
.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top::-webkit-scrollbar {
  height: 6px !important;
}

.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top::-webkit-scrollbar-track {
  background-color: rgba(98, 129, 193, 0.25) !important;
}

.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top::-webkit-scrollbar-thumb {
  background-color: #6281C1 !important;
  border-radius: 999px !important;
}

.doubleScroll-wrapper:has(> #packageComp) > .doubleScroll-scroll.doubleScroll-scroll-top::-webkit-scrollbar-thumb:hover {
  background-color: #5573b0 !important;
}

/*----------------------------------------------------------------------
Spider - First column items Mreža poveznica (People) - Legenda (čvorovi)
-----------------------------------------------------------------------*/
.legend-swatch {
  display: inline-block;
  width: 28px;
  height: 15px;
}

#connectingPersonSubject .legend-swatch {
  background-color: #9dd60b;
  border: 2px solid #f58e54;
}

#person .legend-swatch {
  background-color: #a2d2e6;
}

#subject .legend-swatch {
  background-color: #f6ec56;
}

#prominentPersonEntity .legend-swatch {
  background-color: white;
  border: 2px solid #f58e54;
}

#unshownlinks .legend-swatch {
  background-color: white;
  border: 2px solid #5d7cbc;
}

.legend-text {
  font-size: 0.7rem;
  line-height: 1.2;
}

/*-------------------------------------------------------------------------
Spider - Second column items Mreža poveznica (People) - Legenda (poveznice)
--------------------------------------------------------------------------*/
.linkLegend {
  display: inline-block;
  width: 28px;
  height: 5px;
}

#owner .linkLegend {
  background-color: #6a8d33;
}

#authorizedPerson .linkLegend {
  background-color: #fcab36;
}

#supervisoryBoard .linkLegend {
  background-color: #597dbb;
}

#competentAuthority .linkLegend {
  background-color: #4cff00;
}

#multipleConnectivity .linkLegend {
  background-color: #000000;
}

#undisplayedLinks .linkLegend {
  background-color: #d7d7d7;
}

#indirectLinks .linkLegend {
  background-color: #c086dc;
}

/*---------------------------------------------------------------------------------
Spider - Third and Fourth column items Mreža poveznica (People) - Legenda (Statusi)
-----------------------------------------------------------------------------------*/
#activeSubject .icon-item.icon-item-sm,
#temporarilyInactiveSubject .icon-item.icon-item-sm,
#SubjectInLiquidation .icon-item.icon-item-sm,
#SubjectInBankruptcy .icon-item.icon-item-sm,
#deletedSubject .icon-item.icon-item-sm,
#blockedSubject .icon-item.icon-item-sm,
#prebankruptcySettlement .icon-item.icon-item-sm {
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  padding: 0;
  line-height: 21px;
}

/*----------------------------------------------------------------------
Spider - Fifth column items Mreža poveznica (People)
-----------------------------------------------------------------------*/
.spiderChoices .spider-typeLimit .btn {
  padding: 0.45rem 0.6rem;
  font-size: 0.75rem;
  line-height: 1.1;
}

.spiderChoices .form-check-label {
  font-size: 0.75rem;
}

/*----------------------------------------------------------------------
Spider - Postavke - jednaki width za radio (btn-check) segmente
-----------------------------------------------------------------------*/
.spiderChoices .spider-typeLimit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spiderChoices .spider-typeLimit > .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  white-space: nowrap;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

/*----------------------------------------------------------------------
Spider - Section titles
-----------------------------------------------------------------------*/
.spider-section-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1f2d3d;
  padding-bottom: 0.35rem;
  margin-bottom: 0.5rem;
}

.spider-section-title::before {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #6281C1;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spider-section-title::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(98, 129, 193, 0.92)), color-stop(65%, rgba(98, 129, 193, 0.92)), color-stop(88%, rgba(157, 214, 11, 0.85)), color-stop(97%, rgba(245, 142, 84, 0.75)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(-90deg, rgba(98, 129, 193, 0.92) 0%, rgba(98, 129, 193, 0.92) 65%, rgba(157, 214, 11, 0.85) 88%, rgba(245, 142, 84, 0.75) 97%, rgba(0, 0, 0, 0) 100%);
}

.spider-subtitle {
  font-size: 0.75rem;
  font-weight: 600;
  color: #59657a;
  letter-spacing: 0.01em;
  margin-bottom: 0.25rem !important;
}

/*----------------------------------------------------------------------
Spider - Postavke - "Show all" switch: keep input + label in one row
-----------------------------------------------------------------------*/
.spider-showAll-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.spider-showAll-switch .form-check-input {
  margin-right: 0; /* override Bootstrap's switch left padding behavior */
  margin-top: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* Spider - Postavke - showAll switch: bigger track */
.spider-showAll-switch .form-check-input {
  width: 3em;
  height: 1.5em;
}

.spider-showAll-switch .form-check-label {
  white-space: nowrap;
  margin-bottom: 0;
}

/* Spider PDF link: force underline + color change on hover */
.spider-pdf-link {
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  -webkit-transition: color 0.15s ease-in-out, -webkit-text-decoration-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, -webkit-text-decoration-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out, -webkit-text-decoration-color 0.15s ease-in-out;
}

.spider-pdf-link:hover,
.spider-pdf-link:focus {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
  color: #3f5da3;
}

/* Spider - zoom buttons: ensure hover/focus is applied on the button */
#buttonPlus i,
#buttonMinus i {
  pointer-events: none; /* hover applies to the <button>, not the <i> */
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

#buttonPlus:hover i,
#buttonPlus:focus i,
#buttonPlus:focus-visible i,
#buttonMinus:hover i,
#buttonMinus:focus i,
#buttonMinus:focus-visible i {
  color: #6281C1 !important;
}

/* Spider - zoom buttons: icon color on hover/focus (by class + id fallback) */
button.zoomIn i,
button.zoomOut i {
  pointer-events: none;
  color: inherit;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

button.zoomIn:hover,
button.zoomIn:focus,
button.zoomIn:focus-visible,
button.zoomOut:hover,
button.zoomOut:focus,
button.zoomOut:focus-visible {
  color: #6281C1 !important; /* icon inherits this */
}

/* Spider timeline slider sizing */
#slider1 {
  min-width: 420px;
}

@media (max-width: 575.98px) {
  #slider1 {
    min-width: 220px; /* keep mobile usable */
  }
}
/* Spider timeline slider: responsive sizing inside flex container */
.spider-timeline-slider {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0; /* critical: allow flex item to shrink instead of overflowing */
}

/* Optional: give it a comfortable height */
.spider-timeline-slider.noUi-target {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}

/* When wrapping, make slider take the full line */
@media (max-width: 767.98px) {
  .spider-timeline-slider {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
/* ----------------------------------------------------------------------
Spider timeline: event date marks on noUiSlider (pips)
Requires JS to add pips and optionally marker classes:
- .spider-event-tick
- .spider-event-tick--major
---------------------------------------------------------------------- */
#slider1 {
  /* Space for the marks + endpoint labels */
  /* Endpoint labels (only) */
  /* Hide intermediate labels (we still want their marks) */
  /* Base event mark (each date tick) */
  /* Emphasize every Nth tick (set by JS: e.g. each 5th marker) */
  /* Optional: ensure marks remain visible on small screens */
}
#slider1 .noUi-pips {
  padding-top: 0.35rem;
}
#slider1 .noUi-value {
  font-size: 0.7rem;
  color: #59657a;
  line-height: 1.1;
  white-space: nowrap;
}
#slider1 .noUi-value:empty {
  display: none;
}
#slider1 .noUi-marker.spider-event-tick {
  width: 2px;
  height: 10px;
  border-radius: 2px;
  background-color: rgba(98, 129, 193, 0.65);
}
#slider1 .noUi-marker.spider-event-tick--major {
  height: 14px;
  background-color: rgba(98, 129, 193, 0.95);
}
@media (max-width: 575.98px) {
  #slider1 .noUi-marker.spider-event-tick {
    height: 12px;
  }
  #slider1 .noUi-marker.spider-event-tick--major {
    height: 16px;
  }
}

/* ----------------------------------------------------------------------
Spider timeline: show event dates on the noUiSlider as visible tick marks
---------------------------------------------------------------------- */
#slider1.noUi-target,
#slider1 .noUi-target,
#slider1 {
  /* Ensure pips aren’t clipped */
  overflow: visible;
  /* Make room under the track for marks/labels */
  padding-bottom: 18px;
}

/* noUiSlider pips container */
#slider1 .noUi-pips,
#slider1.noUi-target .noUi-pips {
  position: absolute;
  right: 0;
  left: 0;
  /* Put pips just below the track */
  top: 100%;
  margin-top: 6px;
  height: 18px;
  padding: 0;
}

/* The actual tick marks */
#slider1 .noUi-marker,
#slider1.noUi-target .noUi-marker {
  width: 2px;
  background-color: rgba(98, 129, 193, 0.75);
  border-radius: 2px;
}

/* If JS adds classes, use them; otherwise still show defaults */
#slider1 .noUi-marker.spider-event-tick,
#slider1.noUi-target .noUi-marker.spider-event-tick {
  height: 10px;
}

#slider1 .noUi-marker.spider-event-tick--major,
#slider1.noUi-target .noUi-marker.spider-event-tick--major {
  height: 14px;
  background-color: rgba(98, 129, 193, 0.95);
}

/* Fallback: if classes were not applied for any reason, still show marks */
#slider1 .noUi-marker.noUi-marker-normal,
#slider1 .noUi-marker.noUi-marker-large {
  height: 10px;
}

/* Labels: we only show endpoints (your JS returns "" for others) */
#slider1 .noUi-value,
#slider1.noUi-target .noUi-value {
  color: #59657a;
  font-size: 0.7rem;
  line-height: 1.1;
  white-space: nowrap;
}

#slider1 .noUi-value:empty,
#slider1.noUi-target .noUi-value:empty {
  display: none;
}

/* Small screen tweaks */
@media (max-width: 575.98px) {
  #slider1.noUi-target,
  #slider1 .noUi-target,
  #slider1 {
    padding-bottom: 20px;
  }
  #slider1 .noUi-marker,
  #slider1.noUi-target .noUi-marker {
    width: 2px;
  }
  #slider1 .noUi-marker.spider-event-tick,
  #slider1.noUi-target .noUi-marker.spider-event-tick {
    height: 12px;
  }
  #slider1 .noUi-marker.spider-event-tick--major,
  #slider1.noUi-target .noUi-marker.spider-event-tick--major {
    height: 16px;
    background-color: rgba(98, 129, 193, 0.95);
  }
}
/* ----------------------------------------------------------------------
Spider timeline: endpoint date labels above; event pips below (no overlap)
---------------------------------------------------------------------- */
#slider1 {
  /* Create room above and below the track */
  overflow: visible;
  padding-top: 16px; /* room for endpoint labels */
  padding-bottom: 18px; /* room for pips */
  /* Pips are below the track */
  /* Tick marks (event dates) */
  /* Labels: move ABOVE the track */
  /* Hide intermediate labels (only endpoints should have text anyway) */
  /* Ensure first label sits at the far left */
  /* Ensure last label sits at the far right */
}
#slider1 .noUi-pips {
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  margin-top: 6px;
  height: 18px;
  padding: 0;
}
#slider1 .noUi-marker {
  width: 2px;
  border-radius: 2px;
  background-color: rgba(98, 129, 193, 0.75);
}
#slider1 .noUi-marker.spider-event-tick {
  height: 10px;
  background-color: rgba(98, 129, 193, 0.65);
}
#slider1 .noUi-marker.spider-event-tick--major {
  height: 14px;
  background-color: rgba(98, 129, 193, 0.95);
}
#slider1 .noUi-value {
  position: absolute;
  top: -22px; /* places labels above the track */
  font-size: 0.62rem; /* smaller than before */
  line-height: 1;
  color: #59657a;
  white-space: nowrap;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  pointer-events: none;
}
#slider1 .noUi-value:empty {
  display: none;
}
#slider1 .noUi-value.noUi-value-horizontal.noUi-value-sub {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#slider1 .noUi-value.noUi-value-horizontal.noUi-value-large {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
@media (max-width: 575.98px) {
  #slider1 {
    padding-top: 18px;
    padding-bottom: 20px;
  }
  #slider1 .noUi-value {
    font-size: 0.58rem;
    top: -24px;
  }
  #slider1 .noUi-marker.spider-event-tick {
    height: 12px;
  }
  #slider1 .noUi-marker.spider-event-tick--major {
    height: 16px;
  }
}

/* ----------------------------------------------------------------------
Spider toolbar layout (zoom / slider / datepicker / fullscreen)
---------------------------------------------------------------------- */
.spider-toolbar-slider {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0; /* critical for flex children to shrink properly */
}

.spider-toolbar-datepicker {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spider-toolbar-zoom {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spider-toolbar-fullscreen {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* Responsive: stack nicely on small screens, keep slider 100% width */
@media (max-width: 767.98px) {
  .spider-toolbar-fullscreen {
    margin-right: 0 !important;
    width: 100%;
  }
  .spider-toolbar-datepicker {
    width: 100% !important;
  }
  .spider-toolbar-slider {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .spider-toolbar-datepicker {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
  }
  .spider-toolbar-fullscreen {
    -webkit-box-ordinal-group: 31;
    -ms-flex-order: 30;
    order: 30;
  }
}
/* Spider timeline: endpoint dates above slider */
.spider-toolbar-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.spider-timeline-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
}

.spider-timeline-label {
  font-size: 0.62rem;
  line-height: 1;
  color: #59657a;
  white-space: nowrap;
}

#slider1 {
  /* ensure pips/marks have room below */
  padding-bottom: 18px;
}

/* Spider - fullscreen link positioned in top-right of Postavke (.spiderChoices) */
.spiderChoices {
  position: relative;
}

/* Reserve space for the absolutely positioned fullscreen icon in Postavke */
.spiderChoices {
  padding-top: 0.5rem;
}

.spiderChoices-fullscreen-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* Ensure it doesn't overlap the "Prikaz" subtitle */
.spiderChoices .spider-subtitle {
  padding-left: 2.25rem;
}

/* Spider - Postavke - make typeLimit responsive (horizontal -> vertical) */
.spider-typeLimit-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

@media (max-width: 575.98px) {
  .spider-typeLimit-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  /* Remove Bootstrap btn-group rounding between stacked buttons */
  .spider-typeLimit-group > .btn {
    border-radius: 0.375rem !important;
  }
  .spider-typeLimit-group > .btn + .btn {
    margin-top: 0.35rem;
  }
}
/*----------------------------------------------------------------------
Spider - Canvas (graph host) responsive sizing
----------------------------------------------------------------------*/
#spider.spider-canvas {
  position: relative; /* required for loader overlay + infobox absolute positioning */
  width: 100%;
  min-height: 420px;
  /* Responsive height without fixed values */
  height: clamp(420px, 70vh, 900px);
}

/* Fullscreen view: use more of the viewport */
#spider.spider-canvas.spider-canvas--fullscreen {
  height: calc(100vh - 220px);
  min-height: 520px;
}

/* Ensure the generated D3 SVG fills the host */
#spider.spider-canvas svg#personTree {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* ----------------------------------------------------------------------
Spider nodes (D3 SVG): modern "Bootstrap 5 card" look for rect.box
- Does NOT override fill colors (they are set in JS per node type)
- Does NOT override stroke colors (also set in JS), only softens rendering
---------------------------------------------------------------------- */
#spider.spider-canvas {
  /* Ensure SVG effects render nicely */
  /* Main node rectangle */
  /* Hover: subtle lift */
  /* Text inside node: cleaner + slightly higher contrast */
  /* "More..." label */
  /* Status/function squares */
  /* Status letters inside those squares */
}
#spider.spider-canvas svg#personTree {
  overflow: visible;
}
#spider.spider-canvas .wrap rect.box {
  /* SVG border rendering */
  stroke-linejoin: round;
  stroke-linecap: round;
  shape-rendering: geometricPrecision;
  /* Keep existing stroke color; just soften edge slightly */
  stroke-opacity: 0.88;
  /* Optional: if browser supports CSS rx/ry on SVG rect */
  rx: 10px;
  ry: 10px;
  /* Modern elevation (works on SVG elements) */
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 24px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 24px rgba(0, 0, 0, 0.1));
  -webkit-transition: stroke-opacity 150ms ease, -webkit-filter 150ms ease, -webkit-transform 150ms ease;
  transition: stroke-opacity 150ms ease, -webkit-filter 150ms ease, -webkit-transform 150ms ease;
  transition: filter 150ms ease, transform 150ms ease, stroke-opacity 150ms ease;
  transition: filter 150ms ease, transform 150ms ease, stroke-opacity 150ms ease, -webkit-filter 150ms ease, -webkit-transform 150ms ease;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#spider.spider-canvas .wrap:hover rect.box {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  stroke-opacity: 0.95;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.12));
}
#spider.spider-canvas .wrap text.text {
  font-family: var(--bs-font-sans-serif);
  font-weight: 600;
  fill: rgba(31, 45, 61, 0.92);
  paint-order: stroke;
  stroke: rgba(255, 255, 255, 0.65);
  stroke-width: 2px;
  stroke-linejoin: round;
}
#spider.spider-canvas .wrap text.text_more,
#spider.spider-canvas .wrap text.text_more_hover {
  font-family: var(--bs-font-sans-serif);
  font-weight: 600;
  fill: rgba(63, 93, 163, 0.95);
}
#spider.spider-canvas .wrap rect.back {
  rx: 3px;
  ry: 3px;
  fill: rgba(255, 255, 255, 0.85);
  stroke: rgba(0, 0, 0, 0.12);
  stroke-width: 1px;
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
}
#spider.spider-canvas .wrap text.aktivan,
#spider.spider-canvas .wrap text.neaktivan,
#spider.spider-canvas .wrap text.likvidacija,
#spider.spider-canvas .wrap text.stecaj,
#spider.spider-canvas .wrap text.brisan,
#spider.spider-canvas .wrap text.blokiran,
#spider.spider-canvas .wrap text.tax,
#spider.spider-canvas .wrap text.paycheck {
  font-family: var(--bs-font-sans-serif);
  font-weight: 700;
  dominant-baseline: central;
}

/* Forcing consistent stroke width on Spider nodes (D3 SVG) */
#spider.spider-canvas .wrap rect.box {
  /* Reduce stroke thickness a bit, without fully overriding dynamic JS widths */
  vector-effect: non-scaling-stroke;
  stroke-opacity: 0.88;
  stroke-linejoin: round;
  stroke-linecap: round;
}

/* Modern tooltip for SVG nodes (HTML overlay). */
.spider-svg-tooltip {
  background-color: #6281C1;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.4rem 0.55rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
  pointer-events: none; /* must not steal hover from SVG */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ----------------------------------------------------------------------
Spider infobox (popup next to node link) - modern Bootstrap design
---------------------------------------------------------------------- */
#spider.spider-canvas {
  /* Optional: make bonitet look like a badge tile without changing class name */
}
#spider.spider-canvas .infobox {
  /* Keep existing behavior (absolute positioning controlled by JS) */
  display: none;
  width: 340px; /* modern default */
  max-width: min(92vw, 360px);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(15, 23, 42, 0.12);
  -webkit-box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.18), 0 0.25rem 0.75rem rgba(15, 23, 42, 0.1);
  box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.18), 0 0.25rem 0.75rem rgba(15, 23, 42, 0.1);
  overflow: hidden;
  backdrop-filter: blur(6px);
}
#spider.spider-canvas .infobox_header {
  height: 28px;
  background: linear-gradient(-135deg, #6281C1 0%, #3f5da3 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 0.5rem;
}
#spider.spider-canvas .infobox_header a {
  /* keep same anchor, just modernize presentation */
  width: 32px;
  height: 32px;
  border-radius: 0.5rem;
  background-image: none !important;
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.95;
  -webkit-transition: background-color 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
#spider.spider-canvas .infobox_header a::before {
  content: "×";
  font-size: 22px;
  line-height: 1;
  color: #fff;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
#spider.spider-canvas .infobox_header a:hover,
#spider.spider-canvas .infobox_header a:focus {
  background-color: rgba(255, 255, 255, 0.16);
  opacity: 1;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  outline: none;
}
#spider.spider-canvas .infobox_body {
  width: auto; /* stop legacy fixed width */
  float: none;
  padding: 0; /* sticker will handle internal padding */
}
#spider.spider-canvas .infobox_body .sticker {
  width: auto;
  height: auto;
  margin: 0;
  background: transparent;
  background-position: initial;
}
#spider.spider-canvas .infobox_body .sticker:hover {
  background-position: initial;
}
#spider.spider-canvas .infobox_body .bonitet {
  border-radius: 0.875rem;
  padding: 0.5rem 0.7rem;
  min-width: 72px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.08);
  box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.08);
}
#spider.spider-canvas .infobox_body .bonitet .letterMark {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.1;
}

/* ----------------------------------------------------------------------
Spider - Company popup bonitet badge (SVG scale)
---------------------------------------------------------------------- */
#spider.spider-canvas .falconBonitet {
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0.875rem;
}
#spider.spider-canvas .falconBonitet.a {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_A.svg");
}
#spider.spider-canvas .falconBonitet.b {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_B.svg");
}
#spider.spider-canvas .falconBonitet.c {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_C.svg");
}
#spider.spider-canvas .falconBonitet.d {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_D.svg");
}
#spider.spider-canvas .falconBonitet.e {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_E.svg");
}
#spider.spider-canvas .falconBonitet.empty {
  background-image: url("/Content/images/Falcon/SVGs/bonitet_skala_empty.png");
}

/* ----------------------------------------------------------------------
Spider popup layout: bonitet column + data column
---------------------------------------------------------------------- */
#spider.spider-canvas .infobox_body #firstColumnBonitet {
  width: 78px;
  max-width: 78px;
}
#spider.spider-canvas .infobox_body #secondColumnData {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

/* ----------------------------------------------------------------------
Spider infobox: fade + scale animation (popover-like)
---------------------------------------------------------------------- */
#spider.spider-canvas .infobox {
  opacity: 0;
  -webkit-transform: translateY(4px) scale(0.97);
  -ms-transform: translateY(4px) scale(0.97);
  transform: translateY(4px) scale(0.97);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: opacity 160ms ease, -webkit-transform 160ms ease;
  transition: opacity 160ms ease, -webkit-transform 160ms ease;
  transition: opacity 160ms ease, transform 160ms ease;
  transition: opacity 160ms ease, transform 160ms ease, -webkit-transform 160ms ease;
  will-change: opacity, transform;
}
#spider.spider-canvas .infobox.is-open {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  #spider.spider-canvas .infobox {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/* ----------------------------------------------------------------------
Spider - Make the "Više..." control feel clickable
---------------------------------------------------------------------- */
#spider.spider-canvas {
  /* Make the "Više..." control feel clickable */
  /* Optional: subtle underline effect using a background rect (via hit box) */
}
#spider.spider-canvas .wrap text.text_more,
#spider.spider-canvas .wrap text.text_more_hover {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#spider.spider-canvas .wrap rect.text_more_hit:hover {
  fill: rgba(98, 129, 193, 0.1);
}

/* Spider - zoom buttons: soften hover background (prevent dark gray) */
#spider_wrap #buttonPlus.btn-outline-secondary,
#spider_wrap #buttonMinus.btn-outline-secondary {
  --bs-btn-hover-bg: #f3f6fa;
  --bs-btn-hover-border-color: #d6dde5;
  /* keep text/icon readable */
  --bs-btn-hover-color: #1f2d3d;
}

/* Spider - zoom buttons: force soft gray hover (override Falcon/Bootstrap dark hover) */
#spider_wrap .btn-group > #buttonPlus.btn.btn-outline-secondary:hover,
#spider_wrap .btn-group > #buttonMinus.btn.btn-outline-secondary:hover,
#spider_wrap .btn-group > #buttonPlus.btn.btn-outline-secondary:focus,
#spider_wrap .btn-group > #buttonMinus.btn.btn-outline-secondary:focus,
#spider_wrap .btn-group > #buttonPlus.btn.btn-outline-secondary:focus-visible,
#spider_wrap .btn-group > #buttonMinus.btn.btn-outline-secondary:focus-visible {
  background-color: #f3f6fa !important;
  color: #1f2d3d !important;
}

/* Bootstrap tooltip for Spider link hover (SVG lines) */
.spider-line-tooltip .tooltip-inner {
  text-align: right;
  max-width: 380px;
}

.spider-line-tooltip .tooltip-inner ul {
  margin: 0;
  padding-right: 1rem;
}

.spider-line-tooltip .tooltip-inner li {
  margin: 0;
}

/* Person tabs (mobile): remove Bootstrap dropdown caret so only FA bars remains */
#personTabsDropdown.dropdown-toggle::after {
  display: none !important;
}

#personTabsDropdown.dropdown-toggle {
  padding-left: 0.75rem; /* adjust as needed; prevents "empty space" where caret was */
}

.tooltip {
  --bs-tooltip-bg: #6281C1;
  --bs-tooltip-color: #ffffff;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-font-size: 0.8125rem;
  --bs-tooltip-border-radius: 0.75rem;
  /* Keep tooltips above custom dropdowns (Select2/Autocomplete/Wunderbaum) */
  z-index: 4005 !important;
  -webkit-filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.22));
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.22));
}

.tooltip .tooltip-inner {
  background-color: var(--bs-tooltip-bg);
  color: var(--bs-tooltip-color);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.4;
  text-align: right;
  max-width: 320px;
  background-image: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

/* Arrow uses same bg */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--bs-tooltip-bg);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-tooltip-bg);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-right-color: var(--bs-tooltip-bg);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-left-color: var(--bs-tooltip-bg);
}

.form-control:disabled,
.form-select:disabled,
textarea.form-control:disabled,
input:disabled,
select:disabled,
button:disabled {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
  cursor: not-allowed;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection__rendered {
  color: #6c757d !important;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--single {
  background-color: #f1f3f5 !important;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-search__field {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-search--inline {
  background-color: #f1f3f5 !important;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection__choice {
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important;
  color: #6c757d !important;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection__rendered {
  background-color: #f1f3f5 !important;
}

.select2-container--bootstrap-5 .select2-selection__clear:not(:disabled) {
  cursor: pointer !important;
}

#searchActivities .d-flex {
  min-width: 0;
}
#searchActivities .form-floating.position-relative {
  min-width: 0;
}
#searchActivities #ActivityNews:disabled {
  background-color: #f1f3f5 !important;
  border-color: #ced4da !important;
  opacity: 1 !important;
}
#searchActivities #ActivityNews:disabled ~ span[aria-label="Otvori padajući izbornik"] {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
  pointer-events: none;
}
#searchActivities #ActivityNews:disabled ~ .ActivityButton {
  background-color: #f1f3f5 !important;
  border-color: #ced4da !important;
  opacity: 1 !important;
  cursor: not-allowed;
  pointer-events: none;
}

#controlWithoutTooltip {
  -webkit-padding-end: 2.75rem;
  padding-inline-end: 2.75rem;
}

#submitButtonNewsSearch {
  -webkit-padding-end: 2.65rem;
  padding-inline-end: 2.65rem;
}

/* ------------------------------------------------------------------
   NEWS: unify ALL clear buttons (datepicker + autocomplete + cities + regions)
   Goal: identical size + identical horizontal position + identical SVG size/color/hover
------------------------------------------------------------------ */
#clearPersonName,
#clearNewsCompany,
#clearNewsCities,
#clearRegionsCompany,
#setTodayDateFrom,
#setTodayDateTo {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  width: 2rem;
  height: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 6 !important;
  pointer-events: auto;
  color: #6c757d;
}
#clearPersonName:hover, #clearPersonName:focus, #clearPersonName:active,
#clearNewsCompany:hover,
#clearNewsCompany:focus,
#clearNewsCompany:active,
#clearNewsCities:hover,
#clearNewsCities:focus,
#clearNewsCities:active,
#clearRegionsCompany:hover,
#clearRegionsCompany:focus,
#clearRegionsCompany:active,
#setTodayDateFrom:hover,
#setTodayDateFrom:focus,
#setTodayDateFrom:active,
#setTodayDateTo:hover,
#setTodayDateTo:focus,
#setTodayDateTo:active {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #dc3545 !important;
}
#clearPersonName svg.fa-xmark,
#clearNewsCompany svg.fa-xmark,
#clearNewsCities svg.fa-xmark,
#clearRegionsCompany svg.fa-xmark,
#setTodayDateFrom svg.fa-xmark,
#setTodayDateTo svg.fa-xmark {
  width: 10.5px !important;
  height: 14px !important;
  display: block;
  color: inherit !important;
}

#clearPersonName,
#clearNewsCompany,
#clearNewsCities,
#setTodayDateFrom,
#setTodayDateTo {
  left: 10px !important;
}

#clearRegionsCompany {
  left: 30px !important;
}

/* ------------------------------------------------------------------
   NEWS: Select2 clear buttons
   - Multi-select:
     - HIDE Select2 built-in clear buttons: we use custom clear buttons.
   IMPORTANT: scope to the News form so other pages (Europe) can use
   built-in clear buttons (e.g., Statuses/Sizes).
------------------------------------------------------------------ */
#searchForm .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  display: none !important;
}

#searchForm .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear span {
  display: none !important;
}

/* ------------------------------------------------------------------
   NEWS: stacking order
   - Open dropdown menus must be above clear buttons
------------------------------------------------------------------ */
.select2-container--bootstrap-5 .select2-dropdown {
  z-index: 3005 !important;
}

.acf-dd.dropdown-menu {
  z-index: 3005 !important;
}

.dropdown-menu {
  z-index: 3005;
}

/* ------------------------------------------------------------------
   NEWS: AutocompleteFalcon dropdown styling (match jQuery UI Autocomplete look)
   Applies to #PersonName and #NewsCompany dropdown created in AutocompleteFalcon.js
------------------------------------------------------------------ */
.acf-dd.dropdown-menu {
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
  -webkit-box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  margin: 0 !important;
  padding: 0.2rem 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3005 !important;
}
.acf-dd.dropdown-menu .dropdown-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.25rem 0.6rem !important;
  margin: 0 0.35rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}
.acf-dd.dropdown-menu .dropdown-item:hover,
.acf-dd.dropdown-menu .dropdown-item:focus,
.acf-dd.dropdown-menu .dropdown-item:active {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}
.acf-dd.dropdown-menu .fininfo-ac-prefix {
  display: inline-block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 0.5rem !important;
  flex: 0 0 0.5rem !important;
  background-color: #6281C1 !important;
  border-radius: 50% !important;
  opacity: 0.9 !important;
}
.acf-dd.dropdown-menu .dropdown-item:hover .fininfo-ac-prefix,
.acf-dd.dropdown-menu .dropdown-item:focus .fininfo-ac-prefix,
.acf-dd.dropdown-menu .dropdown-item:active .fininfo-ac-prefix {
  background-color: #ffffff !important;
}

.news-results .list-group-item {
  background: transparent;
}

.news-results .news-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  display: inline-block;
  margin-top: 0.15rem;
}

.news-results .news-line {
  line-height: 1.25;
  word-break: break-word;
}

.news-result {
  /* Date label in the first column */
  /* Third column: make links more noticeable */
  /* Keep "danger" links visually distinct */
}
@media (max-width: 575.98px) {
  .news-result .news-search-group .input-group-text {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .news-result .news-table-wrap {
    margin: 0.75rem !important;
  }
  .news-result .news-table {
    font-size: 0.75rem;
  }
  .news-result .news-table > :not(caption) > * > * {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
  }
  .news-result td.news-date {
    padding-left: 0.35rem !important;
  }
  .news-result td.news-date .date {
    font-size: 0.72rem;
    font-weight: 600;
  }
  .news-result td.news-type {
    width: 1.4rem;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .news-result .news-pill {
    width: 0.85rem !important;
    height: 0.85rem !important;
  }
  .news-result td.news-content {
    line-height: 1.2;
  }
}
.news-result .news-date .date {
  font-weight: 600;
}
.news-result .news-content a {
  color: #6281C1 !important;
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 2px;
}
.news-result .news-content a:hover,
.news-result .news-content a:focus {
  color: #4466ac !important;
  text-decoration: underline;
}
.news-result .news-content a.link-danger {
  color: #dc3545 !important;
}
.news-result .news-content a.link-danger:hover,
.news-result .news-content a.link-danger:focus {
  color: #c62232 !important;
}
.news-result .news-table-wrap {
  border: 1px solid #e3e6ed;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--bs-body-bg);
}
.news-result .news-table.table-sm > :not(caption) > * > * {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.news-result .pagination .page-link {
  text-decoration: none !important;
}
.news-result .pagination .page-item.active > .page-link {
  border-radius: 0 !important;
}
.news-result .pagination .page-item.active > .page-link,
.news-result .pagination .page-item.active > .page-link:hover,
.news-result .pagination .page-item.active > .page-link:focus {
  background-color: #6281C1 !important;
  border-color: #6281C1 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.news-result .pagination .page-item > .page-link {
  white-space: nowrap;
  min-width: 25px;
  width: auto;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}
.news-result .pagination .page-item > .page-link[aria-label=Previous],
.news-result .pagination .page-item > .page-link[aria-label=Next] {
  width: 25px;
  min-width: 25px;
  padding-right: 0;
  padding-left: 0;
}
.news-result .pagination .page-item.disabled > .page-link {
  width: 25px;
  min-width: 25px;
  padding-right: 0;
  padding-left: 0;
}
.news-result #newsServerSearch {
  height: calc(1.5em + 0.5rem + 2px + 15px) !important;
  line-height: 1.5 !important;
  border: 1px solid #6281C1 !important;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(20, 32, 55, 0.08);
  box-shadow: 0 0.25rem 0.75rem rgba(20, 32, 55, 0.08);
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.news-result #newsServerSearch:focus {
  border-color: #6281C1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.news-result #newsServerSearch::-webkit-input-placeholder {
  color: rgba(31, 42, 68, 0.45);
}
.news-result #newsServerSearch::-moz-placeholder {
  color: rgba(31, 42, 68, 0.45);
}
.news-result #newsServerSearch:-ms-input-placeholder {
  color: rgba(31, 42, 68, 0.45);
}
.news-result #newsServerSearch::-ms-input-placeholder {
  color: rgba(31, 42, 68, 0.45);
}
.news-result #newsServerSearch::placeholder {
  color: rgba(31, 42, 68, 0.45);
}
.news-result .input-group-text {
  height: calc(1.5em + 0.5rem + 2px + 15px) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  min-width: 110px;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  text-align: right !important;
  background-color: rgba(98, 129, 193, 0.1) !important;
  border-color: rgba(98, 129, 193, 0.45) !important;
  color: #1f2a44 !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.news-result .input-group.input-group-sm {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.news-result #newsServerSearchSubmit:hover, .news-result #newsServerSearchSubmit:focus {
  background-color: rgba(98, 129, 193, 0.1) !important;
  border-color: rgba(98, 129, 193, 0.45) !important;
  color: #1f2a44 !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* ------------------------------------
   TopNews
------------------------------------- */
.topnews-list .list-group-item {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.05);
}

.topnews-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background-color: #6281C1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.topnews-title {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.btn-fininfo {
  --bs-btn-bg: #6281C1;
  --bs-btn-border-color: #6281C1;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #4466ac;
  --bs-btn-hover-border-color: #4466ac;
  --bs-btn-hover-color: #fff;
  --bs-btn-focus-shadow-rgb: 98, 129, 193;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  text-transform: none;
}

.topnews-source {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  opacity: 0.85;
}

.topnews-link {
  text-decoration: none !important;
}

/* ------------------------------------
   TopNews - compact layout
------------------------------------- */
.topnews-list .list-group-item {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.05);
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

.topnews-title {
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.2;
}

.topnews-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background-color: #6281C1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.topnews-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: relative;
  padding-left: 4.6rem;
  padding-bottom: 0.6rem;
  line-height: 1.2;
}

.btn-fininfo.topnews-link {
  font-size: 0.72rem;
  font-weight: 500;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  position: absolute;
  left: 0;
  bottom: 0.15rem;
  line-height: 1.2;
  text-decoration: none !important;
}
.btn-fininfo.topnews-link:hover, .btn-fininfo.topnews-link:focus {
  background-color: #6281C1 !important;
  border-color: #6281C1 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn-fininfo.topnews-link:focus-visible {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.35);
  box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.35);
}

/* ------------------------------------
   TopNews - XS (mobile) compact layout
   - Reduce text + dot + paddings on extra small
   - Keep the "Više" button size as on larger breakpoints
------------------------------------- */
@media (max-width: 575.98px) {
  .topnews-card .card-header {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .topnews-card .card-header h6 {
    font-size: 0.9rem;
  }
  .topnews-card .card-body {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .topnews-list .list-group-item {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }
  .topnews-item {
    gap: 0.4rem !important;
  }
  .topnews-dot {
    width: 0.35rem;
    height: 0.35rem;
    margin-top: 0.35rem !important;
  }
  .topnews-title {
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
  }
  .topnews-row {
    padding-left: 4.6rem; /* keep space reserved for the button */
    padding-bottom: 0.55rem;
    line-height: 1.1;
  }
  /* IMPORTANT: keep button size as on larger breakpoints */
  .btn-fininfo.topnews-link {
    font-size: 0.72rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
  }
}
/* ------------------------------------
   News/Index header
   - XS: prevent title from jumping up on small screens
------------------------------------- */
@media (max-width: 575.98px) {
  .container-fluid .fa-newspaper + h5 {
    margin-bottom: 0 !important;
    line-height: 1.1;
  }
  .container-fluid .fa-newspaper {
    line-height: 1.1;
  }
}
.news-details-modal .newsDetailsScroller {
  max-height: min(75vh, 900px);
  overflow: auto;
}
.news-details-modal .news-details-summary,
.news-details-modal .news-details-content {
  line-height: 1.45;
  word-break: break-word;
}
.news-details-modal .news-details-content p:last-child {
  margin-bottom: 0;
}
.news-details-modal .news-docs-scroll {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #e3e6ed;
  border-radius: 0.75rem;
}
.news-details-modal .news-docs-scroll table {
  font-size: 0.78rem;
  line-height: 1.15;
}
.news-details-modal .news-docs-scroll table th,
.news-details-modal .news-docs-scroll table td {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}
.news-details-modal .news-doc-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.45rem;
  max-width: 100%;
  white-space: nowrap;
  vertical-align: middle;
}
.news-details-modal .news-doc-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.25rem;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  margin-left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}
.news-details-modal .news-doc-link__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  display: inline-block;
  font-size: 0.82rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.news-details-modal svg.fin-doc-icon,
.news-details-modal i.fin-doc-icon {
  width: 1.05rem;
  height: 1.05rem;
  display: inline-block;
  line-height: 1;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.news-details-modal svg.fin-doc-icon path,
.news-details-modal svg.fin-doc-icon use {
  display: none !important;
}
.news-details-modal .fin-doc-icon--pdf {
  background-image: url(/Content/images/Falcon/SVGs/pdf_file_icon.svg);
}
.news-details-modal .fin-doc-icon--excel {
  background-image: url(/Content/images/Falcon/SVGs/excel_file_icon.svg);
}
.news-details-modal .fin-doc-icon--word {
  background-image: url(/Content/images/Falcon/SVGs/word_file_icon1.svg);
}

/* ------------------------------------
   TopNews - modern heading
------------------------------------- */
.topnews-card .topnews-heading {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #6281C1;
  line-height: 1.1;
}

/* XS: slightly smaller heading */
@media (max-width: 575.98px) {
  .topnews-card .topnews-heading {
    font-size: 0.85rem;
  }
  .topnews-card .topnews-heading-accent {
    width: 0.45rem;
    height: 0.45rem;
  }
}
@media (max-width: 767.98px) {
  #contentOneColumnHolder > .card.w-50 {
    width: 90% !important;
  }
}
/* ------------------------------------------------------------------
   Procurements: Follow / Unfollow button (modern)
------------------------------------------------------------------ */
.procurementDetails {
  position: relative;
}

/* Follow button in the top-right corner */
.procurementDetails .js-procurement-follow-toggle {
  position: absolute;
  /* moved up a bit (was 0.75rem) */
  top: 0.4rem;
  left: 0.75rem;
  z-index: 10;
}

/* Prevent title/content from going under the absolute-positioned button */
.procurementDetails > h4,
.procurementDetails h4.col-12 {
  padding-left: 7.75rem;
}

/* Button base */
.js-procurement-follow-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.35rem 0.5rem;
  min-height: 1.95rem;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  line-height: 1;
  -webkit-transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, -webkit-transform 80ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, -webkit-transform 80ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 80ms ease, box-shadow 160ms ease;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 80ms ease, box-shadow 160ms ease, -webkit-transform 80ms ease, -webkit-box-shadow 160ms ease;
}

/* Force the inner label to be centered regardless of Bootstrap utility classes (me-5, d-inline-block) */
.js-procurement-follow-toggle .js-follow-text {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  text-transform: inherit;
  font-size: 0.65rem !important;
}

/* FOLLOW state */
.js-procurement-follow-toggle:not(.unfollow) {
  background-color: #6281C1;
  color: #ffffff;
  border-color: #6281C1;
}
.js-procurement-follow-toggle:not(.unfollow):hover, .js-procurement-follow-toggle:not(.unfollow):focus {
  background-color: #476ab3;
  border-color: #476ab3;
  color: #ffffff;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(98, 129, 193, 0.22);
  box-shadow: 0 0 0 0.1rem rgba(98, 129, 193, 0.22);
  outline: 0;
}
.js-procurement-follow-toggle:not(.unfollow):active {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}

/* UNFOLLOW state */
.js-procurement-follow-toggle.unfollow {
  background-color: #eeeeee;
  color: #1f2a44;
  border-color: #dfe3ea;
}
.js-procurement-follow-toggle.unfollow:hover, .js-procurement-follow-toggle.unfollow:focus {
  background-color: #e6e9ef;
  border-color: #d3d9e3;
  color: #111827;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(31, 42, 68, 0.1);
  box-shadow: 0 0 0 0.1rem rgba(31, 42, 68, 0.1);
  outline: 0;
}
.js-procurement-follow-toggle.unfollow:active {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}

/* Disabled */
.js-procurement-follow-toggle:disabled,
.js-procurement-follow-toggle[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------------
   Procurements: Content navigation dropdowns
   - Po stranici
   - Razvrstaj
   - Redoslijed
------------------------------------------------------------------ */
.fin-proc-dd {
  /* Keep the opened dropdown panel the same width as the toggle button */
  /* Match global combobox open-state highlight (see ControlsDesignFalcon.scss) */
}
.fin-proc-dd .fin-proc-dd__toggle.btn-outline-secondary:hover, .fin-proc-dd .fin-proc-dd__toggle.btn-outline-secondary:focus, .fin-proc-dd .fin-proc-dd__toggle.btn-outline-secondary:active, .fin-proc-dd .fin-proc-dd__toggle.btn-outline-secondary.show {
  background-color: #6281C1;
  border-color: #6281C1;
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.fin-proc-dd .dropdown-menu {
  min-width: 100%;
  width: 100%;
}
.fin-proc-dd .dropdown-menu.show .dropdown-item {
  white-space: normal;
}
.fin-proc-dd .dropdown-menu.show .dropdown-item:hover, .fin-proc-dd .dropdown-menu.show .dropdown-item:focus, .fin-proc-dd .dropdown-menu.show .dropdown-item:active {
  background-color: #6281C1;
  color: #ffffff;
}
.fin-proc-dd .dropdown-menu.show .dropdown-item.active {
  background-color: #6281C1;
  color: #ffffff;
}

/* The sort dropdown has long item captions so widen the control (menu follows) */
@media (min-width: 992px) {
  .fin-proc-dd--sort > .fin-proc-dd__toggle,
  .fin-proc-dd--sort > select,
  .fin-proc-dd--sort > .select2-container {
    min-width: 12.5rem;
  }
}
/* ------------------------------------------------------------------
   Procurements: Select2 FOUC prevention (initial page load)

   On a full refresh, native <select multiple> elements can briefly render as
   listboxes until Select2 initializes on DOM ready.

   Strategy:
   - Hide only Select2 opt-in selects on Procurements page until Select2 adds
     `.select2-hidden-accessible`.
   - Provide a short fallback that reveals the native select after a delay in
     case Select2 fails to initialize (prevents “invisible form” failure mode).
------------------------------------------------------------------ */
@-webkit-keyframes fin-proc-select2-fallback-show {
  to {
    opacity: 1;
  }
}
@keyframes fin-proc-select2-fallback-show {
  to {
    opacity: 1;
  }
}
#searchFormProcurement select[data_fin_select2=true]:not(.select2-hidden-accessible),
#searchFormProcurement select[data-fin-select2=true]:not(.select2-hidden-accessible),
#procurementResultWrapper select[data_fin_select2=true]:not(.select2-hidden-accessible),
#procurementResultWrapper select[data-fin-select2=true]:not(.select2-hidden-accessible) {
  opacity: 0;
  -webkit-animation: fin-proc-select2-fallback-show 0s linear 700ms forwards;
  animation: fin-proc-select2-fallback-show 0s linear 700ms forwards;
}

/* ------------------------------------------------------------------
   AUTOCOMPLETE FALCON (global)
   - Custom dropdown (.acf-dd) used by Scripts/AutocompleteFalcon.js
------------------------------------------------------------------ */
.acf-dd.dropdown-menu {
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
  -webkit-box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  margin: 0 !important;
  padding: 0.2rem 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3005 !important;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  max-height: 18.75rem;
}
.acf-dd.dropdown-menu .dropdown-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.25rem 0.6rem !important;
  margin: 0 0.35rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}
.acf-dd.dropdown-menu .dropdown-item:hover,
.acf-dd.dropdown-menu .dropdown-item:focus,
.acf-dd.dropdown-menu .dropdown-item:active {
  background-color: #6281C1 !important;
  color: #ffffff !important;
}
.acf-dd.dropdown-menu .fininfo-ac-prefix {
  display: inline-block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 0.5rem !important;
  flex: 0 0 0.5rem !important;
  background-color: #6281C1 !important;
  border-radius: 50% !important;
  opacity: 0.9 !important;
}
.acf-dd.dropdown-menu .dropdown-item:hover .fininfo-ac-prefix,
.acf-dd.dropdown-menu .dropdown-item:focus .fininfo-ac-prefix,
.acf-dd.dropdown-menu .dropdown-item:active .fininfo-ac-prefix {
  background-color: #ffffff !important;
}

/* Keep Select2 dropdown above inputs/buttons (common overlap issue) */
.select2-container--bootstrap-5 .select2-dropdown {
  z-index: 3005 !important;
}

/* Custom styles for ensureDropdown function */
.position-relative {
  position: relative !important;
}

/* CompanyNameAuto: wrapper uses right padding for alignment, so dropdown must match input width (exclude padding) */
#acf-dd-company.acf-dd.dropdown-menu {
  width: calc(100% - 1.15rem) !important;
}

/* MainSearchAuto (Shared/_MainSearch.cshtml)
   Problem: input has rounded corners; full-width dropdown looks too wide.
   Solution: allow per-control horizontal insets via CSS variables scoped to the form wrapper.
*/
.fin-mainsearch-acf {
  --fin-acf-mainsearch-dd-inset-left: 1.30rem;
  --fin-acf-mainsearch-dd-inset-right: 1.30rem;
}

#acf-dd-mainSearch.acf-dd.dropdown-menu {
  right: var(--fin-acf-mainsearch-dd-inset-left) !important;
  width: calc(100% - var(--fin-acf-mainsearch-dd-inset-left) - var(--fin-acf-mainsearch-dd-inset-right)) !important;
}

/* ------------------------------------------------------------------
   ControlsDesignFalcon.scss
   Global control styling for:
   - Control height + typography
   - Floating labels / placeholders
   - Clear buttons (unified look)
   - Select2 (single + multiple) including dropdown (match AutocompleteFalcon)

   IMPORTANT:
   - Do NOT touch NKD tree control (.clearTree / ActivityCompanies / TreeViewWrap).
------------------------------------------------------------------ */
/* =========================
   Tokens (single source)
   ========================= */
:root {
  --fin-control-height: 50px;
  --fin-control-font-size: 0.8333333333rem;
  --fin-placeholder-color: #6c757d;
  --fin-clear-color: #6c757d;
  --fin-clear-color-hover: #dc3545;
  --fin-clear-btn-size: 2rem;
  --fin-clear-icon-w: 10.5px;
  --fin-clear-icon-h: 14px;
  --fin-clear-offset-x: 0.3rem;
  /* Per-control extra right offset (useful when wrapper has right padding for alignment) */
  --fin-clear-extra-offset-x: 0rem;
  /* Extra left shift for clear buttons on plain text inputs */
  --fin-clear-input-extra-left: 2px;
  /* Select2 right-side geometry */
  --fin-select2-chevron-space: 30px;
  --fin-select2-chevron-shift-x: 5px;
  /* Clear button distance LEFT from chevron for Select2 combo boxes */
  --fin-select2-clear-gap: 25px;
  --fin-select2-single-text-indent-x: 5px;
  /* placeholder label lift (global) */
  --fin-placeholder-shift-y: -5px;
  /* shared interactive color */
  --fin-accent: #6281C1;
  /* Select2 SINGLE arrow is narrower than MULTIPLE in bootstrap-5 theme */
  --fin-select2-chevron-space-single: 0px;
  /* MULTISELECT ONLY: distance of the chevron from the right edge */
  --fin-select2-chevron-offset-right-multi: 0px;
  /* MULTISELECT ONLY: extra horizontal shift applied via transform (negative moves left) */
  --fin-select2-chevron-shift-x-multi: 0px;
  /* FontAwesome xmark as CSS mask (matches clear buttons icon) */
  --fin-fa-xmark-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
  /* FontAwesome chevron-down as CSS mask (used for flatpickr month dropdown cue) */
  --fin-fa-chevron-down-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
  /* MULTISELECT ONLY: fine-tune clear button horizontal position.
     Positive values move the clear button RIGHT (toward the right edge). */
  --fin-select2-clear-shift-x-multi: 36px;
  /* Validation (numeric inputs) */
  --fin-invalid-bg: #FCACAD;
  --fin-invalid-border: #dc3545;
}

/* =========================================================
   MVC unobtrusive validation (GLOBAL)
   - Map default unobtrusive classes to a Bootstrap-like invalid appearance
   ========================================================= */
input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
  border-color: var(--fin-invalid-border) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.field-validation-error {
  display: block;
}

/* =========================================================
   Exceptions: allow larger textareas where explicitly needed
   ========================================================= */
.fin-trial-form textarea.form-control {
  min-height: 4rem !important;
  height: 16rem !important;
}

/* =========================================================
   Numeric invalid state (GLOBAL)
   - Keep the whole control (input + floating label cover area)
     in the same red tone.
   ========================================================= */
.fin-numeric-invalid > .form-control,
.fin-numeric-invalid > input.form-control,
.fin-numeric-invalid > textarea.form-control {
  background-color: var(--fin-invalid-bg) !important;
  border-color: var(--fin-invalid-border) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.fin-numeric-invalid > label {
  /* Keep label transparent so it inherits the input's background.
     Setting a solid background here caused visible mismatch and bleed outside the control
     due to the global floating-label transform/scale. */
  background-color: transparent !important;
  color: #1f2a44 !important;
  opacity: 1 !important;
}

/* =========================================================
   Controls (GLOBAL) - height + text sizing
   ========================================================= */
.form-control,
.form-select,
.flatpickr-input,
input.form-control,
input.form-control.sendInput,
textarea.form-control {
  height: var(--fin-control-height) !important;
  min-height: var(--fin-control-height) !important;
  font-size: var(--fin-control-font-size) !important;
}

/* =========================================================
   Placeholder / Floating-label (GLOBAL)
   ========================================================= */
::-webkit-input-placeholder {
  color: var(--fin-placeholder-color) !important;
  opacity: 1;
}
::-moz-placeholder {
  color: var(--fin-placeholder-color) !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--fin-placeholder-color) !important;
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--fin-placeholder-color) !important;
  opacity: 1;
}
::placeholder {
  color: var(--fin-placeholder-color) !important;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: var(--fin-placeholder-color) !important;
}

.form-floating > label {
  color: var(--fin-placeholder-color) !important;
  font-weight: 400 !important;
  opacity: 0.75 !important;
  -webkit-transform: scale(0.85) translateY(calc(-0.5rem + var(--fin-placeholder-shift-y))) translateX(-0.15rem) !important;
  -ms-transform: scale(0.85) translateY(calc(-0.5rem + var(--fin-placeholder-shift-y))) translateX(-0.15rem) !important;
  transform: scale(0.85) translateY(calc(-0.5rem + var(--fin-placeholder-shift-y))) translateX(-0.15rem) !important;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transition: none !important;
  transition: none !important;
}

.form-floating > .form-control::-webkit-input-placeholder {
  color: transparent;
}

.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control:-ms-input-placeholder {
  color: transparent;
}

.form-floating > .form-control::-ms-input-placeholder {
  color: transparent;
}

.form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control,
.form-floating > .form-select {
  padding-top: 1.35rem;
  padding-bottom: 0.4rem;
}

/* Flex layouts: allow controls inside `.d-flex` rows to shrink without overflowing */
.d-flex > .form-floating,
.d-flex > span.form-floating,
.d-flex > .form-floating-always,
.d-flex > span.form-floating-always {
  min-width: 0 !important;
}

/* =========================================================
   Clear buttons (GLOBAL) - external (<button id="clear...">)
   ========================================================= */
.fin-clear-btn,
button.fin-clear-btn,
button[id^=clear],
button[id*=clear],
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  width: var(--fin-clear-btn-size) !important;
  height: var(--fin-clear-btn-size) !important;
  /* Do not set display here; allow .d-none to work */
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: var(--fin-clear-color) !important;
  cursor: pointer !important;
}
.fin-clear-btn:hover, .fin-clear-btn:focus, .fin-clear-btn:active,
button.fin-clear-btn:hover,
button.fin-clear-btn:focus,
button.fin-clear-btn:active,
button[id^=clear]:hover,
button[id^=clear]:focus,
button[id^=clear]:active,
button[id*=clear]:hover,
button[id*=clear]:focus,
button[id*=clear]:active,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:hover,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:focus,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:active,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:hover,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:focus,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:active {
  color: var(--fin-clear-color-hover) !important;
}
.fin-clear-btn .fa-xmark,
.fin-clear-btn .svg-inline--fa.fa-xmark,
.fin-clear-btn svg.fa-xmark,
button.fin-clear-btn .fa-xmark,
button.fin-clear-btn .svg-inline--fa.fa-xmark,
button.fin-clear-btn svg.fa-xmark,
button[id^=clear] .fa-xmark,
button[id^=clear] .svg-inline--fa.fa-xmark,
button[id^=clear] svg.fa-xmark,
button[id*=clear] .fa-xmark,
button[id*=clear] .svg-inline--fa.fa-xmark,
button[id*=clear] svg.fa-xmark,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y .fa-xmark,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y .svg-inline--fa.fa-xmark,
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y svg.fa-xmark,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y .fa-xmark,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y .svg-inline--fa.fa-xmark,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y svg.fa-xmark {
  width: var(--fin-clear-icon-w) !important;
  height: var(--fin-clear-icon-h) !important;
  display: block;
  color: inherit !important;
}

/* When visible (not .d-none), ensure consistent layout */
.fin-clear-btn:not(.d-none),
button.fin-clear-btn:not(.d-none),
button[id^=clear]:not(.d-none),
button[id*=clear]:not(.d-none),
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:not(.d-none),
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y:not(.d-none) {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/* Default positioning (textbox-style) */
.position-relative > button[id^=clear],
.position-relative > button[id*=clear],
.form-floating.position-relative > button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > button.position-absolute.top-50.end-0.translate-middle-y {
  position: absolute !important;
  top: 50% !important;
  left: calc(var(--fin-clear-offset-x) + var(--fin-clear-extra-offset-x)) !important;
  right: auto !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
  z-index: 6 !important;
  pointer-events: auto !important;
}

/* Plain Bootstrap text inputs: shift clear button slightly left to align visually */
.form-floating > input.form-control ~ button[id^=clear],
.form-floating > input.form-control ~ button[id*=clear],
.form-floating-always > input.form-control ~ button[id^=clear],
.form-floating-always > input.form-control ~ button[id*=clear] {
  left: calc(var(--fin-clear-offset-x) + var(--fin-clear-extra-offset-x) + var(--fin-clear-input-extra-left)) !important;
}

/* =========================================================
   MainSearch ACF (Shared/_MainSearch.cshtml)
   - Dedicated clear button + loader positioning for the global search bar
   - Keep changes scoped so other clear buttons are not affected
   ========================================================= */
.fin-mainsearch-acf {
  /* Push clear button a bit away from the right edge (search box has dense UI). */
  --fin-clear-offset-x: 0.75rem;
}

.fin-mainsearch-acf > button#clearMainSearchAuto.fin-mainsearch-clear {
  /* Reuse global clear-button look (size/icon), but force correct absolute positioning
     even though this isn't inside .form-floating. */
  position: absolute !important;
  top: 50% !important;
  left: calc(var(--fin-clear-offset-x) + var(--fin-clear-extra-offset-x)) !important;
  right: auto !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
}

.fin-mainsearch-acf > #mainSearchLoader.fin-mainsearch-loader {
  position: absolute !important;
  top: 50% !important;
  /* ~50px left from clear button to avoid overlap */
  left: calc(var(--fin-clear-offset-x) + var(--fin-clear-extra-offset-x) + 3.15rem) !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
}

/* =========================================================
   Select2 (GLOBAL) - selection + sizing
   ========================================================= */
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-selection__rendered,
.select2-container--bootstrap-5 .select2-search__field,
.select2-container--bootstrap-5 .select2-selection__choice {
  font-size: var(--fin-control-font-size) !important;
}

.select2-container--bootstrap-5 .select2-selection {
  position: relative;
  overflow: visible;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Chevron (arrow): move 5px left */
.select2-container--bootstrap-5 .select2-selection__arrow,
.select2-container--bootstrap-5 .select2-selection__arrow .fa-angle-down,
.select2-container--bootstrap-5 .select2-selection__arrow .fa-chevron-down,
.select2-container--bootstrap-5 .select2-selection__arrow .fa-solid.fa-chevron-down {
  -webkit-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) !important;
  -ms-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) !important;
  transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) !important;
}

/* MULTIPLE - force chevron to match SINGLE (position + size) */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__arrow {
  position: absolute !important;
  top: 50% !important;
  left: var(--fin-select2-chevron-offset-right-multi) !important;
  -webkit-transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi)) !important;
  -ms-transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi)) !important;
  transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi)) !important;
  height: calc(var(--fin-control-height) - 1px) !important;
  width: var(--fin-select2-chevron-space) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

/* Select2 clear button base (internal clear, when present) */
.select2-container--bootstrap-5 .select2-selection__clear {
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: var(--fin-clear-btn-size) !important;
  height: var(--fin-clear-btn-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--fin-clear-color) !important;
  cursor: pointer;
  z-index: 6 !important;
  pointer-events: auto !important;
}
.select2-container--bootstrap-5 .select2-selection__clear:hover, .select2-container--bootstrap-5 .select2-selection__clear:focus, .select2-container--bootstrap-5 .select2-selection__clear:active {
  color: var(--fin-clear-color-hover) !important;
}

/* Internal clear (if shown): place it left of chevron */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(0.95rem + var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap) - var(--fin-select2-clear-shift-x-multi)) !important;
}

/* Leave room for right-side UI */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  padding-left: calc(2.5rem + var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap)) !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
  padding-left: calc(var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap) + 2.25rem) !important;
}

/* SINGLE */
.select2-container--bootstrap-5 .select2-selection--single {
  height: var(--fin-control-height) !important;
  min-height: var(--fin-control-height) !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 11px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  background: transparent !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto !important;
  min-height: 0 !important;
  line-height: calc(var(--fin-control-height) - 2px) !important;
  padding-top: 0 !important;
  padding-bottom: 1px !important;
  padding-right: var(--fin-select2-single-text-indent-x) !important;
  margin-right: 0 !important;
}

/* Distribution period select (combobox___idx__b): on XS reduce padding so year text fits */
@media (max-width: 575.98px) {
  select.fin-distr-period + span.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-left: 1.75rem !important;
    padding-right: 0.25rem !important;
  }
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
  padding-right: var(--fin-select2-single-text-indent-x) !important;
  margin-right: 0 !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
  height: calc(var(--fin-control-height) - 1px) !important;
}

/* MULTIPLE baseline */
.select2-container--bootstrap-5 .select2-selection--multiple {
  min-height: var(--fin-control-height) !important;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible !important;
  padding-top: 1.1rem !important;
  padding-bottom: 0.1rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
  gap: 0.1rem !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 !important;
  padding-right: 0.2rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.25rem;
  line-height: 1.2 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  padding: 0.05rem 0.15rem !important;
  margin-top: 0.15rem !important;
  margin-bottom: 0.05rem !important;
  font-size: 0.72rem !important;
  line-height: 1.05 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__display {
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
  padding: 0.1rem !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* Focus/Open state border */
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-selection:focus,
.select2-container--bootstrap-5 .select2-selection:active {
  border: 1px solid var(--fin-accent) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Dropdown search input (SINGLE) - focus border */
.select2-container--bootstrap-5 .select2-dropdown .select2-search__field:focus,
.select2-container--bootstrap-5 .select2-dropdown .select2-search__field:focus-visible {
  border: 1px solid var(--fin-accent) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* MULTIPLE - inline search field (<textarea.select2-search__field>) */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field {
  border: 0 !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-top: 0.25rem !important;
  padding-right: 0.3rem !important;
  width: 100% !important;
  min-width: 6ch !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  max-height: 1.25rem !important;
  resize: none !important;
  overflow: hidden !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field:focus,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* =========================================================
   Select2 dropdown (UL/LIs) - match AutocompleteFalcon.scss
   ========================================================= */
.select2-container--bootstrap-5 .select2-dropdown {
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
  -webkit-box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  margin: 0 !important;
  padding: 0.2rem 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3005 !important;
}

.select2-container--bootstrap-5 .select2-results__options {
  margin: 0 !important;
  padding: 0 !important;
}

.select2-container--bootstrap-5 .select2-results__option {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.25rem 0.6rem !important;
  margin: 0 0.35rem !important;
  border-radius: 0.55rem !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

.select2-container--bootstrap-5 .select2-results__option::before {
  content: "" !important;
  display: inline-block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 0.5rem !important;
  flex: 0 0 0.5rem !important;
  border-radius: 50% !important;
  background-color: var(--fin-accent) !important;
  opacity: 0.9 !important;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted::before,
.select2-container--bootstrap-5 .select2-results__option--highlighted.select2-results__option--selectable::before,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted::before,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted.select2-results__option--highlighted.select2-results__option--selectable::before,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted.select2-results__option--highlighted.select2-results__option--selectable::before,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable::before {
  background-color: #ffffff !important;
}

.select2-container--bootstrap-5 .select2-results__option--selected {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

.select2-container--bootstrap-5 .select2-results__option--selected::before {
  background-color: #ffffff !important;
}

/* =========================================================
   Select2 SINGLE: hide empty/placeholder option from dropdown list
   - Requirement (DEMO + production parity): first empty option must NOT be visible.
   - Keep it in the underlying <select> so placeholder/clearing works.
   - Scope only to single-selects.
   ========================================================= */
/* Select2 uses either `id` (option element id) or `data-select2-id` for internal identifiers.
   For empty options we want to hide the row in results. */
.select2-container--bootstrap-5 .select2-results__option[id$=-result-] {
  display: none !important;
}

.select2-container--bootstrap-5 .select2-results__option[id$=-result-][aria-selected] {
  display: none !important;
}

/* More precise: hide empty option rows where Select2 put an empty label.
   This avoids hiding legitimate options in other controls. */
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--selectable:empty {
  display: none !important;
}

/* =========================================================
   Legacy jquery.multiSelect (GLOBAL)
   ========================================================= */
a.multiSelect {
  height: var(--fin-control-height) !important;
  min-height: var(--fin-control-height) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a.multiSelect > span {
  font-size: var(--fin-control-font-size) !important;
  line-height: 1.2 !important;
}

/* Neutralize legacy inline heights on multi selects (global) */
select[multiple].form-select {
  height: auto !important;
  min-height: var(--fin-control-height) !important;
}

/* Select2: do not show the leading dot for message rows (inputTooShort/noResults/etc.) */
.select2-container--bootstrap-5 .select2-results__option.select2-results__message {
  min-height: 0 !important;
  padding: 0 !important;
}

/* HARD override: Select2 multi search field is a textarea. Prevent global textarea height rules from breaking it. */
.select2-container--bootstrap-5 .select2-selection--multiple textarea.select2-search__field {
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  max-height: 1.25rem !important;
  width: 100% !important;
  min-width: 6ch !important;
  border: 0 !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0.25rem 0 0 0 !important;
  background: transparent !important;
  resize: none !important;
  overflow: hidden !important;
}

.select2-container--bootstrap-5 .select2-results__option.select2-results__message {
  display: none !important;
}

.select2-container--bootstrap-5 .select2-results__option.select2-results__message::before {
  display: none !important;
  content: none !important;
}

/* NOTE: Avoid `:has()` for broader browser compatibility. */
/* =========================================================
   Cities autocomplete (Select2 tags/remote) is NOT a "combo box"
   Requirements:
   - no chevron arrow
   - clear button must sit like regular textbox clear buttons
   ========================================================= */
/* Cities autocomplete (Select2 tags/remote)
   - no chevron arrow
   - external clear button behaves like a textbox clear button
   (Do NOT use `:has()` selectors.) */
.form-floating > select[data-citiesautocomplete] ~ .select2-container--bootstrap-5 .select2-selection__arrow,
.form-floating-always > select[data-citiesautocomplete] ~ .select2-container--bootstrap-5 .select2-selection__arrow {
  display: none !important;
}

.form-floating > select[data-citiesautocomplete] ~ button[id^=clear],
.form-floating > select[data-citiesautocomplete] ~ button[id*=clear],
.form-floating-always > select[data-citiesautocomplete] ~ button[id^=clear],
.form-floating-always > select[data-citiesautocomplete] ~ button[id*=clear] {
  left: calc(var(--fin-clear-offset-x) + var(--fin-clear-input-extra-left)) !important;
}

/* =========================================================
   Select2 external clear button positioning (NO `:has()`)
   - The external clear button is a sibling of the underlying `<select>`.
   - Use the select's attributes (multiple + data-fin-clear) to scope rules.
   - This must override Bootstrap `.end-0 { right: 0 !important; }`.
   ========================================================= */
/* SINGLE select2 with external clear */
.form-floating.position-relative > select.select2-hidden-accessible:not([multiple])[data-fin-clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating.position-relative > select.select2-hidden-accessible:not([multiple])[data_fin_clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > select.select2-hidden-accessible:not([multiple])[data-fin-clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > select.select2-hidden-accessible:not([multiple])[data_fin_clear] ~ button.position-absolute.top-50.end-0.translate-middle-y {
  left: calc(0.95rem + var(--fin-select2-chevron-space-single) + var(--fin-select2-clear-gap)) !important;
}

/* MULTI select2 with external clear */
.form-floating.position-relative > select.select2-hidden-accessible[multiple][data-fin-clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating.position-relative > select.select2-hidden-accessible[multiple][data_fin_clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > select.select2-hidden-accessible[multiple][data-fin-clear] ~ button.position-absolute.top-50.end-0.translate-middle-y,
.form-floating-always.position-relative > select.select2-hidden-accessible[multiple][data_fin_clear] ~ button.position-absolute.top-50.end-0.translate-middle-y {
  left: calc(0.95rem + var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap) - var(--fin-select2-clear-shift-x-multi)) !important;
}

/* Normalize Select2 MULTIPLE chevron icon size/position (Font Awesome SVG injected via JS) */
.select2-container--bootstrap-5 .select2-selection__arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

/* When JS injects FA chevron into arrow, force it to match single arrow visual size */
.select2-container--bootstrap-5 .select2-selection__arrow .svg-inline--fa.fa-chevron-down,
.select2-container--bootstrap-5 .select2-selection__arrow svg.fa-chevron-down,
.select2-container--bootstrap-5 .select2-selection__arrow .fa-chevron-down {
  width: 0.75rem !important;
  height: 0.75rem !important;
  display: block !important;
}

/* Hide default <b> arrow glyph when we use injected SVG (prevents any double-glyph scenarios) */
.select2-container--bootstrap-5 .select2-selection__arrow b {
  display: none !important;
}

/* MULTIPLE: ensure Select2 internal clear button is visible and clickable */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: var(--fin-clear-btn-size) !important;
  height: var(--fin-clear-btn-size) !important;
  line-height: 1 !important;
  z-index: 7 !important;
  pointer-events: auto !important;
  /* If theme hides it via opacity/visibility */
  opacity: 1 !important;
  visibility: visible !important;
}

/* MULTIPLE: Select2 internal clear rendered as FontAwesome xmark (no HTML changes) */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  background-image: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  padding: 0 !important;
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

/* Hide Select2 "×" text and draw our own xmark */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear > span[aria-hidden=true] {
  display: none !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear::before {
  content: "" !important;
  display: block !important;
  width: var(--fin-clear-icon-w) !important;
  height: var(--fin-clear-icon-h) !important;
  background-color: currentColor !important;
  -webkit-mask-image: var(--fin-fa-xmark-mask) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--fin-fa-xmark-mask) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

/* Prevent Select2 arrow hit-area from hijacking clicks on controls below */
.select2-container--bootstrap-5 .select2-selection__arrow {
  pointer-events: none !important;
}

/* =========================================================
   Select2 DISABLED state (GLOBAL)
   - Ensure disabled controls look like other disabled inputs
   - Prevent "focus" blue border when Select2 is disabled
   ========================================================= */
/* Disabled Select2: match disabled form controls (bg + text) */
.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* Disabled Select2 MULTIPLE: keep full gray fill on the rendered area */
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-search__field {
  background-color: #f1f3f5 !important;
  color: #6c757d !important;
}

/* Disabled Select2: neutralize border + prevent blue focus border */
.select2-container--bootstrap-5.select2-container--disabled .select2-selection,
.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--disabled.select2-container--open .select2-selection {
  border-color: #ced4da !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Disabled Select2: make arrow/icon gray as well */
.select2-container--bootstrap-5.select2-container--disabled .select2-selection__arrow,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection__arrow svg,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection__arrow .svg-inline--fa {
  color: #6c757d !important;
  fill: #6c757d !important;
}

#distribution {
  /* =========================================================
     Companies > 3rd section (distribution) - chart/slider height clamp
     ========================================================= */
  /* Distribution-only select2 geometry overrides (keep your existing vars) */
  --fin-select2-chevron-space: 18px;
  --fin-select2-chevron-shift-x: 0px;
  --fin-select2-clear-gap: 0px;
}
#distribution .distributionWrapper .distribution {
  /* Chart + slider are stacked vertically (NOT overlay) */
  /* Ensure legacy absolute/inset can't break layout */
  /* Slider in normal flow */
  /* Disabled state (moved from _user-variables.scss) */
  /* noUiSlider sizing (moved from _user-variables.scss, adjusted) */
}
#distribution .distributionWrapper .distribution .chart {
  margin-top: 3px !important;
  overflow: visible;
  position: relative;
}
#distribution .distributionWrapper .distribution .distribution-plot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0px; /* razmak između grafa i slidera */
  width: 100%;
}
#distribution .distributionWrapper .distribution .distribution-chart-host {
  position: relative;
  width: 100%;
  height: 40px; /* graf visina */
}
#distribution .distributionWrapper .distribution .distribution-chart {
  position: static !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
}
#distribution .distributionWrapper .distribution .distribution-slider {
  position: static !important;
  inset: auto !important;
  width: 100%;
  height: 20px; /* uskladi s JS inline height=20px */
}
#distribution .distributionWrapper .distribution .distribution-slider.is-disabled,
#distribution .distributionWrapper .distribution .distribution-slider[disabled] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.4;
  pointer-events: none;
}
#distribution .distributionWrapper .distribution .distribution-slider .noUi-target {
  width: 100%;
  height: 100%;
}
#distribution .distributionWrapper .distribution .distribution-slider .noUi-base {
  height: 100%;
}
#distribution .distributionWrapper .distribution .distribution-slider .noUi-connects {
  height: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#distribution .distributionWrapper .distribution .distribution-slider .noUi-horizontal .noUi-handle {
  border-radius: 3px;
  height: 22px;
  width: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#distribution .distributionWrapper .select2 {
  width: 100% !important;
}
#distribution .distributionWrapper .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  padding-left: 1rem !important;
}

#distribution .distributionWrapper .distribution {
  /* slider 5px niže */
  /* graf 2px više */
}
#distribution .distributionWrapper .distribution .distribution-slider {
  margin-top: 8px !important;
}
#distribution .distributionWrapper .distribution .distribution-chart-host {
  margin-top: -12px !important;
}

#distribution .distributionWrapper .distribution .distribution-slider {
  height: 12px !important;
}

/* =========================================================
   Flatpickr (month dropdown) - match Select2 dropdown look
   NOTE:
   - Flatpickr month picker is a native <select>. Styling of the OPENED
     option list is browser/OS dependent; rules below apply where supported.
   ========================================================= */
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-family: var(--falcon-body-font-family, inherit) !important;
  font-size: var(--fin-control-font-size) !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-radius: 0.5rem !important;
  padding: 0.1rem 0.5rem !important;
  line-height: 1.1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus-visible {
  border-color: rgba(98, 129, 193, 0.65) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
  box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
  outline: 0 !important;
}

/* Options (best-effort; supported in Chromium/Edge; limited in some browsers) */
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month {
  font-family: var(--falcon-body-font-family, inherit) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background-color: #ffffff !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month:hover,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month:focus {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month:checked,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month:active {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

/* =========================================================
   Flatpickr (custom month dropdown) - Select2-like dropdown
   Used when JS renders `.fin-fp-monthbtn` + `.fin-fp-monthmenu`.
   ========================================================= */
.flatpickr-calendar .flatpickr-current-month.fin-fp-monthwrap {
  position: relative;
}

.flatpickr-calendar .fin-fp-monthbtn {
  font-family: var(--falcon-body-font-family, inherit) !important;
  font-size: var(--fin-control-font-size) !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0.1rem 0.5rem !important;
  border-radius: 0.5rem !important;
  line-height: 1.1 !important;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/* Add dropdown chevron to the month button (visual cue) */
.flatpickr-calendar .fin-fp-monthbtn::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.4rem;
  background-color: currentColor !important;
  -webkit-mask-image: var(--fin-fa-chevron-down-mask) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--fin-fa-chevron-down-mask) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
  -webkit-transition: -webkit-transform 0.12s ease;
  transition: -webkit-transform 0.12s ease;
  transition: transform 0.12s ease;
  transition: transform 0.12s ease, -webkit-transform 0.12s ease;
}

/* Rotate chevron when the custom month menu is open */
.flatpickr-calendar .fin-fp-monthwrap.fin-fp-monthopen .fin-fp-monthbtn::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.flatpickr-calendar .fin-fp-monthbtn:focus,
.flatpickr-calendar .fin-fp-monthbtn:focus-visible {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
  box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
}

/* Year input (cur-year): match month button typography */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input.cur-year,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input.numInput.cur-year {
  font-family: var(--falcon-body-font-family, inherit) !important;
  font-size: var(--fin-control-font-size) !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0.5rem !important;
  line-height: 1.1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0.1rem 0.25rem !important;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper input.cur-year:focus,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input.cur-year:focus-visible {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
  box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.18) !important;
}

.flatpickr-calendar .fin-fp-monthmenu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 10.5rem;
  max-height: 16rem;
  overflow: auto;
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-radius: 0.75rem !important;
  -webkit-box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  margin: 0 !important;
  padding: 0.2rem 0 !important;
  z-index: 3006 !important;
}

.flatpickr-calendar .fin-fp-monthitem {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 0.25rem 0.6rem !important;
  margin: 0 0.35rem !important;
  border-radius: 0.55rem !important;
  font-family: var(--falcon-body-font-family, inherit) !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  background: transparent !important;
  cursor: pointer !important;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease !important;
  transition: background-color 0.12s ease, color 0.12s ease !important;
}

.flatpickr-calendar .fin-fp-monthitem:hover,
.flatpickr-calendar .fin-fp-monthitem:focus {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

.flatpickr-calendar .fin-fp-monthitem.is-selected {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
}

.flatpickr-calendar.fin-fp-has-monthmenu .flatpickr-months .flatpickr-month,
.flatpickr-calendar.fin-fp-has-monthmenu .flatpickr-months {
  overflow: visible !important;
}

/* Z-index fix: */
.flatpickr-calendar.fin-fp-has-monthmenu .flatpickr-months {
  position: relative;
  z-index: 20;
}

.flatpickr-calendar.fin-fp-has-monthmenu .flatpickr-innerContainer {
  position: relative;
  z-index: 1;
}

.flatpickr-calendar.fin-fp-has-monthmenu .flatpickr-current-month {
  z-index: 30;
}

.flatpickr-calendar.fin-fp-has-monthmenu .fin-fp-monthmenu {
  z-index: 40 !important;
}

/* =========================================================
   Reserve tooltip-button space (layout consistency)
   Usage:
   - Add `fininfo-field-with-tooltip-slot` on a flex row wrapper that normally
     contains an info-tooltip button (but doesn't in this specific field).
   - The `::after` pseudo element reserves the same space so the control width
     matches fields that do have the tooltip button.
   ========================================================= */
:root {
  --fin-tooltip-slot-size: 1.25rem;
  --fin-tooltip-slot-gap: 1rem; /* matches Bootstrap `ms-3` */
}

.fininfo-field-with-tooltip-slot::after {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 var(--fin-tooltip-slot-size);
  flex: 0 0 var(--fin-tooltip-slot-size);
  width: var(--fin-tooltip-slot-size);
  margin-right: var(--fin-tooltip-slot-gap);
}

/* =========================================================
   Procurements - Save criteria / Radar dropdown (Bootstrap 5)
   Markup: `.fin-savedsearch` (see `Views/Procurements/Index.cshtml`)
   ========================================================= */
.fin-savedsearch {
  padding: 0.75rem;
  background: #ffffff;
}

.fin-savedsearch__title {
  font-size: 0.78rem;
  font-weight: 700;
  color: #1f2a44;
  margin-bottom: 0.5rem;
}

.fin-savedsearch__inputrow {
  margin-bottom: 0.5rem;
}
.fin-savedsearch__inputrow > .fin-savedsearch__input,
.fin-savedsearch__inputrow > .fin-savedsearch__savebtn {
  height: var(--fin-control-height) !important;
}
.fin-savedsearch__inputrow > .fin-savedsearch__savebtn {
  width: var(--fin-control-height);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.fin-savedsearch__errorrow {
  min-height: 1.25rem;
  margin-bottom: 0.25rem;
}

.fin-savedsearch__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.15rem;
  max-height: 16rem;
  overflow: auto;
  padding-left: 0.1rem;
}

.fin-savedsearch__empty {
  padding: 0.25rem 0.25rem;
}

.fin-savedsearch__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.28rem 0.45rem;
  border: 1px solid rgba(98, 129, 193, 0.18);
  border-radius: 0.65rem;
  background: #ffffff;
  -webkit-transition: background-color 0.12s ease, border-color 0.12s ease;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.fin-savedsearch__item:hover {
  background-color: rgba(98, 129, 193, 0.06);
  border-color: rgba(98, 129, 193, 0.3);
}

.fin-savedsearch__link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #1f2a44;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.fin-savedsearch__link:hover,
.fin-savedsearch__link:focus {
  color: var(--fin-accent);
  outline: 0;
}

.fin-savedsearch__delete {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.85rem;
  height: 1.85rem;
  border: 0;
  background: transparent;
  border-radius: 0.55rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #dc3545;
  cursor: pointer;
}

.fin-savedsearch__delete:hover,
.fin-savedsearch__delete:focus {
  background-color: rgba(220, 53, 69, 0.08);
  outline: 0;
}

/* -------------------------------------------- */
/* Wunderbaum Tree Picker (standardized markup) */
/* -------------------------------------------- */
.wb-picker {
  position: relative;
  overflow: visible;
  /* Match Select2 combo geometry */
  --wb-chevron-space: var(--fin-select2-chevron-space);
  --wb-chevron-shift-x: var(--fin-select2-chevron-shift-x);
  --wb-clear-gap: var(--fin-select2-clear-gap);
  --wb-accent: var(--fin-accent);
  --wb-font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --wb-font-size: 0.70rem;
  /* Dropdown sizing tokens
     Default max-height is `50vh - 150px`.
     Override per control, e.g.:
       `#wraperNkd2 .wb-picker { --wb-dropdown-max-height-offset: 220px; }`
     Or set a concrete value:
       `#wraperNkd2 .wb-picker { --wb-dropdown-max-height: 22rem; }`
  */
  --wb-dropdown-max-height-base: 50vh;
  --wb-dropdown-max-height-offset: 150px;
  --wb-dropdown-max-height-bonus: 0px;
  --wb-dropdown-max-height: max(
      12rem,
      calc(
          var(--wb-dropdown-max-height-base) -
          var(--wb-dropdown-max-height-offset) +
          var(--wb-dropdown-max-height-bonus)
      )
  );
  /*
    Reserve a "no-click" area on the RIGHT for UI elements (clear + caret),
    so the invisible ActivityButton overlay does NOT capture clicks there.
  */
  --wb-right-ui-hitbox: calc(var(--fin-select2-chevron-space) + var(--fin-select2-clear-gap) + var(--fin-clear-btn-size) + 0.95rem);
}

/* NKD picker: give the dropdown a bit more room before scrolling */
#wraperNkd2 .wb-picker {
  --wb-dropdown-max-height-bonus: 80px;
}

/* Caption (input-like) */
.wb-picker__caption,
.wb-picker input.form-control.wb-picker__caption {
  font-family: var(--wb-font-family) !important;
  font-size: var(--wb-font-size) !important;
  font-weight: 500 !important;
  color: #1f2a44 !important;
  -webkit-transition: border-color 0.12s ease, background-color 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: border-color 0.12s ease, background-color 0.12s ease, -webkit-box-shadow 0.12s ease;
  transition: border-color 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
  transition: border-color 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease, -webkit-box-shadow 0.12s ease;
}

/* Some view-level form styles change readonly input text to a lighter color.
   Keep Wunderbaum caption text consistent across all views. */
.wb-picker__caption[readonly],
.wb-picker input.form-control.wb-picker__caption[readonly] {
  color: #1f2a44 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1f2a44;
}

/* Hover / focus ring (match Autocomplete dropdown "modern" feel) */
.wb-picker:hover .wb-picker__caption {
  border-color: rgba(98, 129, 193, 0.35) !important;
}

.wb-picker:focus-within .wb-picker__caption {
  border-color: rgba(98, 129, 193, 0.65) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Ensure Bootstrap's default focus ring never leaks onto the caption input
   (some views/stylesheets apply a light-blue border + box-shadow). */
.wb-picker input.form-control.wb-picker__caption:focus,
.wb-picker input.form-control.wb-picker__caption:focus-visible {
  border-color: rgba(98, 129, 193, 0.65) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* When open: merge caption + dropdown like one control */
.wb-picker.wb-open .wb-picker__caption {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Caption input: leave room for right-side UI just like Select2 */
.wb-picker__caption,
.wb-picker input.form-control.wb-picker__caption {
  padding-left: calc(var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap) + 2.25rem) !important;
}

/* Chevron (caret) */
.wb-picker__caret {
  position: absolute;
  top: 50%;
  left: var(--fin-select2-chevron-offset-right-multi);
  -webkit-transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi));
  -ms-transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi));
  transform: translateY(-50%) translateX(var(--fin-select2-chevron-shift-x-multi));
  height: calc(var(--fin-control-height) - 1px);
  width: var(--fin-select2-chevron-space);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 6;
  pointer-events: none;
}

/* Normalize chevron icon */
.wb-picker__caret .fa-chevron-down,
.wb-picker__caret svg.fa-chevron-down,
.wb-picker__caret .svg-inline--fa.fa-chevron-down {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  -webkit-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x))));
  -ms-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x))));
  transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x))));
}

/* Rotate caret when open */
.wb-picker.wb-open .wb-picker__caret .fa-chevron-down,
.wb-picker.wb-open .wb-picker__caret svg.fa-chevron-down,
.wb-picker.wb-open .wb-picker__caret .svg-inline--fa.fa-chevron-down {
  -webkit-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) rotate(-180deg);
  -ms-transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) rotate(-180deg);
  transform: translateX(calc(-1*(-1 * var(--fin-select2-chevron-shift-x)))) rotate(-180deg);
}

/* Clear button: `.d-none` is the only visibility toggle */
.wb-picker__clear {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* Align with Select2 internal clear button (multiselect) */
  left: calc(0.95rem + var(--fin-select2-chevron-space) + var(--fin-select2-chevron-shift-x) + var(--fin-select2-clear-gap) - var(--fin-select2-clear-shift-x-multi));
  width: var(--fin-clear-btn-size);
  height: var(--fin-clear-btn-size);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--fin-clear-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 7;
  pointer-events: auto;
  font-size: 0;
}

.wb-picker__clear.d-none {
  display: none !important;
}

/* Draw the standard X */
.wb-picker__clear::before {
  content: "";
  display: block;
  width: var(--fin-clear-icon-w);
  height: var(--fin-clear-icon-h);
  background-color: currentColor;
  -webkit-mask-image: var(--fin-fa-xmark-mask);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: var(--fin-fa-xmark-mask);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.wb-picker__clear:hover,
.wb-picker__clear:focus {
  color: var(--fin-clear-color-hover);
}

/* Click-catcher overlay: allows clicking input-like area to open picker */
.wb-picker input.ActivityButton,
.wb-picker input.CpvButton {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: var(--wb-right-ui-hitbox);
  width: auto;
  height: var(--fin-control-height);
  opacity: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  z-index: 5;
}

/* The invisible click-catcher must never show the browser's default focus outline
   (it can look like the unwanted light-blue Select2 border on some views). */
.wb-picker input.ActivityButton:focus,
.wb-picker input.CpvButton:focus,
.wb-picker input.ActivityButton:focus-visible,
.wb-picker input.CpvButton:focus-visible {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* ----------------------------- */
/* Tree host (dropdown container) */
/* ----------------------------- */
/* Hide by default. JS uses $host.show() / $host.hide() */
.wb-treehost {
  z-index: 3005;
  display: none;
}

/* Dropdown container (match AutocompleteFalcon dropdown aesthetics) */
.wb-treehost.dropdown-menu {
  font-family: var(--wb-font-family) !important;
  font-size: var(--wb-font-size) !important;
  border: 1px solid rgba(98, 129, 193, 0.22) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
  -webkit-box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  box-shadow: 0 1rem 2.25rem -0.75rem rgba(20, 32, 55, 0.28) !important;
  margin: -1px 0 0 0 !important;
  padding: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 100% !important;
  /* Do NOT use a fixed height.
     Let the dropdown grow with content until it reaches this max-height,
     then show the vertical scrollbar.
  */
  height: auto !important;
  /* IMPORTANT: keep a fallback so the dropdown never becomes unbounded
     (which would grow the page indefinitely).
  */
  max-height: var(--wb-dropdown-max-height, max(12rem, 50vh - 150px)) !important;
  overflow: hidden auto !important; /* x hidden, y auto (scrollbar only when needed) */
  background-color: #ffffff !important;
  background-clip: padding-box;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: width 0.18s ease;
  transition: width 0.18s ease;
  isolation: isolate;
}

/* Ultra-modern scrollbar (WebKit/Blink) */
.wb-treehost.dropdown-menu::-webkit-scrollbar {
  width: 10px;
}

.wb-treehost.dropdown-menu::-webkit-scrollbar-track {
  background: rgba(31, 42, 68, 0.06);
  border-radius: 999px;
  margin: 0.35rem 0.2rem;
}

.wb-treehost.dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #6281C1;
  border-radius: 999px;
  border: 3px solid rgba(255, 255, 255, 0.92);
}

.wb-treehost.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(98, 129, 193, 0.88);
}

/* Firefox scrollbar */
.wb-treehost.dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: #6281C1 rgba(31, 42, 68, 0.06);
}

/* Expanded dropdown: only grows to the right (+150px) */
.wb-treehost.dropdown-menu.wb-treehost--wide {
  width: calc(100% + 250px) !important;
}

/* Top toolbar row (first row in the opened dropdown) */
.wb-treehost {
  --wb-toolbar-h: 1.75rem;
}

.wb-treehost .wb-toolbar {
  position: sticky;
  top: 0;
  z-index: 4;
  min-height: var(--wb-toolbar-h);
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.wb-treehost .wb-toolbar__btn {
  width: 1.55rem;
  height: 1.55rem;
  border: 0;
  background: rgba(31, 42, 68, 0.04);
  border-radius: 0.45rem;
  color: rgba(31, 42, 68, 0.75);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.12s ease, transform 0.12s ease, color 0.12s ease;
  transition: background-color 0.12s ease, transform 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
}

.wb-treehost .wb-toolbar__btn .fa-solid,
.wb-treehost .wb-toolbar__btn .fas {
  font-size: 0.85rem;
  line-height: 1;
}

.wb-treehost .wb-toolbar__btn:hover,
.wb-treehost .wb-toolbar__btn:focus {
  background-color: rgba(98, 129, 193, 0.14);
  color: rgb(98, 129, 193);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

/* Close button: make it look like a dedicated "close" action */
.wb-treehost .wb-toolbar__btn.wb-toolbar__close {
  color: #6281C1;
}

/* Hide "expand/collapse width" toggle on xs/sm screens */
@media (max-width: 767.98px) {
  .wb-treehost .wb-toolbar__btn.wb-toolbar__toggle {
    display: none !important;
  }
}
.wb-picker.wb-open .wb-treehost.dropdown-menu {
  display: block;
}

/* Wunderbaum may assign a fixed inline height to `.wb-list-container`.
   That can leave visible empty space below the last row.
   We rely on the dropdown (`.wb-treehost`) for scrolling, so keep this container auto-sized.
*/
.wb-treehost .wb-list-container {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important; /* Prevent Wunderbaum from setting px width when initialized hidden */
}

/* Wunderbaum's virtual row list must also fill the full container width. */
.wb-treehost .wb-node-list {
  width: 100% !important;
}

/* Wunderbaum header (hidden by default) – also keep full width. */
.wb-treehost .wb-header {
  width: 100% !important;
}

/* Wunderbaum may assign a fixed inline height to `.wb-list-container`.
   That can leave visible empty space below the last row.
   We rely on the dropdown (`.wb-treehost`) for scrolling, so keep this container auto-sized.
*/
.wb-treehost .wb-list-container {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important; /* Prevent Wunderbaum from setting px width when initialized hidden */
}

/* Wunderbaum's virtual row list must also fill the full container width. */
.wb-treehost .wb-node-list {
  width: 100% !important;
}

/* Wunderbaum header (hidden by default) – also keep full width. */
.wb-treehost .wb-header {
  width: 100% !important;
}

/* ------------------------------------------------------------
   Wunderbaum icon sizing override
   Wunderbaum ships rules like:
   `div.wunderbaum span.wb-node i.wb-checkbox { height: var(--wb-icon-outer-height); ... }`
   The most robust way to control sizes is to override these CSS variables
   on the local tree container.
   ------------------------------------------------------------ */
.wb-treehost,
.wb-treehost .wunderbaum {
  --wb-icon-outer-height: 0.95rem;
  --wb-icon-outer-width: 0.95rem;
  --wb-icon-padding-y: 0px;
  --wb-icon-padding-x: 0px;
}

/* If Wunderbaum applies `.wunderbaum` class on the host element itself */
.wb-treehost.wunderbaum {
  --wb-icon-outer-height: 0.95rem;
  --wb-icon-outer-width: 0.95rem;
  --wb-icon-padding-y: 0px;
  --wb-icon-padding-x: 0px;
}

/* Fallback: override with higher specificity than Wunderbaum defaults */
.wb-treehost div.wunderbaum span.wb-node i.wb-checkbox,
.wb-treehost div.wunderbaum span.wb-node i.wb-expander,
.wb-treehost div.wunderbaum span.wb-node i.wb-icon,
.wb-treehost div.wunderbaum span.wb-node i.wb-indent {
  height: var(--wb-icon-outer-height) !important;
  width: var(--wb-icon-outer-width) !important;
  padding: var(--wb-icon-padding-y) var(--wb-icon-padding-x) !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

/* Same override for when the host IS the wunderbaum container (no nested `div.wunderbaum`) */
.wb-treehost.wunderbaum span.wb-node i.wb-checkbox,
.wb-treehost.wunderbaum span.wb-node i.wb-expander,
.wb-treehost.wunderbaum span.wb-node i.wb-icon,
.wb-treehost.wunderbaum span.wb-node i.wb-indent {
  height: var(--wb-icon-outer-height) !important;
  width: var(--wb-icon-outer-width) !important;
  padding: var(--wb-icon-padding-y) var(--wb-icon-padding-x) !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

/* Wunderbaum markup differs by build/version:
   - some render rows as `.wb-row` inside `.wb-node`
   - others render a single clickable container as `.wb-node`
   Support both.
*/
.wb-treehost .wb-row,
.wb-treehost .wb-node {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Tree rows: modern spacing + hover */
.wb-treehost .wb-row,
.wb-treehost .wb-node {
  /* Wunderbaum may apply its own layout rules; force a stable flex row for alignment */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.35rem;
  /* IMPORTANT: keep vertical padding 0 to avoid breaking Wunderbaum row positioning/virtualization */
  padding: 0 0.6rem;
  margin: 0;
  border-radius: 0.55rem;
  -webkit-transition: background-color 0.12s ease, color 0.12s ease;
  transition: background-color 0.12s ease, color 0.12s ease;
  width: 100% !important; /* !important overrides Wunderbaum's inline width: 3px */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  cursor: default;
  line-height: 1;
}

/* Hover: enforce blue background (some default themes override with white) */
.wb-treehost .wb-row:hover,
.wb-treehost .wb-node:hover,
.wb-treehost .wb-node:hover > .wb-row {
  background-color: #6281C1 !important;
}

.wb-treehost .wb-row:hover,
.wb-treehost .wb-node:hover,
.wb-treehost .wb-row:hover .wb-title,
.wb-treehost .wb-node:hover .wb-title,
.wb-treehost .wb-row:hover .wb-expander,
.wb-treehost .wb-node:hover .wb-expander,
.wb-treehost .wb-row:hover .wb-checkbox,
.wb-treehost .wb-node:hover .wb-checkbox {
  color: #ffffff;
}

/* Titles */
.wb-treehost .wb-title {
  color: #1f2a44;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Wunderbaum sets inline `width: ...px` on `.wb-title`.
     Override it so we can keep a small right gutter (and avoid text touching the edge).
  */
  width: auto !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  padding-left: 5px !important;
  margin: 0 !important;
  position: static !important;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  min-height: 1.2rem;
  cursor: pointer;
}

/* Expander + checkbox: unified "icon button" look */
.wb-treehost .wb-expander,
.wb-treehost .wb-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: var(--wb-icon-outer-width);
  height: var(--wb-icon-outer-height);
  border-radius: 0.4rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 var(--wb-icon-outer-width);
  flex: 0 0 var(--wb-icon-outer-width);
  color: rgba(31, 42, 68, 0.55);
  -webkit-transition: background-color 0.12s ease, color 0.12s ease;
  transition: background-color 0.12s ease, color 0.12s ease;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  pointer-events: auto;
  line-height: 1;
}

/* Indent markers MUST never shrink (otherwise long titles can pull child nodes to the left) */
.wb-treehost .wb-indent {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 var(--wb-icon-outer-width) !important;
  flex: 0 0 var(--wb-icon-outer-width) !important;
  min-width: var(--wb-icon-outer-width) !important;
}

/* Some Wunderbaum builds wrap the title text; keep those aligned too */
.wb-treehost .wb-title span,
.wb-treehost .wb-title a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
}

.wb-treehost .wb-title__code,
.wb-treehost .wb-title__text {
  pointer-events: none;
}

/* Defensive: even if HTML whitespace collapses, keep a small gap after the code */
.wb-treehost .wb-title__code {
  margin-left: 3px;
}

.wb-treehost .wb-row:hover .wb-expander,
.wb-treehost .wb-node:hover .wb-expander {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

/* Leaf nodes sometimes render a placeholder expander like:
   `<i class="wb-expander wb-indent"></i>`.
   We must KEEP its space (indent alignment), but never show it (especially on hover).
*/
.wb-treehost .wb-expander.wb-indent {
  visibility: hidden !important;
  pointer-events: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.wb-treehost .wb-row:hover .wb-expander.wb-indent,
.wb-treehost .wb-node:hover .wb-expander.wb-indent {
  background-color: transparent !important;
}

.wb-treehost .wb-row:hover .wb-checkbox,
.wb-treehost .wb-node:hover .wb-checkbox {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

/* Bootstrap Icons inside wunderbaum */
.wb-treehost .wb-expander.bi,
.wb-treehost .wb-checkbox.bi {
  font-size: 0.78rem;
  line-height: 1;
}

/* ------------------------------------------------------------
   Checkbox (Bootstrap 5 look)
   NOTE: Wunderbaum renders the checkbox itself as an <i> with BI classes
         like: <i class="wb-checkbox bi bi-check-square-fill"></i>
   We turn that element into a real box and draw the glyph via CSS.
   ------------------------------------------------------------ */
.wb-treehost .wb-checkbox {
  border: 1px solid rgba(31, 42, 68, 0.35);
  background-color: #ffffff;
  border-radius: 0.35rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Hide the Bootstrap Icons font glyph for checkbox and render our own */
.wb-treehost .wb-checkbox.bi::before {
  content: "" !important;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: transparent;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Unchecked: empty box */
.wb-treehost .wb-checkbox.bi.bi-square {
  background-color: #ffffff;
  border-color: rgba(31, 42, 68, 0.35);
}

/* Checked: blue background like selected text + white check glyph */
.wb-treehost .wb-checkbox.bi.bi-check-square-fill {
  background-color: #6281C1;
  border-color: #6281C1;
}

.wb-treehost .wb-checkbox.bi.bi-check-square-fill::before {
  background-color: #ffffff;
  /* Thicker check glyph without changing the checkbox size */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3 3 8-8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3 3 8-8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Indeterminate: blue background + white dash */
.wb-treehost .wb-checkbox.bi.bi-dash-square-dotted {
  background-color: #6281C1;
  border-color: #6281C1;
}

.wb-treehost .wb-checkbox.bi.bi-dash-square-dotted::before {
  background-color: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 7.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 7.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3 7.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 7.5z'/%3E%3C/svg%3E");
}

/* Hover on a blue row should not wash out the checkbox */
.wb-treehost .wb-node:hover .wb-checkbox.bi.bi-check-square-fill,
.wb-treehost .wb-row:hover .wb-checkbox.bi.bi-check-square-fill,
.wb-treehost .wb-node:hover .wb-checkbox.bi.bi-dash-square-dotted,
.wb-treehost .wb-row:hover .wb-checkbox.bi.bi-dash-square-dotted {
  background-color: #6281C1;
  border-color: #6281C1;
}

/* On hover/selected, icons should be white (consistent with other dropdowns) */
.wb-treehost .wb-row:hover .wb-checkbox .bi,
.wb-treehost .wb-node:hover .wb-checkbox .bi,
.wb-treehost .wb-row:hover .wb-expander .bi,
.wb-treehost .wb-node:hover .wb-expander .bi {
  color: #ffffff !important;
}

/* Selected row (defensive: different builds/themes use different classes) */
.wb-treehost .wb-row.wb-selected,
.wb-treehost .wb-node.wb-selected,
.wb-treehost .wb-node.wb-selected > .wb-row,
.wb-treehost .wb-node[aria-selected=true],
.wb-treehost .wb-row[aria-selected=true] {
  background-color: #6281C1 !important;
}

.wb-treehost .wb-row.wb-selected,
.wb-treehost .wb-node.wb-selected,
.wb-treehost .wb-node.wb-selected > .wb-row,
.wb-treehost .wb-node[aria-selected=true],
.wb-treehost .wb-row[aria-selected=true],
.wb-treehost .wb-row.wb-selected .wb-title,
.wb-treehost .wb-node.wb-selected .wb-title,
.wb-treehost .wb-node.wb-selected > .wb-row .wb-title,
.wb-treehost .wb-row.wb-selected .wb-expander,
.wb-treehost .wb-node.wb-selected .wb-expander,
.wb-treehost .wb-node.wb-selected > .wb-row .wb-expander,
.wb-treehost .wb-row.wb-selected .wb-checkbox,
.wb-treehost .wb-node.wb-selected .wb-checkbox,
.wb-treehost .wb-node.wb-selected > .wb-row .wb-checkbox {
  color: #ffffff !important;
}

.wb-treehost .wb-row.wb-selected .wb-expander,
.wb-treehost .wb-node.wb-selected .wb-expander,
.wb-treehost .wb-node.wb-selected > .wb-row .wb-expander,
.wb-treehost .wb-row.wb-selected .wb-checkbox,
.wb-treehost .wb-node.wb-selected .wb-checkbox,
.wb-treehost .wb-node.wb-selected > .wb-row .wb-checkbox {
  background-color: rgba(255, 255, 255, 0.16);
}

/* ------------------------------------------------------------------
   PaginationFalcon.scss
   Global paging styling for MvcPaging / Bootstrap pagination.
------------------------------------------------------------------ */
/* Target the actual Bootstrap pagination list (usually `<ul class="pagination">`) */
ul.pagination {
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Bootstrap 5 pagination uses CSS variables; override them globally */
  --bs-pagination-color: #344050;
  --bs-pagination-bg: #ffffff;
  --bs-pagination-border-color: #dfe3ea;
  --bs-pagination-hover-color: var(--fin-accent);
  --bs-pagination-hover-bg: rgba(98, 129, 193, 0.08);
  --bs-pagination-hover-border-color: rgba(98, 129, 193, 0.40);
  --bs-pagination-focus-color: var(--fin-accent);
  --bs-pagination-focus-bg: rgba(98, 129, 193, 0.12);
  --bs-pagination-focus-box-shadow: 0 0 0 0.1rem rgba(98, 129, 193, 0.25);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: var(--fin-accent);
  --bs-pagination-active-border-color: var(--fin-accent);
  --bs-pagination-disabled-color: #9aa3af;
  --bs-pagination-disabled-bg: #f8f9fa;
  --bs-pagination-disabled-border-color: #dfe3ea;
}

ul.pagination .page-link {
  min-width: 2.1rem;
  text-align: center;
}

ul.pagination .page-link:focus {
  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

ul.pagination .page-item.disabled .page-link {
  cursor: not-allowed;
}

/* Some legacy views wrap the pager inside a `div.pagination`.
   Ensure that wrapper does not accidentally inherit the flex styles meant for the `<ul>`. */
div.pagination {
  display: block;
}

.fin-company-details {
  width: 100%;
  max-width: 100%;
}
.fin-company-details.container, .fin-company-details.container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.fin-company-details > .container-xxl {
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.fin-company-details .contentHolder,
.fin-company-details .contentOneColumn,
.fin-company-details #contentOneColumnHolder,
.fin-company-details #oneColumnTabContent,
.fin-company-details #descriptionHolder {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fin-company-details .contentHolder,
.fin-company-details .contentOneColumn {
  float: none !important;
  clear: both;
  width: auto;
  max-width: 100%;
}
.fin-company-details .contentOneColumn {
  padding-bottom: 2.5rem;
  min-width: 0;
}
.fin-company-details .contentOneColumn .container,
.fin-company-details .contentOneColumn .container-fluid {
  max-width: 100%;
}
.fin-company-details #contentOneColumnHolder {
  margin-top: 0;
}
.fin-company-details div.mt-2 {
  margin-top: 0;
}
.fin-company-details .contentHolder::after,
.fin-company-details .contentOneColumn::after,
.fin-company-details #contentOneColumnHolder::after {
  content: "";
  display: table;
  clear: both;
}
.fin-company-details #contentOneColumnHolder,
.fin-company-details #oneColumnTabContent {
  min-width: 0;
  overflow-x: visible;
}
.fin-company-details #descriptionHolder.row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}
.fin-company-details #oneColumnTabContentFree {
  overflow: visible;
}
.fin-company-details #oneColumnTabContentFree .card-body {
  max-width: 100%;
}
.fin-company-details #oneColumnTabContentFree .card-body.table-responsive {
  max-width: 100%;
}
.fin-company-details #descriptionHolder .d-flex.flex-column.gap-3 {
  gap: 0.75rem !important;
}
.fin-company-details #descriptionHolder .card-header {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  padding-bottom: 0.25rem;
}
.fin-company-details #descriptionHolder .card-body {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  padding-bottom: 0.75rem;
}
.fin-company-details #descriptionHolder .card-body > .card-header {
  padding-top: 0;
  padding-bottom: 0.25rem;
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder {
  --fin-fi-accent: #6281C1;
  --fin-fi-border: rgba(20, 27, 45, 0.12);
  --fin-fi-surface: rgba(255, 255, 255, 0.92);
  --fin-fi-muted: rgba(98, 129, 193, 0.10);
  --fin-fi-text: #344050;
  --fin-fi-text-muted: #667085;
  --fin-fi-radius: 0.9rem;
  margin-top: 0.35rem;
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.4rem;
  padding: 0.45rem;
  list-style: none;
  background: var(--fin-fi-surface);
  border: 1px solid var(--fin-fi-border);
  border-radius: var(--fin-fi-radius);
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.06);
  box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.06);
  margin-right: 0.25rem;
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: calc(var(--fin-fi-radius) - 0.25rem);
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  gap: 0.35rem;
  padding: 0.55rem 0.85rem;
  border-radius: inherit;
  text-decoration: none;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--fin-fi-text-muted);
  background: transparent;
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item > a:hover {
  background: var(--fin-fi-muted);
  color: var(--fin-fi-text);
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item > a:focus-visible {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(98, 129, 193, 0.25);
}
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item.active > a,
.fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item > a.selected.active {
  background: var(--fin-fi-accent);
  color: #fff;
  -webkit-box-shadow: 0 0.75rem 1.25rem rgba(98, 129, 193, 0.35);
  box-shadow: 0 0.75rem 1.25rem rgba(98, 129, 193, 0.35);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
@media (max-width: 991.98px) {
  .fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
    margin-right: 0;
  }
  .fin-company-details #descriptionHolder .card-body #fininfoHolder .fininfo-tabs > .list-group-item > a {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.fin-company-details #descriptionHolder .fin-demo-people {
  padding-bottom: 0.25rem;
}
.fin-company-details #descriptionHolder .card,
.fin-company-details .contentHolder .card,
.fin-company-details .contentOneColumn .card {
  border-radius: 0.875rem;
}
.fin-company-details #descriptionHolder .card-body,
.fin-company-details .contentHolder .card-body,
.fin-company-details .contentOneColumn .card-body {
  padding: 0.75rem;
}
.fin-company-details .tabs {
  margin-top: 0.5rem;
}
.fin-company-details .tabs > ul.nav.nav-tabs {
  --fin-tabs-gap: 0.375rem;
  --fin-tabs-radius: 0.2rem;
  --fin-tabs-pad-y: 0.5rem;
  --fin-tabs-pad-x: 0.75rem;
  --fin-tabs-bg: var(--falcon-gray-100, #f9fafd);
  --fin-tabs-border: var(--falcon-border-color, rgba(0, 0, 0, 0.1));
  --fin-tabs-active-bg: var(--falcon-card-bg, #fff);
  --fin-tabs-active-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.08);
  --fin-tabs-text: var(--falcon-body-color, #344050);
  --fin-tabs-muted: var(--falcon-gray-600, #748194);
  --fin-tabs-accent: #6281C1;
  --fin-tabs-active-text: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--fin-tabs-gap);
  padding: 0.375rem;
  margin: 0;
  list-style: none;
  background: var(--fin-tabs-bg);
  border: 1px solid var(--fin-tabs-border);
  border-radius: calc(var(--fin-tabs-radius) + 0.25rem);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: visible;
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item {
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  gap: 0.375rem;
  padding: var(--fin-tabs-pad-y) var(--fin-tabs-pad-x);
  border: 1px solid transparent;
  border-radius: var(--fin-tabs-radius);
  background: transparent;
  color: var(--fin-tabs-muted);
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease, -webkit-box-shadow 160ms ease, -webkit-transform 160ms ease;
  outline: none;
}
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link:hover {
  background: rgba(44, 123, 229, 0.08);
  color: var(--fin-tabs-text);
}
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link:focus-visible {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.25);
}
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link.selected,
.fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link.active {
  background: var(--fin-tabs-accent);
  border-color: var(--fin-tabs-accent);
  color: var(--fin-tabs-active-text);
  -webkit-box-shadow: var(--fin-tabs-active-shadow);
  box-shadow: var(--fin-tabs-active-shadow);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
@media (max-width: 991.98px) {
  .fin-company-details .tabs > ul.nav.nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
  }
  .fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0.625rem 0.75rem;
  }
}
@media (max-width: 767.98px) {
  .fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link {
    font-size: 0.85rem;
  }
}
@media (max-width: 575.98px) {
  .fin-company-details .tabs > ul.nav.nav-tabs {
    --fin-tabs-radius: 0.75rem;
    padding: 0.375rem;
  }
  .fin-company-details .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link {
    padding: 0.6rem 0.7rem;
  }
}
.fin-company-details .tabs > ul,
.fin-company-details .tabs > ul.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-right: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid var(--falcon-border-color, rgba(0, 0, 0, 0.1));
}
.fin-company-details .tabs > ul > li {
  margin: 0;
}
.fin-company-details .tabs a.nav-link {
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  background: transparent;
}
.fin-company-details .tabs a.nav-link:hover {
  background: var(--falcon-gray-100, #f9fafd);
  border-color: var(--falcon-border-color, rgba(0, 0, 0, 0.1));
}
.fin-company-details .tabs a.nav-link.selected,
.fin-company-details .tabs a.nav-link.active {
  background: var(--falcon-card-bg, #fff);
  border-color: var(--falcon-border-color, rgba(0, 0, 0, 0.1));
  border-bottom-color: var(--falcon-card-bg, #fff);
  font-weight: 600;
}
.fin-company-details .tabs > ul:not(.nav-tabs) a {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  color: var(--falcon-body-color, #344050);
  text-decoration: none;
  border: 1px solid transparent;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  background: transparent;
}
.fin-company-details .tabs > ul:not(.nav-tabs) a:hover {
  background: var(--falcon-gray-100, #f9fafd);
  border-color: var(--falcon-border-color, rgba(0, 0, 0, 0.1));
}
.fin-company-details .tabs > ul:not(.nav-tabs) a.selected {
  background: var(--falcon-card-bg, #fff);
  border-color: var(--falcon-border-color, rgba(0, 0, 0, 0.1));
  border-bottom-color: var(--falcon-card-bg, #fff);
  font-weight: 600;
}
.fin-company-details .tab-content,
.fin-company-details #oneColumnTabContent {
  display: block;
  width: 100%;
  clear: both;
  min-width: 0;
}
.fin-company-details .oneColumnTabContentBottom {
  display: none;
}
.fin-company-details #companyDetails th:last-child,
.fin-company-details #companyDetails td:last-child {
  width: 140px;
  min-width: 140px;
  padding-right: 10px;
  padding-left: 4px;
}
.fin-company-details #companyDetails td:last-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ========================== */
/* prettier-ignore */
/*# sourceMappingURL=user-rtl.css.map */