:root {
  --font-family: 'Inter', 'Roboto';
  --font-family-title: 'Gilroy SemiBold', 'sans-serif';
  --font-family-title-regular: 'Gilroy', 'sans-serif';
  --primary-aqua: #00AFAB;
  --primary-aqua-30: #00afab4d;
  --primary-aqua-40: #00AFAB66;
  --primary-black: #1F1F1F;
  --primary-black-5: #1F1F1F0D;
  --primary-black-10: #1F1F1F1A;
  --primary-black-20: #1F1F1F33;
  --primary-black-30: rgba(31, 31, 31, 0.3);
  --primary-black-60: rgba(31, 31, 31, 0.6);
  --primary-black-70: #1F1F1FB3;
  --primary-black-80: #1F1F1FCC;
  --primary-white: #FFF;
  --primary-aqua-dark-10: #06928F;
  --tier-1-background: var(--primary-aqua);
  --tier-2-background: #0275C9;
  --tier-2-background-30: #0275c94d;
  --tier-3-background: #2F35BA;
  --tier-3-background-30: #2f35ba4d;
  --tier-4-background: #642FBA;
  --tier-4-background-30: #642FBA4D;
  --tier-5-background: #9F02AE;
  --tier-5-background-30: #9F02AE4D;
  --tier-color: var(--tier-1-background);
  --tier-color-dark: var(--primary-aqua-dark-10);
  --tier-color-30: var(--primary-aqua-30);
  --next-tier-color: var(--tier-2-background);
  --dashboard-status-accepted-color: #06928F;
  --dashboard-status-pending-color: #F08200;
  --status-accepted-color: #006c33;
  --status-accepted-bg: #00A9501A;
  --status-accepted-brdr: #00A950;
  --status-pending-color: #704A00;
  --status-pending-bg: #FFA8001A;
  --status-pending-brdr: #FFA800;
  --status-declined-brdr: #D42D2D;
  --status-declined-color: #A50F0F;
  --status-declined-bg: #D42D2D1A;
  --brdr-radius: 3px;
  --pager-color: #1F1F1F99;
  --pager-border: 1px solid #BEBEBE;
  --pager-active-bg: #00AFAB0D;
  --pager-active-border: #00AFAB;
  --client-state-new-color: #FFD600;
  --client-state-pending-color: #FFA800;
  --client-state-active-color: #00A950;
  --client-state-inactive-color: #FF3838;
  --panel-border-color: rgba(31, 31, 31, 0.05);
}
@supports (font-variation-settings: normal) {
  :root {
    font-family: 'Inter var', sans-serif;
  }
}
@font-face {
  font-family: 'Gilroy';
  src: url(../../fonts/gilroy/Gilroy-Regular.woff2) format('woff2'), url(../../fonts/gilroy/Gilroy-Regular.woff) format('woff'), url(../../fonts/gilroy/Gilroy-Regular.ttf) format('truetype'), url(../../fonts/gilroy/Gilroy-Regular.svg#Gilroy-Regular) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy SemiBold';
  src: url(../../fonts/gilroy/Gilroy-SemiBold.woff2) format('woff2'), url(../../fonts/gilroy/Gilroy-SemiBold.woff) format('woff'), url(../../fonts/gilroy/Gilroy-SemiBold.ttf) format('truetype'), url(../../fonts/gilroy/Gilroy-SemiBold.svg#Gilroy-SemiBold) format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-100.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/inter/inter-v13-latin_latin-ext-900.woff2') format('woff2');
}
.dashboard[class*="tier"] > div.d-flex,
.partnerTierTooltipModal[class*="tier"] > div.d-flex,
.clientStatusTooltipModal[class*="tier"] > div.d-flex,
.partnerLoyaltyTooltipModal[class*="tier"] > div.d-flex {
  transform: none !important;
}
.dashboard[class*="tier"] .recent-activity-container,
.partnerTierTooltipModal[class*="tier"] .recent-activity-container,
.clientStatusTooltipModal[class*="tier"] .recent-activity-container,
.partnerLoyaltyTooltipModal[class*="tier"] .recent-activity-container {
  margin-top: 0px;
}
.dashboard.tier-2,
.partnerTierTooltipModal.tier-2,
.clientStatusTooltipModal.tier-2,
.partnerLoyaltyTooltipModal.tier-2 {
  --tier-color: var(--tier-2-background);
  --tier-color-dark: var(--tier-2-background);
  --next-tier-color: var(--tier-3-background);
  --tier-color-30: var(--tier-2-background-30);
}
.dashboard.tier-3,
.partnerTierTooltipModal.tier-3,
.clientStatusTooltipModal.tier-3,
.partnerLoyaltyTooltipModal.tier-3 {
  --tier-color: var(--tier-3-background);
  --tier-color-dark: var(--tier-3-background);
  --next-tier-color: var(--tier-4-background);
  --tier-color-30: var(--tier-3-background-30);
}
.dashboard.tier-4,
.partnerTierTooltipModal.tier-4,
.clientStatusTooltipModal.tier-4,
.partnerLoyaltyTooltipModal.tier-4 {
  --tier-color: var(--tier-4-background);
  --tier-color-dark: var(--tier-4-background);
  --next-tier-color: var(--tier-5-background);
  --tier-color-30: var(--tier-4-background-30);
}
.dashboard.tier-5,
.partnerTierTooltipModal.tier-5,
.clientStatusTooltipModal.tier-5,
.partnerLoyaltyTooltipModal.tier-5 {
  --tier-color: var(--tier-5-background);
  --tier-color-dark: var(--tier-5-background);
  --next-tier-color: var(--tier-5-background);
  --tier-color-30: var(--tier-5-background-30);
}
.tier-color {
  color: var(--tier-color) !important;
}
.cta-white-button2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 12px 18px 12px 14px;
  background-color: white;
  border-radius: 4px;
  font-family: var(--font-family-title);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-black, #1F1F1F);
  border: 1px solid rgba(31, 31, 31, 0.2);
  white-space: nowrap;
}
.cta-white-button2-filters-active {
  border: 1px solid var(--primary-aqua, #00AFAB);
}
#numOfActiveFiltersCounter {
  color: var(--primary-White, #FFF);
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  padding: var(--spacing-xxs, 2px) 7px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: var(--Primary-Aqua, #00AFAB);
  top: -10px;
  right: -10px;
  position: absolute;
}
.cta-white-button2.wa-icon.export-csv::after {
  height: 18px;
  width: 18px;
  background-image: none;
  mask-image: url('../../images/equiti/price_down.svg');
  --webkit-mask-image: url('../../images/equiti/price_down.svg');
  background-color: var(--primary-aqua-dark-10, #06928F);
}
@media (max-width: 767px) {
  .cta-white-button2.wa-icon.export-csv::after {
    margin-right: 0px;
    background-color: var(--primary-black, #1F1F1F);
  }
}
.cta-white-button2.w-icon::before,
.cta-white-button2.wa-icon::after {
  content: ' ';
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 12px;
  margin-right: 10px;
  display: inline-block;
}
.cta-white-button2.w-icon.equalizer::before {
  background-image: url('../../images/equiti/filter-equalizer.svg');
  height: 18px;
}
.cta-white-button2.w-icon.add-tabs::before {
  background-image: url('../../images/equiti/add_tabs.svg');
  height: 24px;
}
.cta-white-button2.export-csv {
  border: 0px;
  gap: 8px;
}
@media (max-width: 767px) {
  .cta-white-button2.export-csv {
    color: var(--primary-black, #1F1F1F);
    border: 1px solid rgba(31, 31, 31, 0.2);
    padding: 12px 14px;
  }
}
.cta-white-button2.export-csv span {
  color: var(--primary-aqua-dark-10, #06928F);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.cta-white-button2.export-csv:hover {
  box-shadow: none;
}
.cta-white-button2.export-csv::after {
  content: ' ';
  background-image: url('../../images/equiti/price_down.svg');
  top: 0px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.cta-white-button span {
  font-weight: 300;
}
.ib-dashboard-continer .in-progress-section,
.ib-clients-contanier .in-progress-section {
  border-radius: 10px;
  padding: 4px 11px;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .ib-dashboard-continer .in-progress-section,
  .ib-clients-contanier .in-progress-section {
    gap: 7px;
  }
}
.ib-dashboard-continer .in-progress-section .tier-body,
.ib-clients-contanier .in-progress-section .tier-body {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
.ib-dashboard-continer .in-progress-section .tier-body .badge,
.ib-clients-contanier .in-progress-section .tier-body .badge {
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.ib-dashboard-continer .in-progress-section .tier-body .badge .tier-description,
.ib-clients-contanier .in-progress-section .tier-body .badge .tier-description {
  display: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 35px;
}
.ib-dashboard-continer .in-progress-section .tier-body .badge:before,
.ib-clients-contanier .in-progress-section .tier-body .badge:before {
  content: " ";
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../../images/IB/icon-icon.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.active,
.ib-clients-contanier .in-progress-section .tier-body.active {
  color: #FFF;
}
.ib-dashboard-continer .in-progress-section .tier-body.active .tier-description,
.ib-clients-contanier .in-progress-section .tier-body.active .tier-description {
  display: block;
}
@media (max-width: 480px) {
  .ib-dashboard-continer .in-progress-section .tier-body.active .tier-description,
  .ib-clients-contanier .in-progress-section .tier-body.active .tier-description {
    display: none;
  }
}
@media (max-width: 767px) {
  .ib-dashboard-continer .in-progress-section .tier-body.active .tier-description .tier-description-details,
  .ib-clients-contanier .in-progress-section .tier-body.active .tier-description .tier-description-details {
    display: none;
  }
}
.ib-dashboard-continer .in-progress-section .tier-body.active:before,
.ib-clients-contanier .in-progress-section .tier-body.active:before {
  margin-inline-end: 4px;
}
.ib-dashboard-continer .in-progress-section .tier-body.active .badge,
.ib-clients-contanier .in-progress-section .tier-body.active .badge {
  padding: 2px 11px 4px;
  background-color: var(--tier-color);
}
.ib-dashboard-continer .in-progress-section .tier-body.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active .badge:before {
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .ib-dashboard-continer .in-progress-section .tier-body.active .badge,
  .ib-clients-contanier .in-progress-section .tier-body.active .badge {
    padding: 2px 8px 4px;
  }
}
@media (min-width: 1600px) {
  .ib-dashboard-continer .in-progress-section .tier-body.active .badge,
  .ib-clients-contanier .in-progress-section .tier-body.active .badge {
    padding: 2px 24px 4px;
  }
}
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body {
  /* Your styles for sublines here */
}
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body[class$="-tier"] .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body[class$="-tier"] .badge:before,
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body.tier-order-2 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body.tier-order-2 .badge:before {
  background-image: url(../../images/IB/icon-master.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body.tier-order-3 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body.tier-order-3 .badge:before {
  background-image: url(../../images/IB/icon-champion.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body.tier-order-4 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body.tier-order-4 .badge:before {
  background-image: url(../../images/IB/icon-legend.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.active ~ .tier-body.tier-order-5 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.active ~ .tier-body.tier-order-5 .badge:before {
  background-image: url(../../images/IB/icon-icon.svg);
}
@media (min-width: 767px) {
  .ib-dashboard-continer .in-progress-section .tier-body[class$="-tier"]:after,
  .ib-clients-contanier .in-progress-section .tier-body[class$="-tier"]:after {
    content: " ";
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 11px;
  }
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-1 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-1 .badge:before {
  background-image: url(../../images/IB/icon-pioneer-completed.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-1.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-1.active .badge:before {
  background-image: url(../../images/IB/icon-pioneer.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-2 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-2 .badge:before {
  background-image: url(../../images/IB/icon-master-completed.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-2.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-2.active .badge:before {
  background-image: url(../../images/IB/icon-master-active.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-3 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-3 .badge:before {
  background-image: url(../../images/IB/icon-champion-completed.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-3.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-3.active .badge:before {
  background-image: url(../../images/IB/icon-champion-active.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-4 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-4 .badge:before {
  background-image: url(../../images/IB/icon-legend-completed.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-4.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-4.active .badge:before {
  background-image: url(../../images/IB/icon-legend-active.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-5 .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-5 .badge:before {
  background-image: url(../../images/IB/icon-icon.svg);
}
.ib-dashboard-continer .in-progress-section .tier-body.tier-order-5.active .badge:before,
.ib-clients-contanier .in-progress-section .tier-body.tier-order-5.active .badge:before {
  background-image: url(../../images/IB/icon-icon-active.svg);
}
.ib-dashboard-continer .deadline,
.ib-clients-contanier .deadline,
.ib-dashboard-continer .rebate,
.ib-clients-contanier .rebate {
  color: rgba(31, 31, 31, 0.7);
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
}
.ib-dashboard-continer .deadline-description,
.ib-clients-contanier .deadline-description,
.ib-dashboard-continer .rebate-description,
.ib-clients-contanier .rebate-description {
  color: rgba(31, 31, 31, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
}
.ib-dashboard-continer hr,
.ib-clients-contanier hr {
  margin: 0;
}
.ib-dashboard-continer .next-tier-color,
.ib-clients-contanier .next-tier-color {
  color: var(--next-tier-color);
}
.ib-dashboard-continer .commentPartnershipIncentivesOverview,
.ib-clients-contanier .commentPartnershipIncentivesOverview {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  margin: 13px 0 0;
  color: var(--primary-black-70);
}
@media (max-width: 767px) {
  .ib-dashboard-continer .commentPartnershipIncentivesOverview,
  .ib-clients-contanier .commentPartnershipIncentivesOverview {
    font-size: 16px;
    line-height: 22px;
    margin: 19px 0 24px;
    max-width: 100%;
  }
}
.ib-dashboard-continer .commentPartnershipIncentivesOverview .isLastTier,
.ib-clients-contanier .commentPartnershipIncentivesOverview .isLastTier,
.ib-dashboard-continer .commentPartnershipIncentivesOverview .isNotLastTier,
.ib-clients-contanier .commentPartnershipIncentivesOverview .isNotLastTier {
  color: #1f1f1f80;
  display: inline-flex;
}
.ib-dashboard-continer .commentPartnershipIncentivesOverview[data-isLastTier="true"] .isLastTier,
.ib-clients-contanier .commentPartnershipIncentivesOverview[data-isLastTier="true"] .isLastTier {
  display: inline-block;
}
.ib-dashboard-continer .commentPartnershipIncentivesOverview[data-isLastTier="false"] .isNotLastTier,
.ib-clients-contanier .commentPartnershipIncentivesOverview[data-isLastTier="false"] .isNotLastTier {
  display: inline-block;
}
.ib-dashboard-continer .tiers-overview-summary,
.ib-clients-contanier .tiers-overview-summary {
  gap: 25px;
  width: 100%;
}
@media (min-width: 1600px) {
  .ib-dashboard-continer .tiers-overview-summary,
  .ib-clients-contanier .tiers-overview-summary {
    max-width: 80%;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .ib-dashboard-continer .tiers-overview-summary,
  .ib-clients-contanier .tiers-overview-summary {
    gap: 12px;
  }
}
.ib-dashboard-continer .tiers-overview-summary .progress,
.ib-clients-contanier .tiers-overview-summary .progress {
  max-width: 57px;
  transform: rotate(270deg);
  margin: auto;
  position: absolute;
  bottom: 26px;
  left: -23px;
}
.ib-dashboard-continer .tiers-overview-summary .progress .progress-bar,
.ib-clients-contanier .tiers-overview-summary .progress .progress-bar {
  background: var(--tier-color);
  border-radius: 50px;
  transition: width 5s linear;
}
.ib-dashboard-continer .tiers-overview-summary .progress .progress-bar:before,
.ib-clients-contanier .tiers-overview-summary .progress .progress-bar:before {
  content: none;
}
@media (max-width: 1600px) {
  .ib-dashboard-continer .tiers-overview-summary .active-volume-section,
  .ib-clients-contanier .tiers-overview-summary .active-volume-section,
  .ib-dashboard-continer .tiers-overview-summary .active-clients-section,
  .ib-clients-contanier .tiers-overview-summary .active-clients-section {
    flex: 1;
  }
}
.ib-dashboard-continer [ng-repeat-end],
.ib-clients-contanier [ng-repeat-end] {
  display: none;
}
.ib-dashboard-continer .tier-progress-arrow,
.ib-clients-contanier .tier-progress-arrow {
  display: none;
  height: 11px;
  width: 11px;
  mask-image: url('../../images/IB/arrow-right-thin.svg');
  --webkit-mask-image: url('../../images/IB/arrow-right-thin.svg');
  background-color: var(--primary-black-60, rgba(31, 31, 31, 0.6));
  mask-size: 100%;
}
.ib-dashboard-continer .tier-progress-arrow.current-tier-arrow,
.ib-clients-contanier .tier-progress-arrow.current-tier-arrow {
  display: inline-flex;
}
@media (min-width: 1360px) {
  .ib-dashboard-continer .tier-progress-arrow,
  .ib-clients-contanier .tier-progress-arrow {
    display: inline-flex;
  }
  .ib-dashboard-continer .tier-progress-arrow.active-arrow.tier-1,
  .ib-clients-contanier .tier-progress-arrow.active-arrow.tier-1 {
    background-color: var(--tier-1-background, #00AFAB);
  }
  .ib-dashboard-continer .tier-progress-arrow.active-arrow.tier-2,
  .ib-clients-contanier .tier-progress-arrow.active-arrow.tier-2 {
    background-color: var(--tier-2-background, #0275C9);
  }
  .ib-dashboard-continer .tier-progress-arrow.active-arrow.tier-3,
  .ib-clients-contanier .tier-progress-arrow.active-arrow.tier-3 {
    background-color: var(--tier-3-background, #2F35BA);
  }
  .ib-dashboard-continer .tier-progress-arrow.active-arrow.tier-4,
  .ib-clients-contanier .tier-progress-arrow.active-arrow.tier-4 {
    background-color: var(--tier-4-background, #642FBA);
  }
}
@media (min-width: 1360px) and (min-width: 1600px) {
  .ib-dashboard-continer .tier-progress-arrow,
  .ib-clients-contanier .tier-progress-arrow {
    mask-image: url('../../images/IB/arrow-right-long.svg');
    --webkit-mask-image: url('../../images/IB/arrow-right-long.svg');
    width: 33px;
    height: 8px;
  }
}
@media (min-width: 1360px) and (max-width: 767px) {
  .ib-dashboard-continer .tier-progress-arrow,
  .ib-clients-contanier .tier-progress-arrow {
    margin-right: 0px;
  }
}
.partnerTierTooltipModal .modal-dialog,
.clientStatusTooltipModal .modal-dialog,
.partnerLoyaltyTooltipModal .modal-dialog {
  max-height: 100vh;
}
@media (max-width: 767px) {
  .partnerTierTooltipModal .modal-dialog,
  .clientStatusTooltipModal .modal-dialog,
  .partnerLoyaltyTooltipModal .modal-dialog {
    bottom: 0;
    top: auto;
    margin: 0;
    height: auto;
    position: absolute;
  }
}
.partnerTierTooltipModal .modal-dialog .modal-content,
.clientStatusTooltipModal .modal-dialog .modal-content,
.partnerLoyaltyTooltipModal .modal-dialog .modal-content {
  padding: 0;
}
@media (max-width: 767px) {
  .partnerTierTooltipModal .modal-dialog .modal-content,
  .clientStatusTooltipModal .modal-dialog .modal-content,
  .partnerLoyaltyTooltipModal .modal-dialog .modal-content {
    border-radius: 8px 8px 0px 0px;
  }
}
.partnerTierTooltipModal .modal-dialog .modal-header,
.clientStatusTooltipModal .modal-dialog .modal-header,
.partnerLoyaltyTooltipModal .modal-dialog .modal-header {
  padding: 11px 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partnerTierTooltipModal .modal-dialog .modal-header:before,
.clientStatusTooltipModal .modal-dialog .modal-header:before,
.partnerLoyaltyTooltipModal .modal-dialog .modal-header:before,
.partnerTierTooltipModal .modal-dialog .modal-header:after,
.clientStatusTooltipModal .modal-dialog .modal-header:after,
.partnerLoyaltyTooltipModal .modal-dialog .modal-header:after {
  display: none;
}
.partnerTierTooltipModal .modal-dialog .modal-header .close-icon,
.clientStatusTooltipModal .modal-dialog .modal-header .close-icon,
.partnerLoyaltyTooltipModal .modal-dialog .modal-header .close-icon {
  width: 24px;
  height: 24px;
  background-image: url(../../images/IB/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFF;
  cursor: pointer;
  border: 0;
  appearance: none;
}
.partnerTierTooltipModal .modal-dialog .modal-title,
.clientStatusTooltipModal .modal-dialog .modal-title,
.partnerLoyaltyTooltipModal .modal-dialog .modal-title {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 767px) {
  .partnerTierTooltipModal .modal-dialog .modal-title,
  .clientStatusTooltipModal .modal-dialog .modal-title,
  .partnerLoyaltyTooltipModal .modal-dialog .modal-title {
    font-size: 18px;
  }
}
.partnerTierTooltipModal .modal-dialog .modal-body,
.clientStatusTooltipModal .modal-dialog .modal-body,
.partnerLoyaltyTooltipModal .modal-dialog .modal-body {
  color: var(--primary-black-70, #1F1F1FB3 B3);
  font-size: 14px;
  font-weight: normal;
  font-family: var(--font-family);
  text-align: justify;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-style: normal;
  line-height: 18px;
}
.partnerTierTooltipModal .modal-dialog .modal-body a,
.clientStatusTooltipModal .modal-dialog .modal-body a,
.partnerLoyaltyTooltipModal .modal-dialog .modal-body a {
  text-decoration: none !important;
}
.partnerTierTooltipModal .modal-dialog .modal-footer .btn,
.clientStatusTooltipModal .modal-dialog .modal-footer .btn,
.partnerLoyaltyTooltipModal .modal-dialog .modal-footer .btn {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  background-color: var(--tier-color-30);
  padding: 8px 32px;
  font-size: 14px;
  font-weight: 600;
}
.partnerTierTooltipModal .modal-dialog .modal-footer .btn:hover,
.clientStatusTooltipModal .modal-dialog .modal-footer .btn:hover,
.partnerLoyaltyTooltipModal .modal-dialog .modal-footer .btn:hover {
  background-color: var(--tier-color);
}
@media (max-width: 767px) {
  .partnerTierTooltipModal .modal-dialog .modal-footer .btn,
  .clientStatusTooltipModal .modal-dialog .modal-footer .btn,
  .partnerLoyaltyTooltipModal .modal-dialog .modal-footer .btn {
    width: 94%;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 19.09px;
  }
}
.ib-dashboard-continer,
.partner-section-continer {
  border-radius: 12px;
  background: #FFF;
  font-family: var(--font-family);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  width: 100%;
  padding: 15px 25px 10px;
  height: 100%;
}
@media (max-width: 1200px) {
  .ib-dashboard-continer,
  .partner-section-continer {
    gap: 7px;
    padding: 15px 16px 10px;
  }
}
.ib-dashboard-continer.recent-activity,
.partner-section-continer.recent-activity {
  padding: 0px;
}
.ib-dashboard-continer .ib-clients-contanier,
.partner-section-continer .ib-clients-contanier {
  background: white;
  border-radius: 4px;
}
.ib-dashboard-continer .ib-clients-contanier .header-section .panel-headers,
.partner-section-continer .ib-clients-contanier .header-section .panel-headers {
  padding: 0rem !important;
}
@media (max-width: 767px) {
  .ib-dashboard-continer .ib-clients-contanier .header-section .panel-headers,
  .partner-section-continer .ib-clients-contanier .header-section .panel-headers {
    justify-content: space-between;
    flex-direction: row !important;
    align-items: center;
  }
}
.ib-dashboard-continer .ib-clients-contanier .header-section .title,
.partner-section-continer .ib-clients-contanier .header-section .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}
@media (max-width: 767px) {
  .ib-dashboard-continer .ib-clients-contanier .header-section .title,
  .partner-section-continer .ib-clients-contanier .header-section .title {
    font-size: 18px;
  }
}
.ib-dashboard-continer .ib-clients-contanier .footer,
.partner-section-continer .ib-clients-contanier .footer {
  display: flex;
  justify-content: space-between;
}
.ib-dashboard-continer .ib-clients-contanier .footer .info,
.partner-section-continer .ib-clients-contanier .footer .info {
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.7);
}
@media (max-width: 767px) {
  .ib-dashboard-continer .ib-clients-contanier .footer,
  .partner-section-continer .ib-clients-contanier .footer {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .ib-dashboard-continer .ib-clients-contanier .mb-2,
  .partner-section-continer .ib-clients-contanier .mb-2 {
    margin-bottom: 5px;
  }
}
.ib-dashboard-continer .ib-clients-contanier .date-label,
.partner-section-continer .ib-clients-contanier .date-label {
  color: var(--primary-black-80, #1F1F1FCC CC) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.ib-dashboard-continer .ib-clients-contanier .right-border,
.partner-section-continer .ib-clients-contanier .right-border {
  margin-right: .8rem;
  padding-right: .8rem;
  border-right: 1px solid rgba(31, 31, 31, 0.4);
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .panel-body,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .panel-body {
  padding: 0px 25px !important;
}
@media (max-width: 767px) {
  .ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .panel-body,
  .partner-section-continer .ib-clients-contanier .recent-activity-panel .panel-body {
    padding: 0px 12px !important;
  }
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .pale,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .pale {
  color: var(--primary-black-70, rgba(31, 31, 31, 0.7));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .caption,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .caption {
  color: var(--primary-black-80, #1F1F1FCC CC) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table thead,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table thead,
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table tbody,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table tbody {
  box-shadow: none;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table thead tr,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table thead tr,
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table tbody tr,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table tbody tr {
  border-bottom: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table thead th,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table thead th,
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table tbody th,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table tbody th {
  border-bottom: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table thead th span,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table thead th span,
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table tbody th span,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table tbody th span {
  color: rgba(31, 31, 31, 0.7);
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table thead tr th,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table thead tr th {
  background-color: white;
  font-weight: 400;
  padding-left: 0rem !important;
  padding-top: .5rem;
  padding-bottom: .2rem;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .data-table tbody tr td,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .data-table tbody tr td {
  padding-left: 0rem !important;
  padding-right: 1rem !important;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .activity-status,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .activity-status {
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-accepted,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-accepted {
  border-color: var(--status-accepted-brdr);
  color: var(--status-accepted-color);
  background-color: var(--status-accepted-bg);
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-pending,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-pending {
  border-color: var(--status-pending-brdr);
  color: var(--status-pending-color);
  background-color: var(--status-pending-bg);
}
.ib-dashboard-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-declined,
.partner-section-continer .ib-clients-contanier .recent-activity-panel .activity-status.status-declined {
  border-color: var(--status-declined-color);
  color: var(--status-declined-color);
  background-color: var(--status-declined-bg);
}
.ib-dashboard-continer .ib-clients-contanier .pagination,
.partner-section-continer .ib-clients-contanier .pagination {
  display: flex;
  justify-content: center;
}
.ib-dashboard-continer .ib-clients-contanier .pagination li,
.partner-section-continer .ib-clients-contanier .pagination li {
  margin: auto 2px;
}
.ib-dashboard-continer .ib-clients-contanier .pagination li a,
.partner-section-continer .ib-clients-contanier .pagination li a {
  color: rgba(31, 31, 31, 0.6);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  background: transparent;
  border-radius: var(--brdr-radius);
  border: var(--pager-border);
  color: var(--pager-color);
  padding: 7px 12px 6px 12px;
  position: initial;
  height: 32px;
}
.ib-dashboard-continer .ib-clients-contanier .pagination li a:hover,
.partner-section-continer .ib-clients-contanier .pagination li a:hover {
  color: #4B5156;
  background-color: transparent;
  border-color: none;
}
@media (min-width: 768px) {
  .ib-dashboard-continer .ib-clients-contanier .pagination li a:hover,
  .partner-section-continer .ib-clients-contanier .pagination li a:hover {
    color: #FFFFFF;
    background-color: #4B5156;
    border-color: #4B5156;
  }
}
.ib-dashboard-continer .ib-clients-contanier .pagination li.active a,
.partner-section-continer .ib-clients-contanier .pagination li.active a {
  background: var(--pager-active-bg);
  border-color: var(--pager-active-border);
  color: var(--primary-black, #1F1F1F);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ib-dashboard-continer .ib-clients-contanier .pagination li.active a:hover,
.partner-section-continer .ib-clients-contanier .pagination li.active a:hover {
  color: #191C1F;
  background-color: var(--primary-aqua, #00AFAB);
}
.ib-dashboard-continer .ib-clients-contanier .pagination li.disabled,
.partner-section-continer .ib-clients-contanier .pagination li.disabled {
  z-index: 0;
}
.ib-dashboard-continer .ib-clients-contanier .pagination li.disabled a,
.partner-section-continer .ib-clients-contanier .pagination li.disabled a {
  color: #1F1F1F66;
  background-color: transparent;
  border-color: transparent;
  border: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
}
.ib-dashboard-continer .ib-clients-contanier .cta-white-button.equalizer,
.partner-section-continer .ib-clients-contanier .cta-white-button.equalizer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 12px 18px 12px 14px;
}
.ib-dashboard-continer .ib-clients-contanier .cta-white-button.equalizer::before,
.partner-section-continer .ib-clients-contanier .cta-white-button.equalizer::before {
  background-image: url('../../images/equiti/filter-equalizer.svg');
  height: 18px;
}
.ib-dashboard-continer .ib-clients-contanier .cta-white-button span,
.partner-section-continer .ib-clients-contanier .cta-white-button span {
  font-weight: 300;
}
.extension {
  position: absolute;
  top: -20px;
  padding-left: 20px;
  right: 20px;
  display: inline-block;
  width: fit-content;
  padding-top: 0 !important;
  z-index: 1;
}
.extension .currency-tabs {
  font-family: var(--font-family-title);
}
#new-summary-widget {
  display: flex;
  flex-direction: column;
}
#new-summary-widget .account {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
}
@media (max-width: 767px) {
  #new-summary-widget .account {
    font-size: 18px;
  }
}
#new-summary-widget.e-panel .e-panel-body .money-container {
  font-size: 26px;
}
@media (max-width: 767px) {
  #new-summary-widget.e-panel .e-panel-body .money-container {
    font-size: 24px;
  }
}
#new-summary-widget.e-panel .e-panel-body .money-container .fraction {
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 767px) {
  #new-summary-widget.e-panel .e-panel-body .money-container .fraction {
    line-height: 25px;
  }
}
#new-summary-widget .hint {
  color: rgba(31, 31, 31, 0.7);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
#new-summary-widget .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#new-summary-widget .actions .btn[disabled] {
  color: var(--primary-black-30);
  font-family: var(--font-family-title);
  background-color: rgba(31, 31, 31, 0.1);
  opacity: initial;
}
#new-summary-widget ~ .cg-busy .cg-busy-default-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
}
#new-summary-widget ~ .cg-busy .cg-busy-default-wrapper .cg-busy-default-sign {
  margin-top: 0;
}
#new-summary-widget .extension {
  top: 0;
}
.dashboard-container .select-with-different-arrow:after {
  content: ' ';
  background-image: url(../../images/IB/expand-more.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  right: 0px;
  top: 6px;
  position: absolute;
  width: 34px;
  height: 34px;
}
.dashboard-container .select-with-different-arrow select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 28px;
  border-radius: 3px;
  border: 3px solid #ECEEF0;
  font-family: var(--font-family-title);
  font-size: 12px;
  font-weight: 500;
}
.dashboard-container .select-with-different-arrow .form-control::after {
  content: '';
  background-image: url(../../images/equiti/expand_more.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  right: 16px;
  top: 50%;
  position: absolute;
  width: 7px;
  height: 4px;
}
.commentPartnershipLoyaltyOverview {
  color: rgba(31, 31, 31, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.commentPartnershipLoyaltyOverview a {
  color: var(--tier-color);
  text-decoration-line: underline;
}
.partner-section-continer.partner-loyalty-modal {
  box-shadow: none;
  padding: 0;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone {
  flex-direction: column-reverse;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone .milestone-container {
  width: 100%;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone .milestone-container .milestone {
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: start;
  margin-inline-end: -3px;
  padding-inline-end: 0;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone .milestone-container .milestone .reward {
  display: flex;
  gap: 8px;
  align-items: center;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone .milestone-container .milestone:after {
  height: 3px;
  width: 100%;
  top: 0px;
  bottom: auto;
  left: 0;
  right: 0;
}
.partner-section-continer.partner-loyalty-modal .loyalty-program-milestone .milestone-container .milestone .target-trade-volume:before {
  content: " ";
  mask-image: url('../../images/IB/empty-check-circle.svg');
  --webkit-mask-image: url('../../images/IB/empty-check-circle.svg');
  background-color: var(--tier-color);
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.partner-section-continer.partner-loyalty-modal .volume-progress-container {
  width: 7px;
  height: 100%;
  top: -8px;
  transform: rotate(180deg);
}
.partner-section-continer.partner-loyalty-modal .volume-progress-container .volume-progress {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.active-volume-section,
.active-clients-section {
  padding-inline-start: 13px;
  position: relative;
}
.active-volume-section .title,
.active-clients-section .title {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}
.active-volume-section .title-description,
.active-clients-section .title-description {
  color: var(--primary-black-70);
  font-family: var(--font-family-title);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
.active-volume-section .details,
.active-clients-section .details {
  color: var(--primary-black-70);
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.active-volume-section.border-opacity:before,
.active-clients-section.border-opacity:before {
  opacity: 0.4;
}
.partnership-loyalty-summary {
  padding-inline-end: 16px;
}
@media (max-width: 767px) {
  .partnership-loyalty-summary {
    padding-inline-end: 0;
    margin-bottom: 16px;
  }
}
.partnership-loyalty-summary:after {
  content: "";
  width: 1px;
  background-color: var(--primary-black-10);
  position: absolute;
  right: 0;
  left: auto;
  top: 10px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .partnership-loyalty-summary:after {
    content: none;
  }
}
.partnership-loyalty-summary .active-clients-section:before {
  top: 7px;
  bottom: 5px;
}
@media (max-width: 767px) {
  .partnership-loyalty-summary .active-clients-section:before {
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .partnership-loyalty-summary > div {
    justify-content: space-between;
    flex: 1;
  }
}
.partnership-loyalty-summary .active-volume-section:before,
.partnership-loyalty-summary .active-clients-section:before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: var(--tier-color);
  left: 0;
  right: auto;
  top: 7px;
  bottom: 5px;
}
.volume-progress-container {
  background-color: #1F1F1F0D !important;
  width: 100%;
  height: 12px;
  border-radius: 35px;
  position: absolute;
  top: 16px;
}
@media (max-width: 767px) {
  .volume-progress-container {
    top: 3px;
  }
}
.volume-progress-container .volume-progress {
  background-color: var(--tier-color);
  width: 100%;
  height: 100%;
  border-start-start-radius: 35px;
  border-end-start-radius: 35px;
}
.partner-section-continer .loyalty-program-milestone {
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.partner-section-continer .loyalty-program-milestone .milestone-container {
  position: relative;
  height: 100%;
  flex: 1;
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone {
  display: flex;
  flex-direction: column;
  padding-inline-end: 12px;
  color: var(--primary-black-70);
  font-size: 12px;
  text-align: end;
  height: 100%;
  justify-content: end;
  align-items: end;
  position: relative;
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone:after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: var(--primary-black-5);
  right: 0;
  left: auto;
  top: 7px;
  bottom: 5px;
  border-radius: 24px;
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.collected .target-trade-volume,
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.achieved .target-trade-volume {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.collected .target-trade-volume:before,
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.achieved .target-trade-volume:before {
  content: " ";
  width: 14px;
  height: 14px;
  background-color: var(--tier-color);
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.collected:after,
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.achieved:after {
  background-color: var(--tier-color);
  opacity: 0.2;
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.collected .target-trade-volume:before {
  mask-image: url('../../images/IB/collected-check-circle.svg');
  --webkit-mask-image: url('../../images/IB/collected-check-circle.svg');
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone.achieved .target-trade-volume:before {
  mask-image: url('../../images/IB/achieved-check-circle.svg');
  --webkit-mask-image: url('../../images/IB/achieved-check-circle.svg');
}
.partner-section-continer .loyalty-program-milestone .milestone-container .milestone .target-trade-volume {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.partner-section-continer .loyalty-program-milestone .milestone-container:last-child .milestone {
  padding-inline-end: 22px;
}
@media (min-width: 767px) {
  .partner-section-continer .loyalty-program-milestone .milestone-container:last-child .milestone:after {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone:after {
    top: 0;
    width: 17px;
    height: 17px;
    background-color: var(--primary-white, #FFF) !important;
    border-width: 2px;
    border-color: #EDEDED;
    border-style: solid;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone .target-trade-volume,
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone .reward {
    display: none !important;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.active:after {
    background-color: var(--primary-black, #1F1F1F) !important;
    opacity: 1;
    border-width: 2px;
    border-color: #E5E5E5;
    border-style: solid;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.active:before {
    content: "";
    display: block;
    width: 1px;
    height: 22px;
    background-color: var(--primary-black, #1F1F1F);
    position: absolute;
    top: 18px;
    right: 8px;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.active.collected:before {
    background-color: var(--primary-aqua, #06928F);
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.collected:after,
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.achieved:after {
    content: " ";
    background-size: contain;
    opacity: 1;
    background-color: var(--primary-white, #FFF) !important;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.collected:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: var(--primary-white, #FFF) !important;
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    border-radius: 24px;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.collected:after {
    mask-image: url('../../images/IB/collected-check-circle.svg');
    --webkit-mask-image: url('../../images/IB/collected-check-circle.svg');
    background-color: var(--tier-color) !important;
    mask-size: 100%;
  }
  .partner-section-continer:not(.partner-loyalty-modal) .loyalty-program-milestone .milestone-container .milestone.achieved:after {
    mask-image: url('../../images/IB/collected-check-circle.svg');
    --webkit-mask-image: url('../../images/IB/collected-check-circle.svg');
    mask-size: 100%;
  }
}
@media (max-width: 767px) {
  .activce-milestone {
    display: flex !important;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    background-color: var(--primary-black, #1F1F1F);
    color: var(--primary-white, #FFF);
    font-family: var(--font-family-title-regular);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    padding: 10px 13px;
    gap: 1px;
  }
  .activce-milestone.is-all-target-collected,
  .activce-milestone.is-all-target-collected:after {
    background-color: var(--primary-aqua, #06928F);
    font-family: var(--font-family-title);
    font-weight: 600;
    font-size: 14px;
  }
  .activce-milestone b {
    font-family: var(--font-family-title);
    font-weight: 600;
  }
  .activce-milestone b:first-child {
    font-size: 14px;
  }
}
.loyalty-active-trader-summary {
  gap: 4px;
  align-items: center;
}
@media (max-width: 767px) {
  .loyalty-active-trader-summary {
    align-items: start;
    gap: 0;
  }
}
.account-client-summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .account-client-summary {
    gap: 1.5rem;
  }
}
.account-client-summary.no-tiers {
  gap: 1.5rem;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .account-client-summary.no-tiers {
    flex-direction: column;
  }
}
.account-client-summary.no-tiers ng-include {
  flex: 1;
}
.account-client-summary.no-tiers ng-include:last-child {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .account-client-summary.no-tiers ng-include:last-child {
    margin-top: 0;
  }
}
.client-states {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 100%;
}
.client-states .footer .total-count {
  display: none;
}
.client-states .percentage-container {
  display: flex;
  width: 100%;
  height: 12px;
  column-gap: 1px;
  margin-bottom: 10px;
}
.client-states .percentage-container .stats-percentage {
  width: 100%;
  background: rgba(31, 31, 31, 0.05);
}
.client-states .percentage-container .stats-percentage.active {
  background-color: var(--client-state-active-color);
}
.client-states .percentage-container .stats-percentage.pending {
  background-color: var(--client-state-pending-color);
}
.client-states .percentage-container .stats-percentage.inactive {
  background-color: var(--client-state-inactive-color);
}
.client-states .percentage-container .stats-percentage.new {
  background-color: var(--client-state-new-color);
}
.client-states .percentage-container .stats-percentage:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.client-states .percentage-container .stats-percentage:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.client-states .percentage-container .stats-percentage:only-child {
  border-radius: 5px;
}
.client-states .count-container {
  width: 100%;
  display: grid;
  column-gap: 12px;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
@media (max-width: 767px) {
  .client-states .count-container {
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
    grid-auto-flow: row;
  }
}
@media (max-width: 992px) {
  .client-states .count-container {
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
    grid-auto-flow: row;
  }
}
.client-states .count-container .stats-count {
  width: 100%;
}
.client-states .count-container .stats-count .counter {
  display: flex;
  min-width: 102px;
  padding: 11px 0px 11px 8px;
  background: var(--primary-white, #FFF);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  flex-shrink: 0;
  border: 2px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
  cursor: pointer;
}
.client-states .count-container .stats-count .counter .w-100 {
  width: 100%;
}
.client-states .count-container .stats-count .counter.disabled {
  opacity: .6;
  background: rgba(244, 244, 244, 0.6);
}
.client-states .count-container .stats-count .counter .nm {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: block;
}
.client-states .count-container .stats-count .counter .nm.lbl {
  color: var(--primary-black-60, rgba(31, 31, 31, 0.6));
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}
.client-states .count-container .stats-count .counter.active:before {
  background-color: var(--client-state-active-color);
}
.client-states .count-container .stats-count .counter.active:hover {
  border-color: var(--client-state-active-color);
}
.client-states .count-container .stats-count .counter.new:before {
  background-color: var(--client-state-new-color);
}
.client-states .count-container .stats-count .counter.new:hover {
  border-color: var(--client-state-new-color);
}
.client-states .count-container .stats-count .counter.inactive:before {
  background-color: var(--client-state-inactive-color);
}
.client-states .count-container .stats-count .counter.inactive:hover {
  border-color: var(--client-state-inactive-color);
}
.client-states .count-container .stats-count .counter.pending:before {
  background-color: var(--client-state-pending-color);
}
.client-states .count-container .stats-count .counter.pending:hover {
  border-color: var(--client-state-pending-color);
}
.client-states .count-container .stats-count .counter:before {
  content: " ";
  position: relative;
  width: 3px !important;
  min-width: 3px !important;
  background-color: var(--tier-color);
  top: 0;
  bottom: 5px;
  height: 100%;
  margin-right: 10px;
  display: block;
  height: auto;
  border-radius: 35px;
}
.client-states .count-container .stats-count .counter:after {
  content: " ";
  background-image: url(../../images/IB/expand-more.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 24px;
  width: 24px;
  min-width: 24px;
  transform: rotate(-90deg);
}
.ib-clients-contanier {
  background: transparent;
  border-radius: 4px;
}
.ib-clients-contanier .header-section .panel-headers {
  padding: 0rem !important;
}
@media (max-width: 767px) {
  .ib-clients-contanier .header-section .panel-headers {
    justify-content: space-between;
    flex-direction: row !important;
    align-items: center;
  }
}
.ib-clients-contanier .footer {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin-top: 8px;
}
.ib-clients-contanier .footer .info {
  align-items: center;
  justify-content: center;
  display: flex;
  font-family: var(--font-family);
  font-size: 14px;
  color: rgba(31, 31, 31, 0.7);
}
@media (max-width: 767px) {
  .ib-clients-contanier .footer .info {
    padding: 5px 0px 10px 0;
  }
}
@media (max-width: 767px) {
  .ib-clients-contanier .footer {
    flex-direction: column;
  }
}
.menu-tabs {
  font-family: var(--font-family-title);
  font-size: 12px;
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: #ECEEF0;
  border: 1px solid #ECEEF0;
  padding: 2px;
}
.menu-tabs.no-border li {
  display: inline-flex;
  padding: 14px 12px 8px 10px;
  justify-content: center;
  align-items: flex-end;
  background-color: transparent;
  gap: 8px;
  border-bottom: 2px solid transparent;
}
.menu-tabs.no-border li.active {
  border-bottom: 2px solid var(--primary-aqua);
  background-color: #ECEEF0;
}
.menu-tabs.show-sm {
  display: none;
}
@media (max-width: 767px) {
  .menu-tabs.show-sm {
    display: inline-flex;
    margin-bottom: 8px;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
  }
}
.menu-tabs .list-inline:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.menu-tabs .list-inline:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.menu-tabs li {
  padding: 12px;
}
.menu-tabs li a {
  color: #191C1F;
}
.menu-tabs li.active {
  background-color: white;
}
.ib-clients-contanier .client-list,
.ib-clients-contanier.rebate-structure-container {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .extension,
  .ib-clients-contanier.rebate-structure-container .extension {
    display: none;
  }
}
.ib-clients-contanier .client-list .header,
.ib-clients-contanier.rebate-structure-container .header {
  padding: 15px 25px;
  border-bottom: 2px solid rgba(31, 31, 31, 0.05);
  border-top: 2px solid rgba(31, 31, 31, 0.05);
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .header,
  .ib-clients-contanier.rebate-structure-container .header {
    justify-content: flex-end;
    padding: 6px 12px;
  }
}
.ib-clients-contanier .client-list .header.radius,
.ib-clients-contanier.rebate-structure-container .header.radius {
  border-radius: 12px 12px 0 0;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .header.radius .left,
  .ib-clients-contanier.rebate-structure-container .header.radius .left {
    display: none;
  }
}
.ib-clients-contanier .client-list .header .section-title,
.ib-clients-contanier.rebate-structure-container .header .section-title {
  white-space: nowrap;
}
.ib-clients-contanier .client-list .header .toolbar,
.ib-clients-contanier.rebate-structure-container .header .toolbar {
  width: 100%;
  align-items: center;
}
.ib-clients-contanier .client-list .header .left,
.ib-clients-contanier.rebate-structure-container .header .left {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .header .left,
  .ib-clients-contanier.rebate-structure-container .header .left {
    padding: 6px 12px;
    justify-content: flex-end;
  }
}
.ib-clients-contanier .client-list .client-states,
.ib-clients-contanier.rebate-structure-container .client-states {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  box-shadow: none;
}
.ib-clients-contanier .client-list .client-states .footer,
.ib-clients-contanier.rebate-structure-container .client-states .footer {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 0px;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .client-states .footer,
  .ib-clients-contanier.rebate-structure-container .client-states .footer {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
  }
}
.ib-clients-contanier .client-list .client-states .footer .total-count,
.ib-clients-contanier.rebate-structure-container .client-states .footer .total-count {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
  color: rgba(31, 31, 31, 0.6);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
}
.ib-clients-contanier .client-list .client-states .footer .total-count .count,
.ib-clients-contanier.rebate-structure-container .client-states .footer .total-count .count {
  color: var(--primary-black, #1F1F1F);
  text-align: right;
  font-family: var(--font-family-title);
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .client-states .count-container,
  .ib-clients-contanier.rebate-structure-container .client-states .count-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-bottom: 1px rgba(31, 31, 31, 0.05) solid;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .client-states .count-container .stats-count,
  .ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count {
    width: 45px;
  }
}
.ib-clients-contanier .client-list .client-states .count-container .stats-count .counter,
.ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter {
  border: 0px;
  padding: 0px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  cursor: default;
  height: 20px;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .client-states .count-container .stats-count .counter,
  .ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter {
    height: 25px;
  }
  .ib-clients-contanier .client-list .client-states .count-container .stats-count .counter:before,
  .ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter:before {
    margin-top: 5px;
    height: 100%;
  }
}
.ib-clients-contanier .client-list .client-states .count-container .stats-count .counter:after,
.ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter:after {
  content: none;
}
.ib-clients-contanier .client-list .client-states .count-container .stats-count .counter .flex-column,
.ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter .flex-column {
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .client-states .count-container .stats-count .counter .flex-column,
  .ib-clients-contanier.rebate-structure-container .client-states .count-container .stats-count .counter .flex-column {
    gap: 2px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .cta-white-button2.w-icon::before,
  .ib-clients-contanier.rebate-structure-container .cta-white-button2.w-icon::before {
    margin-right: 0px;
    padding: 12px 14px 12px 14px;
  }
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .cta-white-button2.w-icon::after,
  .ib-clients-contanier.rebate-structure-container .cta-white-button2.w-icon::after {
    margin-right: 0px !important;
  }
}
@media (max-width: 767px) {
  .ib-clients-contanier .client-list .cta-white-button2 span,
  .ib-clients-contanier.rebate-structure-container .cta-white-button2 span {
    display: none;
  }
}
.lst-mobile {
  display: none;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 6px 12px;
}
@media (max-width: 767px) {
  .lst-mobile {
    display: flex;
  }
  .lst-mobile.radius {
    background-color: white;
    border-radius: 0px 0px 12px 12px;
  }
}
.lst-mobile .account-details .account {
  font-size: 16px;
  font-weight: 400;
}
.lst-mobile .account-details .account-type {
  font-size: 12px;
}
.lst-mobile .column-header {
  display: flex;
  justify-content: space-between;
  color: rgba(31, 31, 31, 0.7);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  /* 291.667% */
}
.lst-mobile .d-flex {
  width: 100%;
}
.lst-mobile .client-row {
  font-family: var(--font-family);
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
  margin-bottom: 5px;
}
.lst-mobile .client-row .rebates {
  font-size: 12px;
}
.lst-mobile .client-row .rebates .rebate-row {
  justify-content: space-between;
  display: flex;
  padding: 15px 0px;
}
.lst-mobile .client-row .top {
  justify-content: space-between;
  width: 100%;
}
.lst-mobile .client-row .info a.strong {
  color: var(--primary-aqua-dark-10);
}
.lst-mobile .client-row .strong {
  color: var(--primary-black, #1F1F1F);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.lst-mobile .client-row .strong.asset-name {
  font-family: Gilroy;
  font-weight: 600;
}
.lst-mobile .client-row .status {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.lst-mobile .client-row .status .lbl {
  color: rgba(31, 31, 31, 0.7);
}
.lst-mobile .client-row .status .change {
  color: var(--primary-black);
}
.lst-mobile .client-row .month {
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(31, 31, 31, 0.05);
  gap: 6px;
}
.lst-mobile .client-row .month .money {
  color: var(--primary-black-80, #1F1F1FCC CC);
}
.lst-mobile .client-row .month .rebate-row {
  padding: 0px;
}
.tbl {
  padding: 15px 25px;
  background-color: white;
}
@media (max-width: 767px) {
  .tbl {
    display: none;
  }
}
.tbl.radius {
  border-radius: 0px 0px 12px 12px;
}
.tbl .account-details {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tbl .account-details .account {
  color: var(--primary-black);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
}
.tbl .account-details .account.link {
  color: var(--primary-aqua);
}
.tbl .account-details .account-type {
  color: var(--primary-black-60);
  font-family: var(--font-family);
  font-size: 12px;
}
.tbl .money-container .money {
  align-items: center;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.tbl .money-container .money.fraction {
  font-size: 12px;
}
.tbl .data-table thead,
.tbl .data-table tbody {
  box-shadow: none;
}
.tbl .data-table thead tr,
.tbl .data-table tbody tr,
.tbl .data-table thead:last-child,
.tbl .data-table tbody:last-child {
  border-bottom: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05)) !important;
}
.tbl .data-table thead th,
.tbl .data-table tbody th {
  border-bottom: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
}
.tbl .data-table thead th span,
.tbl .data-table tbody th span {
  color: rgba(31, 31, 31, 0.7);
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  font-family: var(--font-family);
}
.tbl .data-table thead .al-right,
.tbl .data-table tbody .al-right {
  text-align: right;
}
.tbl .data-table thead tr th {
  background-color: white;
  font-weight: 400;
  padding-left: 0rem !important;
  padding-top: .5rem;
  padding-bottom: .2rem;
}
.tbl .data-table tbody tr td,
.tbl .data-table tfoot tr td {
  padding: .5rem 1rem .5rem 0 !important;
  font-size: 12px;
  font-weight: 300;
  line-height: 19px;
  font-family: var(--font-family);
  color: var(--primary-black, #1F1F1F);
}
.tbl .data-table tbody tr td .name-label,
.tbl .data-table tfoot tr td .name-label {
  font-family: var(--font-family-title);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
}
.tbl .data-table tbody tr td.fee,
.tbl .data-table tfoot tr td.fee {
  color: #D42D2D !important;
}
div.mobile-content:has(.rebate-structure-container) {
  padding: 0px !important;
}
.rebate-structure-container .lst-mobile {
  background-color: white;
}
.rebate-structure-container .tbl .data-table tbody tr td {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 19px;
}
.rebate-structure-container .tbl .data-table tbody tr td.asset-class {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 19px;
}
.rebate-structure-container a.view-all {
  color: var(--primary-aqua-dark-10, #06928F);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  display: inline-flex;
  align-items: center;
}
.rebate-structure-container a.view-all::after {
  content: ' ';
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url('../../images/equiti/External link.svg');
  --webkit-mask-image: url('../../images/equiti/External link.svg');
  background-color: var(--primary-aqua-dark-10, #06928F);
  width: 23px;
  height: 23px;
  margin-inline-start: 5px;
  display: inline-block;
}
@media (max-width: 767px) {
  .rebate-structure-container .header.radius {
    justify-content: flex-start;
    padding: 6px 12px;
  }
}
.rebate-structure-container .tier-body a {
  display: flex;
  align-items: center;
}
.rebate-structure-container .tier-body a::before {
  content: " ";
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-size: 90%;
  mask-image: url(../../images/IB/icon-icon.svg);
  --webkit-mask-image: url(../../images/IB/icon-icon.svg);
  background-color: var(--primary-black-60);
}
.rebate-structure-container .tier-body.tier-order-1 a::before {
  mask-image: url(../../images/IB/icon-pioneer.svg);
  --webkit-mask-image: url(../../images/IB/icon-pioneer.svg);
}
.rebate-structure-container .tier-body.tier-order-2 a::before {
  mask-image: url(../../images/IB/icon-master.svg);
  --webkit-mask-image: url(../../images/IB/icon-master.svg);
}
.rebate-structure-container .tier-body.tier-order-3 a::before {
  mask-image: url(../../images/IB/icon-champion.svg);
  --webkit-mask-image: url(../../images/IB/icon-champion.svg);
}
.rebate-structure-container .tier-body.tier-order-4 a::before {
  mask-image: url(../../images/IB/icon-legend.svg);
  --webkit-mask-image: url(../../images/IB/icon-legend.svg);
}
.rebate-structure-container .tier-body.active a::before {
  background-color: #00AFAB;
}
.rebate-structure-container .menu-tabs li {
  padding: 6px 12px;
}
@media (max-width: 767px) {
  .rebate-structure-container .menu-tabs {
    margin-top: 17px;
    font-size: 13px;
    font-weight: 400;
  }
  .rebate-structure-container .menu-tabs li.active {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .rebate-structure-container .page-content {
    padding: 16px;
  }
}
.client-status {
  padding: 4px 4px;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-family);
  font-size: 12px;
}
.client-status.active {
  border: 1px solid var(--client-state-active-color);
  background: var(--status-accepted-bg);
  color: var(--status-accepted-color);
}
.client-status.new {
  border: 1px solid var(--client-state-new-color);
  background: #FFD6001A;
  color: #6A5900;
}
.client-status.pending {
  border: 1px solid var(--client-state-pending-color);
  background: var(--status-pending-bg);
  color: var(--status-pending-color);
}
.client-status.inactive {
  border: 1px solid var(--client-state-inactive-color);
  background: var(--status-declined-bg);
  color: var(--status-declined-color);
}
.h-margin-top-20 {
  margin-top: 20px;
}
.container .rebate-link,
.container-fluid .rebate-link {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 300;
  text-decoration-line: underline;
}
.container .pagination,
.container-fluid .pagination {
  margin: 0px;
}
.container .desktop-view,
.container-fluid .desktop-view {
  display: flex !important;
}
@media (max-width: 767px) {
  .container .desktop-view,
  .container-fluid .desktop-view {
    display: none !important;
  }
}
.container .mobile-view,
.container-fluid .mobile-view {
  display: none !important;
}
@media (max-width: 767px) {
  .container .mobile-view,
  .container-fluid .mobile-view {
    display: flex !important;
  }
}
.container .mobile-view-block,
.container-fluid .mobile-view-block {
  display: none !important;
}
@media (max-width: 767px) {
  .container .mobile-view-block,
  .container-fluid .mobile-view-block {
    display: block !important;
  }
}
.container .cursor-help,
.container-fluid .cursor-help {
  cursor: help;
}
.container .space-between,
.container-fluid .space-between {
  justify-content: space-between;
}
.container .mb,
.container-fluid .mb {
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
  margin-bottom: 8px;
}
.container .gap-20,
.container-fluid .gap-20 {
  gap: 20px;
}
.client-details-page .client-name {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 18px;
  font-weight: 500;
}
.client-details-page .profile-initials {
  color: var(--primary-white, #FFF);
  text-align: center;
  font-family: var(--font-family-title);
  font-size: 19px;
  font-weight: 600;
}
.client-details-page .profile-info {
  display: flex;
  color: var(--primary-black, #1F1F1F);
  font-size: 14px;
  font-family: var(--font-family);
  text-align: right;
}
.client-details-page .profile-info label span {
  font-size: 12px;
  font-weight: 300;
}
.client-details-page .profile-info span {
  font-weight: 400;
}
.client-details-page .mb {
  margin: 0px;
  padding: 12px 0px;
}
.client-details-page .client-details-profile {
  justify-content: space-between;
}
.client-details-page .left-profile-section {
  column-gap: 20px;
  height: 50px;
}
.client-details-page .right-profile-section {
  column-gap: 20px;
}
.client-details-page svg text {
  color: var(--primary-white, #FFF);
  text-align: center;
  font-family: var(--font-family-title);
  font-size: 19px;
  font-weight: 600;
}
.menu-tabs.as-tab {
  scrollbar-color: var(--primary-aqua-dark-10, #06928F) transparent;
  scrollbar-width: thin;
}
.account-summary-new .summary-label {
  color: var(--primary-black-70);
  font-family: var(--font-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}
.account-summary-new .summary-label.large {
  font-size: 14px;
  line-height: 35px;
}
.account-summary-new .acc-summary {
  display: flex;
  padding: 0px;
  gap: 36px;
  overflow-x: auto;
}
.account-summary-new .acc-summary .account-summary {
  gap: 6px;
  align-items: center;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.account-summary-new .acc-summary .account-summary.total-balance {
  padding: 0px 80px 0px 0px !important;
}
.account-summary-new .acc-summary .account-summary.fee {
  --primary-black: var(--colors-text-text-error-primary-600, #D92D20);
}
.account-summary-new .acc-summary .account-summary.border-right {
  border-right: 1px solid var(--primary-black-10, rgba(31, 31, 31, 0.1));
  padding-right: 36px;
}
.account-summary-new.e-panel .e-panel-body .money-container.fee {
  --primary-black: #D42D2D;
}
.account-summary-new.e-panel .e-panel-body .money-container .fraction {
  font-size: 16px;
  font-weight: 400;
}
.account-summary-new .mobile-view-block {
  overflow: hidden;
}
.account-summary-new .mobile-view-block .e-panel-body {
  padding: 15px 17px 25px 16px !important;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary {
  border-bottom: 1px solid var(--primary-black-10, rgba(31, 31, 31, 0.1));
  padding-bottom: 12px;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary:first-of-type {
  padding-bottom: 0;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary .account-summary-row {
  margin-top: 17px;
  display: flex;
  gap: 24px;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary .account-summary-row .account-summary-row-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
}
.account-summary-new .mobile-view-block .e-panel-body .account-summary .account-summary-row .account-summary-row-content.border-right {
  border-right: 1px solid var(--primary-black-10, rgba(31, 31, 31, 0.1));
}
.account-summary-new.e-panel {
  margin-top: 20px;
}
.account-summary-new.e-panel .extension {
  top: 0px;
}
#accounts-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#accounts-list .w-100 {
  width: 100%;
}
#accounts-list .e-panel .e-panel-body .tbl .money-container .money {
  font-size: 14px;
  font-weight: 700;
}
#accounts-list .e-panel .e-panel-body .tbl .money-container .money.fraction {
  font-size: 12px;
  font-weight: 700;
}
#accounts-list .tbl th {
  padding-inline-end: 0;
}
#accounts-list .tbl th:last-of-type {
  width: 14vw;
}
@media (min-width: 1600px) {
  #accounts-list .tbl th:last-of-type {
    width: 14.5%;
  }
}
#accounts-list .tbl td {
  padding-inline-end: 0 !important;
}
#accounts-list #rebate-accounts-table .tbl th:nth-child(4) {
  width: 11.5vw;
}
#accounts-list #rebate-accounts-table .tbl th:nth-child(5) {
  width: 4.5vw;
}
#accounts-list #rebate-accounts-table .tbl th:nth-child(6) {
  width: 9vw;
}
#accounts-list #master-accounts .tbl th:nth-child(3) {
  width: 11.5vw;
}
#accounts-list #master-accounts .tbl th:nth-child(4) {
  width: 4.5vw;
}
#accounts-list #master-accounts .tbl th:nth-child(5) {
  width: 9vw;
}
#accounts-list .table-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
#accounts-list .table-actions button.btn.btn-circle {
  background: transparent;
}
@media (max-width: 767px) {
  #accounts-list .e-panel-header.toolbar {
    padding: 17px 12px 15px 12px;
  }
  #accounts-list .e-panel-header.toolbar .title {
    margin-bottom: 0;
    line-height: 35px;
    font-size: 18px;
  }
  #accounts-list .e-panel-header.toolbar .cta-white-button2 {
    padding: 12px;
  }
  #accounts-list .e-panel-header.toolbar .cta-white-button2.w-icon::before,
  #accounts-list .e-panel-header.toolbar .cta-white-button2.wa-icon::after {
    margin-right: 0px;
  }
  #accounts-list .e-panel-body {
    padding: 0 16px 19px 17px;
  }
}
#accounts-list .lst-mobile {
  gap: 0;
}
#accounts-list .lst-mobile .trading-account {
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 2px solid var(--panel-border-color);
}
#accounts-list .lst-mobile .trading-account:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
#accounts-list .lst-mobile .wallet-account {
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 2px solid var(--panel-border-color);
}
#accounts-list .lst-mobile .wallet-account:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
#accounts-list .lst-mobile .master-account {
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 2px solid var(--panel-border-color);
}
#accounts-list .lst-mobile .master-account:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
#accounts-list .lst-mobile .master-account .link {
  color: var(--primary-aqua);
}
#accounts-list .lst-mobile .d-flex {
  justify-content: space-between;
  align-items: center;
}
#accounts-list .lst-mobile .d-flex-row-reverse {
  flex-direction: row-reverse;
}
#accounts-list .lst-mobile .money {
  font-weight: 700;
  line-height: normal;
}
#accounts-list .lst-mobile .link {
  color: #1F1F1F;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 300;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
}
#accounts-list .lst-mobile .sub-title {
  color: #1F1F1F;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 300;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-black-60, rgba(31, 31, 31, 0.6));
}
#accounts-list .lst-mobile .balance {
  margin-top: 20px;
}
#accounts-list .lst-mobile .show-hide-more {
  color: #1F1F1F;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 300;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: var(--primary-aqua-dark-10, #06928F);
  display: flex;
  align-items: center;
}
#accounts-list .lst-mobile .arrow-expand {
  background-image: url(../../images/TraderPortal/arrow-expand.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 32px;
  width: 32px;
}
#accounts-list .lst-mobile .arrow-shrink {
  background-image: url(../../images/TraderPortal/arrow-expand.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 32px;
  width: 32px;
  background-image: url(../../images/TraderPortal/arrow-shrink.svg);
}
#accounts-list .lst-mobile .show-more-content {
  padding: 9px 12px;
  border-radius: var(--radius-md, 8px);
  background: var(--primary-black-5, rgba(31, 31, 31, 0.05));
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title-regular);
  font-style: normal;
  font-weight: 400;
  color: var(--primary-black-70, rgba(31, 31, 31, 0.7));
  font-size: 12px;
  line-height: 16px;
  /* 133.333% */
}
#accounts-list .lst-mobile .show-more-content div:not(:first-child) {
  margin-top: 5px;
}
#accounts-list .lst-mobile .fee {
  color: #D42D2D;
}
#accounts-list .lst-mobile .action-buttons-container {
  margin-top: 10px;
}
#accounts-list .lst-mobile #dropdownMenuButton {
  background: transparent;
  margin-left: 8px;
}
.e-panel {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  background-color: white;
}
.e-panel .menu-tabs.w-40 {
  max-width: 40vw;
  text-wrap: nowrap;
  overflow-x: auto;
}
.e-panel .e-title {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .e-panel .e-title {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .e-panel .e-title {
    font-size: 18px;
  }
}
.e-panel .sub-text {
  width: 100%;
  padding-top: 16px;
  font-size: 12px;
  color: red;
  color: rgba(31, 31, 31, 0.5);
  font-style: italic;
}
.e-panel .link {
  font-size: 16px;
  color: var(--tier-color);
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
@media (max-width: 767px) {
  .e-panel .link {
    font-size: 14px;
  }
}
.e-panel .link.no-arrow:after {
  content: none;
}
.e-panel .link:after {
  content: ' ';
  mask-image: url(../../images/equiti/expand_more.svg);
  --webkit-mask-image: url(../../images/equiti/icon-icon.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: var(--tier-color);
  width: 24px;
  height: 12px;
  margin-right: 10px;
  display: inline-block;
}
.e-panel .e-panel-header {
  border-bottom: 2px solid var(--panel-border-color);
  padding: 15px 25px;
  font-family: var(--font-family-title);
}
.e-panel .e-panel-header.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .e-panel .e-panel-header {
    padding: 12px 16px;
  }
}
.e-panel .e-panel-body {
  width: 100%;
  padding: 15px 25px;
  font-family: var(--font-family);
}
@media (max-width: 767px) {
  .e-panel .e-panel-body {
    padding: 12px 16px;
  }
}
.e-panel .e-panel-body i.img-currency {
  margin-right: 0px;
  background: rgba(227, 242, 232, 0.9);
  color: #4D966D;
  font-size: 13px;
  font-family: var(--font-family);
  font-weight: 700;
}
.e-panel .e-panel-body .money-container .fraction {
  font-size: 12px;
}
@media (max-width: 767px) {
  .e-panel .e-panel-body .money-container .fraction {
    font-size: 14px;
  }
}
.e-panel .tbl,
.e-panel .lst-mobile {
  padding: 0px;
}
.e-panel button.green-action {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family-title-regular);
  font-style: normal;
  border-radius: 5px;
  background: #81D8D0;
  display: flex;
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  min-width: 110px;
}
.e-panel button.green-action:hover {
  background: #E0E0E0;
}
.e-panel button.brightness-button {
  font-family: var(--font-family-title);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  background-color: var(--tier-color-30);
  color: var(--primary-black, #1F1F1F);
}
.e-panel button.brightness-button:hover {
  background-color: var(--tier-color);
}
.h-eq-bg {
  color: var(--primary-aqua) !important;
}
.h-eq-bg-dark {
  color: var(--primary-aqua-dark-10) !important;
}
#partners-top-earners th {
  padding-top: 0;
}
#partners-top-earners .link {
  line-height: 35px;
  margin-top: 10px;
}
#partners-top-earners .last-trade {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  opacity: 0.7;
}
#partners-top-earners .percentage-value {
  text-align: right;
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
#partners-top-earners .percentage-value.percentage-value-desktop {
  font-feature-settings: 'clig' off, 'liga' off;
}
#partners-top-earners .positive-percentage-value {
  color: var(--client-state-active-color);
}
#partners-top-earners .negative-percentage-value {
  color: var(--client-state-inactive-color);
}
#partners-top-earners .empty-state-section {
  display: flex;
  padding: 20px 25px 23px 25px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: var(--Primary-White, #FFF);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.04);
}
#partners-top-earners .onboarding-clients-info {
  color: var(--Primary-Black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 20px;
  font-style: normal;
  line-height: 35px;
  margin-bottom: 12px;
}
#partners-top-earners .referral-links-btn {
  background: #81D8D0;
  color: var(--Primary-Black, #1F1F1F);
  text-align: center;
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.053px;
}
#partners-top-earners .padlock-circle-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
#partners-top-earners .padlock-circle {
  background-image: url(../../images/TraderPortal/padlock-circle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  height: 41px;
  width: 41px;
}
#partners-top-earners .money-container {
  align-items: center;
}
#partners-top-earners .lst-mobile .mb {
  margin: 0;
}
#partners-top-earners .lst-mobile .client-row {
  padding-top: 8px;
  padding-bottom: 8px;
}
#partners-top-earners .lst-mobile .rebate-this-month {
  color: var(--primary-black, #1F1F1F);
  font-family: var(--font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  opacity: 0.7;
}
#partners-top-earners .lst-mobile .empty-state-section {
  display: flex;
  padding: 20px 25px 23px 25px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: var(--Primary-White, #FFF);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.04);
  display: block;
}
#partners-top-earners .lst-mobile .empty-state-section div:first-child {
  display: flex;
}
#partners-top-earners .lst-mobile .onboarding-clients-info {
  color: var(--Primary-Black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 20px;
  font-style: normal;
  line-height: 35px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
  margin-right: 20px;
  margin-bottom: 0;
}
#partners-top-earners .lst-mobile .padlock-circle-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
#partners-top-earners .lst-mobile .referral-links-btn {
  background: #81D8D0;
  color: var(--Primary-Black, #1F1F1F);
  text-align: center;
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.053px;
  width: 100%;
  padding: 14px 18px;
  margin-top: 20px;
}
#partners-top-earners .tbl .client-and-rank {
  color: var(--Primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
}
#partners-top-earners .tbl .last-and-this-month-rebate {
  color: var(--Primary-black, #1F1F1F);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 19px;
}
#partners-top-earners .tbl .lifetime-rebate {
  color: var(--Primary-black, #1F1F1F);
  font-family: var(--font-family-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 0;
}
#partners-top-earners .view-all {
  margin-top: 11px;
}
#partners-top-earners .view-all span {
  color: var(--primary-aqua-dark-10, #06928F);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 767px) {
  #partners-top-earners .view-all span {
    font-size: 14px;
  }
}
.loyalty-reward-modal .title {
  color: var(--primary-Black, #1F1F1F);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: var(--font-family-title);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 1360px) {
  .tier-description-details {
    display: none;
  }
}
.money-container {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 2px;
  color: var(--primary-black, #1F1F1F);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.money-container span {
  display: inline-flex;
  align-items: end;
  justify-content: end;
  line-height: normal;
  direction: ltr;
}
.money-container span .fraction {
  line-height: normal;
  font-size: 12px;
  font-weight: 700;
}
.money-container.large {
  font-size: 26px;
  line-height: 35px;
}
.money-container.large .fraction {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.partner-levels-modal {
  color: var(--primary-black);
}
.partner-levels-modal span {
  flex: 1;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  display: flex;
  align-items: center;
}
@media (min-width: 767px) {
  .partner-levels-modal span:first-of-type {
    flex: 2;
  }
}
@media (max-width: 767px) {
  .partner-levels-modal span {
    line-height: 16px;
    font-weight: 300;
  }
  .partner-levels-modal span .qualifyingPeriodInDaysText {
    display: flex !important;
    white-space: nowrap;
  }
}
.partner-levels-modal span.tier-body {
  color: var(--tier-5-background);
  font-weight: 700;
}
.partner-levels-modal span.tier-body strong:before {
  content: " ";
  width: 32px;
  height: 32px;
  display: inline-flex;
  mask-image: url(../../images/IB/icon-icon.svg);
  --webkit-mask-image: url(../../images/IB/icon-icon.svg);
  background-color: var(--tier-5-background);
  filter: contrast(1.5);
}
.partner-levels-modal span.tier-body.tier-order-1 {
  color: var(--tier-1-background);
}
.partner-levels-modal span.tier-body.tier-order-1 strong:before {
  mask-image: url(../../images/IB/icon-pioneer.svg);
  --webkit-mask-image: url(../../images/IB/icon-pioneer.svg);
  background-color: var(--tier-1-background);
}
.partner-levels-modal span.tier-body.tier-order-2 {
  color: var(--tier-2-background);
}
.partner-levels-modal span.tier-body.tier-order-2 strong:before {
  mask-image: url(../../images/IB/icon-master.svg);
  --webkit-mask-image: url(../../images/IB/icon-master.svg);
  background-color: var(--tier-2-background);
}
.partner-levels-modal span.tier-body.tier-order-3 {
  color: var(--tier-3-background);
}
.partner-levels-modal span.tier-body.tier-order-3 strong:before {
  mask-image: url(../../images/IB/icon-champion.svg);
  --webkit-mask-image: url(../../images/IB/icon-champion.svg);
  background-color: var(--tier-3-background);
}
.partner-levels-modal span.tier-body.tier-order-4 {
  color: var(--tier-4-background);
}
.partner-levels-modal span.tier-body.tier-order-4 strong:before {
  mask-image: url(../../images/IB/icon-legend.svg);
  --webkit-mask-image: url(../../images/IB/icon-legend.svg);
  background-color: var(--tier-4-background);
}
.partner-levels-modal span.tier-body.tier-order-5 {
  color: var(--tier-5-background);
}
.partner-levels-modal span.tier-body.tier-order-5 strong:before {
  mask-image: url(../../images/IB/icon-icon.svg);
  --webkit-mask-image: url(../../images/IB/icon-icon.svg);
  background-color: var(--tier-5-background);
}
.partner-levels-modal .currentTier span {
  color: var(--tier-color-dark);
}
.partner-levels-modal .currentTier strong {
  background: var(--tier-color);
  color: var(--primary-white);
  width: max-content;
  padding: 3px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
}
.partner-levels-modal .currentTier strong:before {
  background-color: var(--primary-white) !important;
}
.partner-levels-modal .currentTier strong .tire-description-details {
  color: var(--primary-white);
  font-size: 14px;
}
.partner-levels-modal hr {
  margin: 2px 0;
}
@media (max-width: 767px) {
  .partner-levels-modal hr {
    margin: 8px 0;
  }
}
.partner-levels-modal a {
  margin-top: 8px;
}
.partner-levels-modal a span {
  flex: none !important;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  text-align: start;
  color: var(--tier-color-dark);
}
.next-arrow:after {
  content: ' ';
  mask-image: url(../../images/equiti/expand_more.svg);
  --webkit-mask-image: url(../../images/equiti/expand_more.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: auto;
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-color: var(--tier-color-dark);
}
.ib-clients-contanier .pagination,
.client-documents-contanier .pagination {
  display: flex;
  justify-content: center;
}
.ib-clients-contanier .pagination li,
.client-documents-contanier .pagination li {
  margin: auto 2px;
}
.ib-clients-contanier .pagination li a,
.client-documents-contanier .pagination li a {
  color: rgba(31, 31, 31, 0.6);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  background: transparent;
  border-radius: var(--brdr-radius);
  border: var(--pager-border);
  color: var(--pager-color);
  padding: 7px 12px 6px 12px;
  position: initial;
  height: 32px;
}
.ib-clients-contanier .pagination li a:hover,
.client-documents-contanier .pagination li a:hover {
  color: #4B5156;
  background-color: transparent;
  border-color: none;
}
@media (min-width: 768px) {
  .ib-clients-contanier .pagination li a:hover,
  .client-documents-contanier .pagination li a:hover {
    color: #FFFFFF;
    background-color: #4B5156;
    border-color: #4B5156;
  }
}
.ib-clients-contanier .pagination li.active a,
.client-documents-contanier .pagination li.active a {
  background: var(--pager-active-bg);
  border-color: var(--pager-active-border);
  color: var(--primary-black, #1F1F1F);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ib-clients-contanier .pagination li.active a:hover,
.client-documents-contanier .pagination li.active a:hover {
  color: #191C1F;
  background-color: var(--primary-aqua, #00AFAB);
}
.ib-clients-contanier .pagination li.disabled,
.client-documents-contanier .pagination li.disabled {
  z-index: 0;
}
.ib-clients-contanier .pagination li.disabled a,
.client-documents-contanier .pagination li.disabled a {
  color: #1F1F1F66;
  background-color: transparent;
  border-color: transparent;
  border: 1px solid var(--primary-black-5, rgba(31, 31, 31, 0.05));
}
.nd-legacypartnerbanner .dashboard-alert {
  margin-bottom: 15px;
}