*, ::after, ::before {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.DarkBlue {
  color: #002C77;
}

.Blue {
  color: #0096D6;
}

.LinkBlue {
  color: #0065AC;
}

.BlueGray {
  color: #8096B2;
}

.LightBlueGray {
  color: #BED3E4;
}

.Green {
  color: #14853D;
}

.Red {
  color: #C53532;
}

.Yellow {
  color: #965D00;
}

.Gray {
  color: #767676;
}

.DarkGray {
  color: #565656;
}

.White {
  color: #FFFFFF;
}

.Black {
  color: #202020;
}

.underlined {
  text-decoration: underline;
}

.italicized {
  font-style: italic;
}

.mma-text {
  font-family: "Noto Sans", arial, sans-serif;
}

.text-xl, .label-xl {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.text-lg, .label-lg {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.label-md {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-sm, .label-sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0;
}

.text-xs, .label-xs {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.text-default, p {
  font-size: 1rem;
  font-family: "Noto Sans", arial, sans-serif;
  font-weight: 400;
  line-height: 1.75rem;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "MMC Display", arial, sans-serif;
  font-weight: 700;
  margin: 0;
}

h1, .deskTopH1 {
  font-size: 2.375rem;
  line-height: 3rem;
}

h1, .tabletMobileH1 {
  font-size: 2.0625rem;
  line-height: 2.25rem;
  margin: 0;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.625rem;
}

h3 {
  font-size: 1.313rem;
  line-height: 1.24rem;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.bolded {
  font-weight: 700;
}

.semi-bolded {
  font-weight: 600;
}

.FooterContainer {
  position: relative;
  bottom: 0;
  height: auto;
  background: var(--Secondary-Dark-blue, #002C77);
  display: flex;
  padding: 3.75rem 3.75rem 1.875rem 3.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.FooterColleagueContainer {
  position: relative;
  bottom: 0;
  height: auto;
  background: var(--Secondary-Dark-blue, #002C77);
  display: flex;
  padding: 2rem 3rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
}

.MobileViewLinksContainer, .MobileViewLinksContainerWithDivider {
  display: none;
}

.TabletAndLaptopDivider {
  width: 100%;
  height: 0.0625rem;
  opacity: 0.1;
  background: #FFF;
}

.TopColleagueFooterSection {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
}

.FooterMMALogo {
  height: 25.927px;
}

.FooterItem {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
  flex: 1 0 0;
}

.ColleagueFooterItem {
  display: flex;
  padding: 2rem 3rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
}

.SubFooterItem {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}

.MiddleColumnContainer {
  display: flex;
  width: 18.25rem;
  align-items: flex-start;
  gap: 2rem;
  flex: 1 0 0;
  display: flex;
  /* width: 18.25rem; */
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  color: white;
}

.MiddleColumnLinks {
  display: flex;
  padding-bottom: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.FooterItemVertical {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
}

.MobileH2 > h2 {
  color: var(--Core-White, #FFF);
  font-family: "MMC Display";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  align-self: stretch;
}

.IconFooterItem {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.TabletAndLaptopViewLinks {
  display: flex;
  gap: 1rem;
  padding-bottom: 0.75rem;
}

.TwoGapDiv {
  display: flex;
  /* width: 75.00013rem; */
  /* padding: 3.75rem 3.75rem 1.875rem 3.75rem; */
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.FormNoticeContainer {
  display: flex;
  width: 67.5rem;
  height: 1.5rem;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.125rem;
  margin-bottom: 2rem;
}

.RightsReservedItem {
  color: var(--Core-Light-Blue, #76D3FF);
  /* Text/Body small */
  font-family: "Noto Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 171.429% */
}

a.footerLink {
  color: white;
}

.FacebookIcon {
  width: 0.66669rem;
  height: 1.25rem;
}

.GlassdoorIcon, .LinkedInIcon {
  width: 1.25rem;
  height: 1.25rem;
}

.InstagramIcon {
  width: 1.19794rem;
  height: 1.25rem;
}

.TwitterIcon {
  width: 1.45056rem;
  height: 1.25rem;
}

.YouTubeIcon {
  width: 1.52175rem;
  height: 1.25rem;
}

.SubFooterItem a label:hover, .MiddleColumnLinks a label:hover {
  color: var(--Blue-gray-500---Blue-gray, #8096B2);
  font-family: "Noto Sans";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  text-decoration-line: underline;
}

.FormNoticeContainer a {
  text-decoration-color: white !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mud-grid-item.Footer {
    padding: 60px 20px 30px 20px;
  }
  .FooterMMALogo {
    width: 17.35644rem;
    height: 1.5rem;
  }
  .IconFooterItem {
    flex-wrap: wrap;
  }
  .MiddleColumnContainer {
    display: flex;
    width: 11.5625rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .FormNoticeContainer {
    display: flex;
    height: 1.5rem;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1.125rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .FooterClientContainer {
    display: flex;
    width: auto;
    padding: 3.75rem 1.25rem 1.875rem 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .Footer {
    padding: 60px 20px 30px 20px !important;
    gap: 32px !important;
  }
  .FooterItem {
    gap: 0rem;
    display: flex;
    flex-direction: column;
  }
  .SubFooterItem {
    align-self: stretch;
    gap: 0.75rem;
  }
  .TopColleagueFooterSection {
    /* width: 100%; */
    flex-direction: column;
  }
  .TopWorkPlaceContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .TopWorkPlaceImage {
    display: block;
    margin: auto;
    margin-bottom: 1.375rem;
  }
  .TopWorkPlaceItemAndHeaderContainer {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    gap: 1.375rem;
    align-self: stretch;
  }
  .TabletAndLaptopDivider {
    margin-bottom: 1.25rem;
  }
  .FormNoticeContainer {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.5rem 1.125rem;
    align-self: stretch;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    height: auto;
    width: auto;
  }
  .FooterItemVertical {
    width: 100%;
    justify-content: flex-start;
    color: white;
  }
  .FooterRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.375rem;
    align-self: stretch;
  }
  .TopColleagueFooterSection {
    gap: 0rem;
    margin-bottom: 2rem;
  }
  .TopWorkPlaceItemAndHeaderItem h2 {
    margin-bottom: 1.25rem;
  }
  .TabletAndLaptopViewLinks {
    display: none !important;
  }
  .MobileViewLinksContainer {
    display: flex;
    padding-bottom: 0.75rem;
    align-items: flex-start;
    gap: 0rem;
    align-self: stretch;
    flex-direction: column;
  }
  .VerticalDividerContainer {
    gap: 1.87rem;
  }
  .MobileViewLinksContainerWithDivider {
    display: flex;
    align-items: flex-start;
    gap: 1.875rem;
    align-self: stretch;
    margin-bottom: 1.75rem;
    width: 100%;
  }
  .MobileLeft, .MobileRight {
    width: 100%;
  }
  .MobileCenter {
    flex-shrink: 0;
  }
  .MobileViewLinkItem {
    gap: 0.75rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .VerticalDivider {
    height: 64px;
    display: block;
    opacity: 0.1;
    display: flex;
    align-self: stretch;
    width: 0.0625rem;
    height: 8.75rem;
    opacity: 0.1;
    background: #FFF;
  }
  .BottomVerticalDivider {
    height: 64px;
    display: block;
    opacity: 0.1;
    display: flex;
    align-self: stretch;
    width: 0.0625rem;
    height: 8.75rem;
    opacity: 0.1;
    background: #FFF;
    width: 0.0625rem;
    height: 4rem;
  }
  .FooterMMALogo {
    width: 100%;
    height: 28.952px;
  }
}
.SidebarTransparent {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(32, 32, 32, 0.15);
  flex-shrink: 0;
}

.SidebarContainer {
  position: fixed;
  right: 0;
  top: 0;
  align-self: stretch;
  display: flex;
  width: 30.125rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2.625rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  background: var(--Core-White, #FFF);
  box-shadow: 0px 20px 25px -5px rgba(86, 86, 86, 0.1), 0px 8px 10px -6px rgba(86, 86, 86, 0.1);
}

.SidebarCloseIcon {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}

@media (max-width: 767px) {
  .SidebarContainer {
    width: 100%;
  }
}
.SideNavContainer {
  display: flex;
  height: 100%;
  width: 17.375rem;
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  background: linear-gradient(0deg, rgba(0, 44, 119, 0.25) 0%, rgba(0, 44, 119, 0.25) 100%), linear-gradient(45deg, #009DE0 0%, #00968F 100%);
}
.SideNavContainer.SideNavCollapsedWidth .SideNavOptionItem.side-nav-home-link {
  padding: 0.5rem 0.25rem;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .SideNavContainer {
    width: 100%;
    border-bottom: 1px solid var(--Core-White, #FFF);
  }
}

@media (max-width: 376px) {
  .SideNavFullWidth {
    width: 100vw;
  }
}

.SideNavCollapsedWidth {
  width: 4.625rem;
}
.SideNavCollapsedWidth .ChangeSideNavWidthContainer {
  width: 2rem;
  height: 2rem;
  position: fixed;
  left: 3.5rem;
  bottom: 2rem;
  background-color: #009DE0;
  border-radius: 20px;
}

.SideNavLogo {
  padding: 2rem 2rem 1.5rem 2rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(45deg, #009DE0 0%, #00968F 100%);
}
@media (min-width: 377px) {
  .SideNavLogo {
    display: flex;
  }
}
@media (max-width: 767px) {
  .SideNavLogo {
    display: none;
  }
}

.SideNavItemContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.SideNavItem {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.SideNavHomeContainer {
  display: flex;
  align-self: stretch;
  padding: 1rem 2rem;
  align-items: center;
  flex: 1 0 0;
}

.SideNavCollapsedWidth > .SideNavHomeContainer {
  padding: 1rem 1.5625rem;
}

.NavLinkHomeLinkContainer {
  display: inline-flex;
  gap: 0.75rem;
  width: fit-content;
  align-items: center;
}

.SideNavHomeItem {
  display: flex;
  padding: 0.5rem 1.5rem;
  margin: 0rem 0.5rem;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
}

.SideNavItemCategoryContainer {
  align-self: stretch;
  display: flex;
  padding: 0.75rem 2rem !important;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.SideNavItemsContainer {
  display: flex;
  padding: 0.5rem 0rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  background-color: rgba(0, 44, 119, 0.25);
}

.SideNavItems {
  display: flex;
  padding: 0rem 0.5rem 0rem 2.75rem;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.SideNavOptionItem {
  display: flex;
  padding: 0.5rem 1.5rem;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.SideNavTooltip {
  width: 19.75rem;
}

.SideNavItemCategoryContainer > p, .SideNavItemsContainer > a, .SideNavItemsContainer a p {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  text-decoration: none !important;
  /* Text/Body small */
  color: white !important;
  font-family: "Noto Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 171.429% */
}

.SideNavItemsContainer > a > p {
  padding: 0;
}

.SideNavItemCategoryContainer > p {
  padding: 0;
  width: 0;
}

.HideNavGroup {
  display: none;
}

.ChangeSideNavWidthContainer {
  width: 2rem;
  height: 2rem;
  position: fixed;
  left: 16.3rem;
  bottom: 2rem;
  background-color: #009DE0;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .ChangeSideNavWidthContainer {
    display: none;
  }
}

.ChangeSideNavWidthIcon {
  position: absolute;
  top: 0.35rem;
  left: 0.35rem;
}

.SideNavCollapsedWidth.SideNavItemCategoryContainer {
  display: flex;
  padding: 0.75rem 0.5rem !important;
  align-items: center;
  gap: 0.25rem;
  flex: 1 0 0;
}
.SideNavCollapsedWidth.SideNavItemsContainer {
  padding: 0;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.SideNavCollapsedWidth.SideNavHomeContainer {
  display: flex;
  padding: 0rem 0.25rem;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}
.SideNavCollapsedWidth.SideNavHomeItem {
  display: flex;
  padding: 0rem 0.25rem;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}
.SideNavCollapsedWidth.SideNavItemsContainer > a {
  align-items: center;
  justify-content: center;
}
.SideNavCollapsedWidth.SideNavItemsContainer p {
  display: none;
}
.SideNavCollapsedWidth > .SideNavHomeItem {
  display: flex;
  padding: 0.5rem 0rem;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  justify-content: center;
}
.SideNavCollapsedWidth > .SideNavItems {
  padding: 0;
}
.SideNavCollapsedWidth > .SideNavLogo {
  justify-content: center;
}
.SideNavCollapsedWidth > .SideNavItems > a > .SideNavOptionItem {
  flex: 1 0 0;
  display: flex;
  padding: 0.75rem 1.5625rem;
  align-items: center;
  gap: 0.625rem;
}
.SideNavCollapsedWidth .HideNavGroup {
  display: none;
}

.button {
  display: flex;
  max-height: 3.5rem;
  height: 3.5rem;
  padding: 1rem 1.5rem;
  min-width: fit-content;
  width: auto;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: #0065AC;
  border-radius: 0.25rem;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
  font-family: "Noto Sans", arial, sans-serif;
  line-height: 1.5;
}
.button.Secondary {
  border: 1px solid #0096D6;
  background: #FFFFFF;
  color: #0065AC;
}
.button.Secondary:hover {
  color: #FFFFFF;
  background: #0065AC;
}
.button.Secondary.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}
.button.Danger {
  border: 1px solid #C53532;
  background: #FFFFFF;
  color: #C53532;
}
.button.Danger:hover {
  color: #FFFFFF;
  background: #C53532;
}
.button.Danger.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}
.button.GradientBlue {
  background: linear-gradient(to right, #0065AC, #007A76);
  color: #FFFFFF;
}
.button.GradientBlue:hover {
  color: #FFFFFF;
  background: #0065AC;
}
.button.GradientBlue.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}
.button.GradientPurple {
  background: linear-gradient(to right, #8246AF, #EE3D8B);
  color: #FFFFFF;
}
.button.GradientPurple:hover {
  color: #FFFFFF;
  background: #0065AC;
}
.button.GradientPurple.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}
.button.GradientOrange {
  background: linear-gradient(to right, #EE3D8B, #FF8C00, #FF8C00);
  color: #FFFFFF;
}
.button.GradientOrange:hover {
  color: #FFFFFF;
  background: #0065AC;
}
.button.GradientOrange.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}
.button.small {
  height: 3rem;
  max-height: 3rem;
}
.button.xsmall {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  height: 2.5rem;
  max-height: 2.5rem;
}
.button.full-width {
  width: 100%;
}
.button.full-height {
  height: 100%;
}
.button:hover {
  color: #FFFFFF;
  background: #002C77;
}
.button.disabled {
  color: #767676 !important;
  background: #EBEBEB;
  border: none;
}

.text-button {
  font-weight: 700;
  font-size: 1rem;
  font-family: "Noto Sans", arial, sans-serif;
  display: flex;
  height: 1.5rem;
  padding: 0;
  line-height: 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #0065AC;
  background: none;
  font-family: "Noto Sans";
  font-size: medium;
}
.text-button:hover {
  text-decoration: underline;
  color: #0065AC;
  background: none;
}
.text-button.disabled {
  text-decoration: none;
  color: #949494;
  background: none;
  border: none;
}

.error-text-button {
  font-weight: 700;
  font-size: 1rem;
  font-family: "Noto Sans", arial, sans-serif;
  display: flex;
  height: 1.75rem;
  padding: 0;
  line-height: 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #C53532;
  background: none;
}
.error-text-button:hover {
  text-decoration: underline;
  color: #C53532;
  background: none;
}
.error-text-button.disabled {
  text-decoration: none;
  color: #949494;
  background: none;
  border: none;
}

button.button.clear-results-text-button {
  padding: 0 !important;
  font-weight: 700;
  font-style: normal;
}

.TabGrid {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  padding: 0;
  cursor: pointer;
}

.TabItem {
  display: flex;
  padding: 16px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  background: #0065AC;
  align-self: stretch;
}
.TabItem:hover {
  text-decoration-line: underline;
  text-decoration-color: #0065AC;
}

.TabTextContainer {
  text-align: center;
  width: 100%;
}

.TabActive {
  background: #FFFFFF;
  border-bottom: 4px solid #0096D6;
  font-weight: 700;
}

.TabInactive {
  border-bottom: 4px solid #E5EDF4;
  background: #F8FAFC;
}

*, ::after, ::before {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.auto-grow-textarea {
  resize: none;
  overflow-y: hidden;
  min-height: var(--min-height);
  max-height: var(--max-height);
}

input, textarea {
  display: flex;
  height: 3rem;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  border-radius: 0.25rem;
  position: relative;
  color: #565656;
  border: 1px solid #949494;
  background: #FFFFFF;
  font-family: "Noto Sans", arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}
input.Invalid, textarea.Invalid {
  outline-color: #C53532;
  border-color: #C53532;
}
input:disabled, textarea:disabled {
  background-color: #EBEBEB !important;
  border-color: #949494;
  cursor: not-allowed;
}

.flexStart {
  display: flex;
  width: 24rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.DescriptionText {
  font-family: "Noto Sans", arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #565656;
  margin: 0;
}

.smallText {
  font-family: "Noto Sans", arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #565656;
}

.iconMessage {
  display: flex;
  gap: 0.75rem;
  flex: 1 0 0;
  align-items: center;
}

.mma-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.TextBoxItem {
  display: flex;
  align-items: center;
  padding-top: 0.25rem;
  position: relative;
  width: 100%;
  gap: 0.75rem;
}

.TextBoxItem input,
.TextBoxItem textarea {
  flex-grow: 1;
  width: auto;
  min-width: 0;
  padding: 0.5rem 3.75rem 0.5rem 1.5rem;
  align-items: center;
}

.TextBoxItem > svg {
  flex-shrink: 0;
  background-color: white;
  position: absolute;
  right: 1.5rem;
  margin-left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background: none;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: none;
  margin-block: 8px;
}
::-webkit-scrollbar-thumb {
  background: #B3B3B3;
  -webkit-border-radius: 8.5px;
}

/*Label sizes are in the typography file*/
label {
  color: #565656;
  /* Label/Medium label */
  font-family: "Noto Sans", arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem; /* 150% */
}

.selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: 4px;
  color: #565656;
  border: 1px solid #BED3E4;
  background: #F7FCFF;
  padding: 1rem 1.5rem;
  gap: 0.75rem;
}
.selector:hover {
  background: #C7EDFF;
}

.selector.selector-selected {
  background: var(--gradient-side-bar-gradient-accessible, linear-gradient(0deg, rgba(0, 44, 119, 0.25) 0%, rgba(0, 44, 119, 0.25) 100%), linear-gradient(45deg, #009DE0 0%, #00968F 100%));
}
.selector.selector-selected:focus {
  outline: none;
}
.selector.selector-selected:focus-visible {
  outline: none;
}

.selectorItemsLeft {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.selectorItemsRight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}

.NotificationContainer {
  display: flex;
  position: relative;
}

.accordion-panel {
  display: flex;
  padding: 24px;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #BED3E4;
  background-color: #F0FAFF;
}

.accordionContainer {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #BED3E4;
  background-color: #F7FCFF;
}
.accordionContainer.activeAccordion {
  border-radius: 0.25rem 0.25rem 0rem 0rem;
  /*border: 1px solid var(--colors-border-primary, $color-bluegray-300);*/
  background: var(--colors-surface-action-selected-light, #C7EDFF);
}
.accordionContainer:hover {
  background-color: #C7EDFF;
}

.accordionItem {
  display: flex;
  gap: 16px;
  align-items: center;
}

.accordionRightContainer {
  display: flex;
  align-items: center;
}

.ProfileIconBox {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.ProfileIconMobile > *:hover {
  background-color: transparent;
}

.ProfileIconHover {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: none;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ProfileIconHover.ProfileIconMobile:hover {
  background-color: transparent;
}
.ProfileIconHover:hover {
  background-color: #C7EDFF;
}

.ProfileIconBorder {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 1.5px #002C77 solid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.ProfileIconBorder.ProfileIconMobile {
  border: 1.5px #FFFFFF solid;
}

.ProfileIconText {
  color: #002C77;
  font-size: 10px;
  font-family: Noto Sans;
  font-weight: 700;
  word-wrap: break-word;
}
.ProfileIconText.ProfileIconMobile {
  color: #FFFFFF;
}

.notification-bell-container {
  display: flex;
  align-items: center;
  position: relative;
}

.notification-badge {
  position: absolute;
  top: 0;
  right: -0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.75rem;
  height: 0.75rem;
}

.notification-count {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6px;
  font-weight: 700;
  color: white;
  pointer-events: none;
  user-select: none;
}

.notification-circle {
  position: absolute;
  right: 0rem;
}

.table-main {
  width: 100%;
  overflow-y: auto;
}

table {
  border-spacing: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

table th, table tr td {
  border-bottom: 1px solid #E5EDF4;
}

thead {
  display: table-header-group;
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #E5EDF4;
}

tbody {
  display: table-row-group;
}

th, td {
  display: table-cell;
  padding: 12px;
  text-align: start;
  vertical-align: inherit;
}

th {
  vertical-align: bottom;
}

td {
  overflow-wrap: break-word;
}

tr {
  display: table-row;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
tr.odd-row {
  background: #F7FCFF;
}
tr.even-row {
  background: #FFFFFF;
}

.column-header-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}
.column-header-item.center {
  justify-content: center;
}
.column-header-item.right {
  justify-content: flex-end;
}

.centered-td {
  display: flex;
  justify-content: center;
}

.action-menu-cell.action-menu-open > .action-menu {
  display: flex;
  padding: 0.25rem 0.75rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  background-color: #E5EDF4;
  z-index: 9000;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
}

.actions-column {
  width: 3.75rem;
  cursor: pointer;
  text-align: center;
  position: relative;
}

.actions-column .action-column-hidden {
  display: none;
}

td.action-menu-cell .action-menu-hidden, td.action-menu-cell.action-menu-hidden > .action-menu {
  display: none;
}

.close-table-menu {
  cursor: pointer;
}

.table-multiple-cell-content {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

@media (max-width: 767px) {
  .table-main {
    border: 1px solid #BED3E4;
  }
  .table-main tr.odd-row {
    background: #FFFFFF;
  }
  .table-main tr.even-row {
    background: #F7FCFF;
  }
  /*Hide table headers*/
  th {
    display: none;
  }
  /*Hide Actions Column*/
  td.actions-column,
  .actions-column,
  .close-table-menu {
    display: none !important;
  }
  td {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "header content" "description content";
    gap: 0.25rem 1rem;
    align-items: center;
    white-space: normal;
    margin: 0;
    color: #767676;
    font-family: "Noto Sans";
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.5rem;
    overflow-wrap: anywhere;
  }
  td::before {
    content: attr(data-header);
    grid-area: header;
    font-weight: 700;
  }
  td::after {
    content: attr(data-description);
    grid-area: description;
    font-weight: normal;
  }
  td > * {
    grid-area: content;
  }
  td[data-description=""] .description {
    display: none;
  }
  td.action-menu-cell {
    display: block;
    width: 100%;
  }
  td.action-menu-cell > .action-menu {
    width: 100%;
    justify-content: flex-start;
  }
  td.action-menu-cell.no-menu-buttons {
    display: none;
  }
  td.action-menu-cell .action-menu-hidden, td.action-menu-cell.action-menu-hidden > .action-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 0;
    right: unset;
    transform: unset;
    background-color: transparent;
    padding: 0;
  }
  td.action-menu-cell > .action-menu > button:only-child {
    flex: 1 1 100%;
    min-width: 0;
  }
  td.action-menu-cell > .action-menu > button:not(:only-child) {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 0;
    white-space: nowrap;
  }
  .centered-td {
    display: flex;
    justify-content: flex-start;
  }
}
.table-main table tbody tr:last-child .TooltipContainer .TooltipContent {
  transform: translateY(-50%);
}

.hidden {
  display: none;
}

.search-box-icon {
  position: absolute;
  z-index: 1;
  left: 1.5rem;
  bottom: 0.5rem;
  margin-right: 0.75rem;
}

.search-box-container {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.5rem;
  position: relative;
}

.search-results-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  top: calc(100% + 4px);
  z-index: 3;
}

.search-box-is-loading-results {
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 3;
  top: calc(100% + 4px);
  padding: 0.75rem 1.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFF;
}

.search-dropdown-no-results {
  display: flex;
  padding: 0.75rem 1.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFF;
}

.search-close-icon, .searchbox-spinner {
  position: absolute;
  right: 1.5rem;
  top: 0.75rem;
  display: flex;
  align-items: center;
}

.search-input-container {
  display: flex;
  gap: 4px;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.search-input-item {
  width: 100%;
  position: relative;
}

.search-input {
  padding: 1em 3em 1em 3.5em;
  border: 1px solid #767676;
  flex: 1 0 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-input.has-search-submit-button {
  padding: 0.75rem 3rem 0.75rem 1.5rem;
  border-radius: 0.25rem 0rem 0rem 0.25rem;
  border-top: 1px solid #767676;
  border-left: 1px solid #767676;
  border-bottom: 1px solid #767676;
}
.search-input:focus {
  background-color: transparent;
}

.search-results-select {
  width: 100%;
  z-index: 3;
  display: flex;
  min-height: auto;
  max-height: 15.6875rem;
  overflow-y: auto;
  padding: 0.75rem 1.5rem;
  flex-direction: column;
  align-items: stretch;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFFFFF;
  cursor: default;
}
.search-results-select.max-search-amount {
  border-top: 2px solid #BED3E4;
  border-top-right-radius: 0rem;
  border-top-left-radius: 0rem;
}

.no-results-search {
  color: var(--Gray-600, #767676);
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  border-radius: 4px;
  border: 2px solid #0096D6;
  background: #FFFFFF;
  width: 100%;
  z-index: 3;
}

.show-results {
  color: #949494;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

.search-option-result {
  color: #565656;
  font-family: "Noto Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  padding: 0 1.5rem;
  margin: 0 -1.5rem;
  min-height: 2rem;
  display: flex;
  align-items: center;
}

.search-option-result:hover {
  background: #E5EDF4;
}

.search-dropdown-virtualize-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.search-input:focus-visible {
  border: 2px solid #0096D6;
  outline: none;
  background: #FFFFFF;
}

.search-focus-wrapper {
  display: flex;
  align-items: center;
  border-radius: 4px;
  outline: none;
  border: 1px solid transparent;
  width: 100%;
}
.search-focus-wrapper:hover .search-input {
  border: 1px solid #1B222F;
}
.search-focus-wrapper:hover .search-submit-button > button {
  border: 1px solid #1B222F !important;
  border-left: 1px solid transparent !important;
}
.search-focus-wrapper:has(.search-input:focus-visible) {
  border: 1px solid transparent;
}
.search-focus-wrapper:has(.search-input:focus-visible):hover {
  border: 1px solid transparent;
}
.search-focus-wrapper:has(.search-input:focus-visible):hover .search-input {
  border: 2px solid #0096D6;
}
.search-focus-wrapper:has(.search-input:focus-visible):hover .search-submit-button > button {
  border-top: 1px solid #767676 !important;
  border-right: 1px solid #767676 !important;
  border-bottom: 1px solid #767676 !important;
  border-left: 1px solid transparent !important;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible) {
  border: 1px solid transparent;
  outline: none;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible) .search-input.has-search-submit-button {
  border-right: 1px solid transparent;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover {
  border: 1px solid transparent;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover .search-input {
  border: 1px solid #767676;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover .search-input.has-search-submit-button {
  border-right: 1px solid transparent;
}
.search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover .search-submit-button.has-query > button {
  border: 2px solid #0096D6 !important;
}
.search-focus-wrapper input {
  border: 1px solid #767676;
}

.search-submit-button > button {
  padding: 0.75rem;
  border-top: 1px solid #767676 !important;
  border-right: 1px solid #767676 !important;
  border-bottom: 1px solid #767676 !important;
  border-left: 1px solid transparent !important;
  border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.search-submit-button.has-query:focus-visible {
  outline: none;
}

.search-submit-button.has-query:focus-visible button {
  border: 2px solid #0096D6 !important;
  border-radius: 0rem 0.25rem 0.25rem 0rem;
  outline: none !important;
}

.search-box-instructions-container {
  display: flex;
  padding: 0.75rem 1.5rem;
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFF;
  position: absolute;
  z-index: 3;
  width: 100%;
  top: calc(100% + 4px);
}

.search-box-instructions-item span > svg {
  vertical-align: middle;
  margin: 0 0.25rem;
}

.search-box-span-text {
  font-style: normal;
}

.search-dropdown-max-search-container {
  display: flex;
  padding: 0.75rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 0.25rem 0.25rem 0 0;
  border-top: 2px solid #0096D6;
  border-right: 2px solid #0096D6;
  border-left: 2px solid #0096D6;
  background: #FFF;
  z-index: 3;
}

.search-dropdown-max-search-icon {
  display: flex;
  padding-top: 0.125rem;
  align-items: center;
}

.search-dropdown-max-search-items {
  display: flex;
  padding: 0 1.5rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
  font-weight: 600;
}

.search-dropdown-max-search-message > p {
  font-weight: 600;
}

@media (max-width: 767px) {
  .search-input {
    min-width: 100%;
  }
  .search-focus-wrapper {
    flex-direction: column;
  }
  .search-submit-button {
    display: flex;
    flex-grow: 1;
    align-self: stretch;
    border-left: 1px solid #767676;
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .search-submit-button > button {
    display: flex;
    flex-grow: 1;
    align-self: stretch;
    width: 100%;
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .search-input.has-search-submit-button {
    border-radius: 0.25rem 0.25rem 0 0;
    border-bottom: none;
  }
  .search-submit-button.has-query:focus-visible button {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .search-focus-wrapper {
    display: flex;
    align-items: center;
    border-radius: 4px;
    outline: none;
    border: 1px solid transparent;
    width: 100%;
  }
  .search-focus-wrapper:hover .search-submit-button {
    border-left: 1px solid #1B222F;
  }
  .search-focus-wrapper:hover .search-submit-button > button {
    border: 1px solid #1B222F !important;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent;
  }
  .search-focus-wrapper:has(.search-input:focus-visible) .search-input.has-search-submit-button {
    border-bottom: 2px solid #0096D6;
  }
  .search-focus-wrapper:has(.search-input:focus-visible) .search-submit-button > button {
    border-radius: 0 0 0.25rem 0.25rem;
    border-top: 1px solid transparent !important;
  }
  .search-focus-wrapper:has(.search-input:focus-visible):hover .search-input {
    border: 2px solid #0096D6;
  }
  .search-focus-wrapper:has(.search-input:focus-visible):hover .search-submit-button > button {
    border-top: 1px solid transparent !important;
    border-right: 1px solid #767676 !important;
    border-bottom: 1px solid #767676 !important;
    border-left: 1px solid transparent !important;
  }
  .search-focus-wrapper:has(.search-submit-button.has-query:focus-visible) {
    border: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
  }
  .search-focus-wrapper:has(.search-submit-button.has-query:focus-visible) .search-input.has-search-submit-button {
    border-right: 1px solid #767676;
    border-bottom: none;
  }
  .search-focus-wrapper:has(.search-submit-button.has-query:focus-visible) .search-submit-button {
    border-left: none;
  }
  .search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover .search-input.has-search-submit-button {
    border: 1px solid #767676;
    border-bottom: none;
  }
  .search-focus-wrapper:has(.search-submit-button.has-query:focus-visible):hover .search-submit-button {
    border-left: none;
  }
}
.PaginatorContainer {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

.PaginatorItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
  gap: 0.5rem;
  align-self: stretch;
}

.PaginatorResults {
  display: flex;
  justify-content: center;
}

.PaginatorButtonContainer {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  align-self: stretch;
  max-width: 100%;
  flex-wrap: wrap;
}

.PaginatorButtonItem > button {
  display: flex;
  width: 2.125rem;
  height: 2.125rem;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.PaginatorButtonNumberContainer {
  display: flex;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 767px) {
  .PaginatorContainer {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
  /*Don't show previous or next text when in mobile*/
  .PaginatorButtonNavigation > button {
    font-size: 0;
  }
  .PaginatorButtonContainer {
    justify-content: space-evenly;
  }
}
.checkbox-main-container {
  display: flex;
  align-items: flex-start;
}
.checkbox-main-container.HasLabel {
  gap: 0.5rem;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
}
.checkbox input {
  display: none;
}
.checkbox label {
  align-items: center;
}

.checkmark {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-height: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  background-color: #FFFFFF;
  border: 0.0625rem solid #767676;
  border-radius: 0.125rem;
  cursor: pointer;
}
.checkmark:hover {
  border-color: #0065AC;
}
.checkmark.Checked {
  background-color: #0096D6 !important;
  border-color: #0065AC;
}
.checkmark.Disabled {
  background-color: #EBEBEB !important;
  border-color: #767676;
  cursor: not-allowed;
}

.checkmarkIconContainer {
  display: flex;
  max-height: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  justify-content: center;
  align-items: center;
}
.checkmarkIconContainer svg {
  height: 0.75rem;
  width: 0.75rem;
}

/* The switch - the box around the slider */
.switch {
  display: flex;
  width: 2.75rem;
  height: 1.625rem;
  align-items: center;
  border-radius: 1rem;
  border: #0065AC;
  cursor: pointer;
}
.switch:focus {
  outline-offset: 2px;
}
.switch:focus-visible {
  outline-offset: 2px;
}
.switch.switch-disabled {
  cursor: not-allowed;
  border: none;
  outline: none;
}

.switch-blue-background > .switch-disabled {
  background: #DADADA !important;
}

.switch-white-background {
  background-color: #FFFFFF;
  border: 1px solid #767676;
}

.switch-white-background.switch-disabled {
  background-color: #DADADA;
  border: none;
}

.switch-white-background > .slider {
  content: "";
  background-color: #767676;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 0.875rem;
  width: 0.875rem;
}

.switch-white-background > .slider:hover:not(.Disabled) {
  background-clip: content-box;
  box-shadow: inset 0px 0px 0px 10px #767676, 0 0 0 10px rgba(0, 157, 224, 0.1);
}

.switch-white-background.switch-disabled > .slider {
  background-color: #FFFFFF;
}

.switch-blue-background {
  background-color: #0096D6;
  border: 1px solid #0065AC;
}

.switch-blue-background.switch-disabled {
  background-color: #DADADA;
  border: none;
}

.switch-blue-background > .slider {
  content: "";
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 1.125rem;
  width: 1.125rem;
}

.switch-blue-background > .slider:hover:not(.Disabled) {
  background-clip: content-box;
  box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0), 0 0 0 10px rgba(0, 157, 224, 0.1);
}

.switch-blue-background.switch-disabled > .slider {
  background-color: #FFFFFF;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider svg {
  margin-bottom: 1px;
  margin-left: 3px;
}

.switch-blue-background > input + span.slider.round {
  background-color: white;
  -webkit-transform: translateX(0.8rem);
  -ms-transform: translateX(0.8rem);
  transform: translateX(0.8rem);
}

/* Rounded sliders */
.slider.round {
  border-radius: 2rem;
  margin-left: 0.4rem;
}

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

.TooltipContent[data-tooltipPosition=Top], .TooltipContent[data-tooltipPosition=Right], .TooltipContent[data-tooltipPosition=Bottom], .TooltipContent[data-tooltipPosition=Left] {
  position: absolute;
  padding: 8px 12px;
  z-index: 1000;
  border-radius: 8px;
  align-self: stretch;
}

.TooltipContent[data-tooltipPosition=Top] {
  bottom: 100%;
  margin-bottom: 8px;
}

.TooltipContent[data-tooltipPosition=Right] {
  left: 100%;
  margin-left: 8px;
  top: 0;
}

.TooltipContent[data-tooltipPosition=Bottom] {
  top: 100%;
  margin-top: 8px;
}

.TooltipContent[data-tooltipPosition=Left] {
  right: 100%;
  margin-right: 8px;
  top: 0;
}

.TooltipContainer {
  width: max-content;
  position: relative;
}

.TooltipContent > * {
  color: white;
}
.TooltipContent > *.DarkBlue {
  background-color: #002C77;
}
.TooltipContent > *.DarkGray {
  background-color: #565656;
}
.TooltipContent > *.White {
  background-color: #FFFFFF;
  color: #565656;
}

.TooltipContent {
  color: white;
  max-width: 450px;
  width: max-content;
}
.TooltipContent.fit-content {
  width: fit-content;
  overflow-wrap: break-word;
}
.TooltipContent.DarkBlue {
  background-color: #002C77;
}
.TooltipContent.DarkGray {
  background-color: #565656;
}
.TooltipContent.White {
  background-color: #FFFFFF;
  color: #565656;
}

.dropdown-maincontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  height: auto;
  width: auto;
  gap: 0.5rem;
}

.dropdown-container {
  position: relative;
  display: flex;
  box-sizing: border-box;
  max-height: 3rem;
  width: auto;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid #949494;
  background: #FFFFFF;
}

.dropdown-placeholder {
  flex-grow: 1;
  min-height: 3rem;
  height: auto;
  display: flex;
  align-items: center;
}

.dropdown-placeholder {
  flex-grow: 1;
  min-height: 3rem;
  height: auto;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  max-width: 100%;
  gap: 0.75rem;
}

.dropdown-placeholder > p {
  flex: 1 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-disabled {
  pointer-events: none;
  opacity: 0.7;
}

.dropdown-errorordisabled-container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.dropdown-error-container {
  border: 1px solid #C53532;
}

.dropdown-error > * {
  color: #C53532;
}

.dropdown-option-container {
  display: flex;
  width: auto;
  max-height: 15.6875rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFFFFF;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 7000;
  position: absolute;
  min-width: 100%;
  top: calc(100% + 0.25rem);
}

.caret-container {
  position: relative;
  right: 0;
}

.DropdownOpened {
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFFFFF;
}

.dropdown-option {
  width: auto;
  height: auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: stretch;
}

.dropdown-option:hover {
  background: #E5EDF4;
}

.dropdown-overlay-false {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
  cursor: pointer;
}

.dropdown-overlay-true {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
  cursor: pointer;
}

.dropdown-button-container {
  position: absolute;
  right: 0;
  height: 100%;
}

.dropdownCheckBox {
  width: 1.25rem;
  height: 1.25rem;
}

@media (max-width: 767px) {
  .dropdown-maincontainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    position: relative;
    height: auto;
  }
}
.alert {
  display: flex;
  width: auto;
  border: none;
  padding: 1rem 1.5rem;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}
.alert.informational {
  background: #0065AC;
  color: #FFFFFF;
}
.alert.success {
  background: #14853D;
  color: #FFFFFF;
}
.alert.error {
  background: #C53532;
  color: #FFFFFF;
}
.alert.warning {
  background: #FFBE00;
  color: #202020;
}

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

.alertMessage {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.alertClose {
  margin-left: auto !important;
}

.link {
  color: #0065AC;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}

:root {
  --modal-width-extralarge: 49rem;
  --modal-height-extralarge: 17rem;
  --modal-width-large: 36.25rem;
  --modal-height-large: 17rem;
  --modal-width-normal: 28.875rem;
  --modal-height-normal: 18.75rem;
  --modal-width-small: 21.4375rem;
  --modal-height-small: 21.5rem;
}

.modal-container {
  position: fixed;
  top: calc(50% - 1rem); /* Adjusting top to account for margin */
  left: calc(50% - 1rem); /* Adjusting left to account for margin */
  transform: translate(-50%, -50%);
  padding: 2.625rem;
  background-color: #FFFFFF;
  box-shadow: 0px 0.5rem 0.625rem -0.375rem #565656;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  z-index: 9000;
  height: auto;
  width: auto;
  max-width: calc(100% - 2rem); /* Subtracting margin from max-width */
  max-height: calc(100% - 2rem - 5.25rem); /* Subtracting margin and padding from max-height */
  margin: 1rem;
}
.modal-container.ExtraLarge {
  min-width: var(--modal-width-extralarge);
}
.modal-container.Large {
  min-width: var(--modal-width-large);
}
.modal-container.Normal {
  min-width: var(--modal-width-normal);
}
.modal-container.Small {
  min-width: var(--modal-width-small);
  max-height: calc(100% - 2rem - 3rem);
  padding: 1.5rem;
}

.modal-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  cursor: pointer;
  background: rgba(32, 32, 32, 0.15);
}

.cancel-icon {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.modal-header-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}

.modal-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  max-width: 100%;
  overflow: auto;
  align-self: stretch;
}
.modal-body.label {
  font-weight: 700;
}

.btn-close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  align-self: flex-start;
}

.button-container {
  width: 100%;
  height: 6.25rem;
  gap: 1rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.button-container.Large, .button-container.Normal {
  height: 3.5rem;
}
.button-container.Small {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.button-container.Small button {
  width: 100%;
}

@media (min-width: 767px) and (max-width: 1023px) {
  .modal-container.ExtraLarge, .modal-container.Large, .modal-container.Normal, .modal-container.Small {
    min-width: var(--modal-width-normal);
  }
}
@media (max-width: 766px) {
  .modal-container {
    padding: 1.5rem;
    padding-bottom: 3.5rem;
  }
  .modal-container.ExtraLarge, .modal-container.Large, .modal-container.Normal, .modal-container.Small {
    max-width: var(--modal-width-small);
    min-width: auto;
    width: 80vw;
  }
  .button-container {
    width: 100%;
    height: 6.25rem;
    gap: 1rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  .button-container.ExtraLarge, .button-container.Large, .button-container.Normal {
    height: 3.5rem;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .button-container.ExtraLarge button, .button-container.Large button, .button-container.Normal button {
    width: 100%;
  }
}
.BlueTurquoise {
  background: linear-gradient(to right, #0065AC, #00968F);
}

.PinkOrange {
  background: linear-gradient(to right, #EE3D8B, #FF8C00, #FF8C00);
}

.PurplePink {
  background: linear-gradient(to right, #8246AF, #EE3D8B);
}

.BlueTurquoiseBody {
  background: linear-gradient(to right, #0065AC, #007A76);
}

.PinkOrangeBody {
  background: linear-gradient(to right, #D02073, #C25600);
}

.PurplePinkBody {
  background: linear-gradient(to right, #8246AF, #D02073);
}

.gradient-card {
  width: 15rem;
  height: 14rem;
  border: 0.1875rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0rem 0rem 0rem;
  gap: 0.75rem;
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem #565656;
}
.gradient-card label {
  line-height: 3.25rem;
}
.gradient-card:hover label {
  text-decoration-line: underline;
}

.top-section {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom-section {
  height: 9.75rem;
  padding: 0.25rem 1.5rem 1.5rem 1.5rem;
  border-radius: 0rem 0rem 0.5rem 0.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.bottom-text {
  width: 14.375rem;
  align-self: center;
  text-align: center;
}

.mma-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 23.5rem;
  border-top-width: 0.1rem;
  border-top-color: transparent;
  border-radius: 0.5rem;
  border-width: 0.1rem;
  padding: 1.5rem;
  gap: 1rem;
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem #565656;
  position: relative;
  background: white;
  max-width: 23.5rem;
}
.mma-card.Line {
  border-top: 0.375rem solid;
}
.mma-card.Line.Blue {
  border-top-color: #0096D6;
}
.mma-card.Line.Green {
  border-top-color: #14853D;
}
.mma-card.Line.Yellow {
  border-top-color: #FFBE00;
}
.mma-card.Line.Red {
  border-top-color: #C53532;
}
.mma-card.Placeholder {
  border-style: dashed;
  border-color: #BED3E4;
  box-shadow: none;
}
.mma-card.Solid {
  border-style: solid;
}
.mma-card.Dotted {
  border-style: dotted;
}
.mma-card:hover:not(.custom-card) label {
  text-decoration-line: underline;
}
.mma-card.Image {
  padding: 0;
  gap: 0;
  height: 100%;
}
.mma-card.Image > .mma-card-content {
  padding: 1.5rem;
}

.mma-card-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.card-img-container {
  display: block;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: 100%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.infocard-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 225px;
  max-width: 481px;
  border-top: 0.1rem solid transparent;
  border-radius: 0.5rem;
  padding: 1.5rem;
  gap: 0.75rem;
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem #565656;
  text-align: start;
  position: relative;
}
.infocard-content label {
  line-height: 1.625rem;
}
.infocard-content p {
  line-height: 1.5rem;
}
.infocard-content.white {
  background-color: #FFFFFF;
}
.infocard-content.light-blue-gray {
  background-color: rgba(240, 250, 255, 0.5019607843);
  border: 1px solid #BED3E4 !important;
}

.checkbox-group {
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 0.0624rem solid #E5EDF4;
  padding: 0.75rem 1.75rem 0.75rem 1.75rem;
}
.checkbox-group input {
  display: none;
}
.checkbox-group label {
  display: flex;
  align-items: center;
}
.checkbox-group .checkmark-selectall {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  background-color: #FFFFFF;
  border: 0.0625rem solid #767676;
  border-radius: 0.125rem;
  cursor: pointer;
}
.checkbox-group .checkmark-selectall.Disabled {
  cursor: not-allowed;
  background-color: #EBEBEB !important;
}

.checkbox-group > input[type=checkbox] + .checkmark-selectall {
  background-color: #FFFFFF;
}

.checkbox-group > .IsChecked + .checkmark-selectall {
  background-color: #0096D6 !important;
  border-color: #0065AC;
}
.checkbox-group > .IsChecked + .checkmark-selectall.Disabled {
  background-color: #EBEBEB !important;
  border-color: #767676;
}

.checkmarkIconContainer-group-some {
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  background-color: #0096D6;
  justify-content: center;
  align-items: center;
}
.checkmarkIconContainer-group-some.Disabled {
  background-color: #767676 !important;
}

.group-checkbox-container {
  padding: 0.75rem 1.75rem 0.75rem 1.75rem;
  border-bottom: 0.0625rem solid #E5EDF4;
}
.group-checkbox-container:nth-child(even) {
  background-color: #F8FAFC;
}

.tri-state-checkbox {
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tri-state-checkbox input {
  display: none;
}
.tri-state-checkbox label {
  display: flex;
  align-items: center;
}
.tri-state-checkbox .checkmark-selectall {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  background-color: #FFFFFF;
  border: 0.0625rem solid #767676;
  border-radius: 0.125rem;
  cursor: pointer;
}
.tri-state-checkbox .checkmark-selectall.Disabled {
  cursor: not-allowed;
  background-color: #EBEBEB !important;
}
.tri-state-checkbox .checkmark-selectall {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  background-color: #FFFFFF;
  border: 0.0625rem solid #767676;
  border-radius: 0.125rem;
  cursor: pointer;
}
.tri-state-checkbox .checkmark-selectall.Disabled {
  cursor: not-allowed;
  background-color: #EBEBEB !important;
}
.tri-state-checkbox > .IsChecked + .checkmark-selectall {
  background-color: #0096D6 !important;
  border-color: #0065AC;
}
.tri-state-checkbox > .IsChecked + .checkmark-selectall.Disabled {
  background-color: #EBEBEB !important;
  border-color: #767676;
}

.chip-container {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  padding: 0 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #76D3FF;
  border-radius: 1.25rem;
  background-color: #F0FAFF;
}

.close-icon {
  padding-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chip {
  padding: 2px 8px;
  gap: 8px;
  border-radius: 4px;
}
.chip .mma-text {
  font-size: 14px;
}

/* Blue as background color and text */
.chip-container.Blue {
  background-color: #F0FAFF;
  border: 1px solid #76D3FF;
}
.chip-container.Blue .mma-text {
  color: #0065AC;
}

/* Teal as background color and text */
chip-container.Teal {
  background-color: #F0FDFF;
  border: 1px solid #9CD9E4;
}
chip-container.Teal .mma-text {
  color: #006286;
}

/* Turquoise as background color and text */
.chip-container.Turquoise {
  background-color: #F5FFFD;
  border: 1px solid #98DBCE;
}
.chip-container.Turquoise .mma-text {
  color: #007A76;
}

/* Green as background color and text */
.chip-container.Green {
  background-color: #F3FFF5;
  border: 1px solid #ADDFB3;
}
.chip-container.Green .mma-text {
  color: #14853D;
}

/* Yellow as background color and text */
.chip-container.Yellow {
  background-color: #FFFCEF;
  border: 1px solid #FFE580;
}
.chip-container.Yellow .mma-text {
  color: #C98600;
}

/* Orange as background color and text */
.chip-container.Orange {
  background-color: #FFF9F2;
  border: 1px solid #FFCA94;
}
.chip-container.Orange .mma-text {
  color: #C25600;
}

/* Crimson as background color and text */
.chip-container.Crimson {
  background-color: #FFF7F6;
  border: 1px solid #FFAEA6;
}
.chip-container.Crimson .mma-text {
  color: #C53532;
}

/* Pink as background color and text */
.chip-container.Pink {
  background-color: #FFF8F9;
  border: 1px solid #F8ACBE;
}
.chip-container.Pink .mma-text {
  color: #D02073;
}

/* Purple as background color and text */
.chip-container.Purple {
  background-color: #F9F7FB;
  border: 1px solid #CCB3E0;
}
.chip-container.Purple .mma-text {
  color: #643C99;
}

/* BlueGray as background color and text */
.chip-container.BlueGray {
  background-color: #F8FAFC;
  border: 1px solid #BED3E4;
}
.chip-container.BlueGray .mma-text {
  color: #627798;
}

/* Gray as background color and text */
.chip-container.Gray {
  background-color: #F4F4F4;
  border: 1px solid #DADADA;
}
.chip-container.Gray .mma-text {
  color: #767676;
}

.radioButtonContainer {
  display: flex;
  min-width: fit-content;
  max-width: 23.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.radioButtonContainer.radio-button-label-or-description {
  flex: 1 0 0;
}

.radio-text.description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  height: 100%;
}

.radio-button {
  display: flex;
  cursor: pointer;
  font-size: 1rem;
  user-select: none;
  gap: 0.5rem;
  align-items: center;
  padding-top: 0.25rem;
  gap: 0.625rem;
}
.radio-button .radio-outer-circle {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid #767676;
  border-radius: 50%;
  position: relative;
  transition: border-color 0.2s, visibility 0.2s;
}
.radio-button .radio-outer-circle:hover {
  border-color: #0065AC;
}
.radio-button .radio-outer-circle:focus {
  outline-offset: 2px;
}
.radio-button .radio-outer-circle:focus-visible {
  outline-offset: 2px;
}
.radio-button .radio-outer-circle .radio-inner-circle {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, transform 0.2s;
  visibility: hidden;
}
.radio-button.clicked .radio-outer-circle {
  border-color: #0065AC;
}
.radio-button.clicked .radio-outer-circle .radio-inner-circle {
  background: #0096D6;
  visibility: visible;
}
.radio-button.disabled {
  cursor: not-allowed;
}
.radio-button.disabled .radio-outer-circle:hover {
  border-color: #767676;
}
.radio-button.disabled .radio-outer-circle {
  background-color: #EBEBEB;
}
.radio-button.disabled .radio-outer-circle .radio-inner-circle {
  background: #767676;
  visibility: visible;
}
.radio-button.disabled:not(.clicked) .radio-outer-circle .radio-inner-circle {
  visibility: hidden;
}
.radio-button.disabled.clicked .radio-outer-circle {
  border-color: #767676;
  background-color: #EBEBEB;
}

.radio-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 21rem;
  height: 1.75rem;
  line-height: 1.75rem;
}

.radio-button-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.FilterContainer {
  display: flex;
  position: relative;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  background: var(--Core-Blue-Gray-Background, #F8FAFC);
  width: 100%;
  background-color: #F7FCFF;
  border: 1px solid #BED3E4;
}

.SectionContainer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  align-self: stretch;
}

.SectionInput {
  display: grid;
  row-gap: 1.5rem;
  column-gap: 2rem;
  align-self: stretch;
  width: 100%;
}
.SectionInput.CheckboxGroup {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.SectionInput.DateRangeGroup {
  grid-column: 1/-1;
  justify-self: stretch;
}

.FilterButton {
  display: flex;
  padding-top: 1.5rem;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-top: 1px solid var(--Backgrounds-Blue-Gray-300, #BED3E4);
}

.CloseFilter {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.29288rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
}

.context-component-container {
  display: inline-flex;
  padding: 8px 16px 8px 16px;
  border-radius: 8px;
  gap: 10px;
  align-items: center;
}

.context-pink {
  background-color: #FFF8F9;
}

.context-purple {
  background-color: #F9F7FB;
}

.info-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  background-color: #F8FAFC;
}
.info-box > svg {
  margin-top: 0.25rem;
}
.info-box .info-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.spinner {
  animation: spin 1s linear infinite;
  transform-origin: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.spinner svg {
  transform-origin: center;
  display: block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.FilterResultContainer {
  display: flex;
  padding: 4rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0.5rem;
  background: var(--Core-Blue-Gray-Background, #F8FAFC);
}

.FilterResultContentContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  text-align: center;
}

.FilterResultTitleMessage {
  align-self: stretch;
  text-align: center;
}

*, ::after, ::before {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.flyout-menu-container {
  position: absolute;
  top: 3.5rem;
  right: -1.8rem;
  z-index: 9000;
  display: flex;
  justify-content: center;
  min-width: 20.9375rem;
  border: 1px solid #E5EDF4;
  border-radius: 10px;
  background-color: white;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
}

.FlyoutMenuPointer {
  position: absolute;
  top: -1.1rem;
  right: 2rem;
  width: 1.76238rem;
  height: 1.21481rem;
}

.ProfileFlyoutContainer {
  display: flex;
  min-width: 17.9375rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.5rem 1.54rem 1.5rem;
}

.ProfileFlyoutDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  text-align: center;
}

.ProfileFlyoutInitialsContainer {
  border-radius: 6.25rem;
  background: var(--gradient-purple-pink, linear-gradient(47deg, #8246AF 0%, #EE3D8B 96.86%));
  display: flex;
  width: 4.625rem;
  height: 4.625rem;
  padding: 0.625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  text-align: center;
}

.ProfileFlyoutButtons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-self: stretch;
  margin-top: 1rem;
}

.FlyoutDivider {
  background: #E5EDF4;
  height: 0.0625rem;
  width: 100%;
}

.flyoutmenu-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  cursor: pointer;
  background: none;
}

.ProfileFlyoutButtons > .TooltipContainer {
  width: 100%;
}

@media (max-width: 767px) {
  .FlyoutMobileContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    display: flex;
    width: 20.8125rem;
    padding: 2.625rem 0.875rem 0rem 2rem;
    align-items: flex-start;
    gap: 0.5rem;
    z-index: 9000;
  }
  .FlyoutMenuCloseIconContainer {
    position: absolute;
    right: 1rem;
    top: 1rem;
  }
}
.toastContainer {
  display: flex;
  width: auto;
  border: none;
  padding: 1rem 1.5rem;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}
.toastContainer.informational {
  background: #0065AC;
  color: #FFFFFF;
}
.toastContainer.success {
  background: #14853D;
  color: #FFFFFF;
}
.toastContainer.error {
  background: #C53532;
  color: #FFFFFF;
}
.toastContainer.warning {
  background: #FFBE00;
  color: #202020;
}

.toastClose {
  margin-left: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-ring {
  margin-left: auto !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-ring__circle {
  stroke: white;
  stroke-width: 2;
}

.progress-ring__progress {
  stroke: white;
  stroke-width: 2;
  transition: stroke-dashoffset 1s linear;
  transform: rotate(-90deg) scaleY(-1);
  transform-origin: 50% 50%;
}

.toast-icon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mma-icon {
  flex-shrink: 0;
}

.bread-crumb-not-clickable, .bread-crumb-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.breadcrumb-container {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  flex: 1 0 0;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.bread-crumb-separator {
  color: #565656;
  font-family: "Noto Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.01rem;
}

.bread-crumb-collapsed {
  cursor: default;
}

.alert-container {
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.toast-component-container {
  width: 380px;
  position: fixed;
  right: 42px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 9000;
}

.date-input-container {
  position: relative;
  display: inline-block;
  width: fit-content;
  padding: 12px, 24px;
}

.date-input {
  padding-right: 2.5rem; /* Make space for the icon */
  color: #565656;
}

.date-input::placeholder {
  color: #949494;
}

.icon-container {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Allow clicks to pass through */
  display: flex;
  align-items: center;
}

.datepicker {
  width: 300px;
  border: 1px solid #0078d4;
  border-radius: 5px;
  background-color: white;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1000;
  margin-top: 3px;
}

.header {
  justify-content: space-between;
  align-items: center;
  background-color: #002C77;
  color: white;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.header button {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
}

.header button:hover {
  text-decoration: underline;
}

.calendar {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.days {
  display: flex;
  justify-content: space-between;
  cursor: default;
}

.week {
  display: flex;
}

.day {
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 14px;
  border-radius: 4px;
  color: #0065AC;
  display: flex;
  width: 34px;
  height: 34px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 4px;
}

.day:hover {
  color: #0065AC;
  background-color: rgba(0, 157, 224, 0.1);
}

.not-current-month {
  color: #949494;
}

.selected {
  background-color: #002C77;
  color: white;
}

.clear-today {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.clear-today button {
  color: #0065AC;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.clear-today button:hover {
  color: #002C77;
  background-color: rgba(0, 157, 224, 0.1);
}

.disabled-date {
  pointer-events: none;
  color: #767676;
  background-color: #EBEBEB;
}

.day-header {
  padding: 10px 0;
}

.date-month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}

.date-month-icon {
  margin: 3px 0 0 6px;
}

.align-date-nav-left {
  display: flex;
  gap: 8px;
}

.current-date {
  color: #002C77;
  background-color: rgba(0, 157, 224, 0.1);
}

.year-accordion {
  max-height: 250px;
  overflow-y: auto;
  padding: 10px;
  align-items: flex-start;
  border-radius: 0 0 8px 8px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.year-header {
  display: flex;
  padding: 5px 8px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
}

.year-header > svg {
  display: flex;
  padding: 5px 8px;
  align-items: center;
  gap: 8px;
}

.year-item {
  display: flex;
  border-radius: 2px;
  border: 1px solid #E5EDF4;
  background: #F8FAFC;
  padding: 0 8px;
  align-self: stretch;
  margin-bottom: 1px;
}

.selected-year-item {
  background: #E6F6FC;
}

.year-text {
  color: #0065AC;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.year-text:hover {
  color: #002C77;
}

.months-grid {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  background: #FFF;
  padding: 6px 12px;
}

.month-button {
  background: #FFF;
  user-select: none;
  color: #0065AC;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  width: 45px;
  height: 35px;
  border-radius: 4px;
  border: 0;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2px;
}

.month-button:hover {
  background-color: #E5EDF4;
}

.disabled-month {
  pointer-events: none;
  color: #767676 !important;
  background-color: #EBEBEB !important;
}

.selected-year {
  color: #002C77;
}

.selected-month {
  background-color: #002C77;
  color: #FFF;
}

.months-grid span.month-button:hover {
  border-radius: 4px;
  color: #002C77;
}

*:has(> .datepicker) {
  display: inline-block !important;
}

.date-range-container {
  display: inline-flex;
  gap: 1rem;
  align-items: flex-end;
  flex-wrap: wrap;
}

.date-range-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.date-range-separator-text {
  padding-bottom: 0.75rem;
}

.data-visualizer-main-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.data-visualizer-header-template {
  display: flex;
  align-self: stretch;
}
.data-visualizer-header-template > * {
  flex: 1;
}

.data-visualizer-top-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1rem;
  align-self: stretch;
}

.data-visualizer-search-result-and-header-template {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.data-visualizer-search-result-and-header-template > * {
  flex: 1;
  min-width: 0;
}
.data-visualizer-search-result-and-header-template.data-visualizer-nested-accordion .data-visualizer-header-template {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: 0;
}
.data-visualizer-search-result-and-header-template.data-visualizer-nested-accordion .data-visualizer-header-template > * {
  justify-content: flex-end;
  min-width: 0;
}
.data-visualizer-search-result-and-header-template.data-visualizer-nested-accordion .search-count-text {
  flex: 0 1 auto;
}
.data-visualizer-search-result-and-header-template > .data-visualizer-header-template {
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  flex: 1 1 auto;
  min-width: 0;
}
.data-visualizer-search-result-and-header-template > .data-visualizer-header-template > * {
  flex: 1;
  justify-content: flex-end;
  min-width: 0;
}
.data-visualizer-search-result-and-header-template > .search-count-text {
  flex: 0 1 auto;
}

.search-filter-and-buttons-container {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: space-between;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
  max-width: 100%;
}
.search-filter-and-buttons-container.data-visualizer-filter-visible {
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.search-filter-sort-items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  flex-grow: 1;
}

.data-visualizer-filter-results-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
  max-width: 100%;
}

.data-visualizer-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.data-visualizer-search-container {
  min-width: 330px;
  display: flex;
}

.list-of-items-container {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-self: stretch;
}

.list-of-items-container > div:nth-child(2) {
  margin-top: calc(10px - 1rem);
}

.accordion-list-expand-collapse-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.accordion-expand-collapse-label {
  flex: 1 0 0;
}

/* Right side: Expand all | Collapse all tight together */
.accordion-list-expand-collapse-buttons > div:last-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.data-visualizer-alert-banner {
  width: 100%;
}

.search-filter-and-buttons-container {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-start;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
  max-width: 100%;
}
.search-filter-and-buttons-container.data-visualizer-filter-visible {
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.search-filter-sort-items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  flex: 1;
}

/**/
@media (max-width: 1050px) {
  .data-visualizer-search-result-and-header-template.data-visualizer-nested-accordion .data-visualizer-header-template {
    flex: 1 1 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
  .data-visualizer-search-result-and-header-template.data-visualizer-nested-accordion .data-visualizer-header-template > * {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .data-visualizer-buttons {
    flex-direction: column;
    width: 100%;
  }
  .data-visualizer-buttons > button {
    width: 100%;
  }
  .search-filter-sort-items {
    flex-wrap: wrap;
  }
  .data-visualizer-search-container {
    width: 100%;
    min-width: 100%;
  }
  .data-visualizer-search-result-and-header-template {
    flex-direction: column;
    gap: 0.5rem;
  }
  .data-visualizer-search-result-and-header-template > * {
    flex: 1 1 auto;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .accordion-expand-collapse-label {
    align-self: stretch;
  }
  .accordion-list-expand-collapse-buttons {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-end;
  }
  .search-filter-and-buttons-container {
    flex-direction: column;
  }
  .search-filter-and-buttons-container > * {
    width: 100%;
  }
  .search-filter-sort-items {
    flex-direction: column;
  }
  .search-filter-sort-items > * {
    width: 100%;
  }
}
.sort-dropdown-maincontainer {
  position: relative;
  display: flex;
  width: fit-content;
}

.sort-dropdown-outercontainer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sort-caret-container {
  position: relative;
  display: flex;
  right: 2rem;
}

.dropdown-placeholder-sort {
  flex-grow: 1;
  min-height: 3rem;
  height: auto;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  width: 100%;
  gap: 0.75rem;
}

.dropdown-placeholder-sort > p {
  flex: 1 0 0;
}

.sort-dropdown-button-container {
  position: relative;
  display: flex;
  align-items: center;
  right: 0;
  top: 0;
  padding: 0.75rem;
  max-height: 48px;
  align-self: stretch;
  border-top: 1px solid #949494;
  border-right: 1px solid #949494;
  border-bottom: 1px solid #949494;
  border-radius: 0rem 0.25rem 0.25rem 0rem;
  cursor: pointer;
}

.dropdown-container-sortdropdown {
  position: relative;
  display: flex;
  box-sizing: border-box;
  max-height: 3rem;
  min-width: 13rem;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  align-self: stretch;
  border-radius: 0.25rem 0rem 0rem 0.25rem;
  border: 1px solid #949494;
  background: #FFFFFF;
  width: 100%;
  overflow: hidden;
}

.dropdown-container-sortdropdown.DropdownOpened {
  border-top: 1px solid #949494;
  border-left: 1px solid #949494;
  border-bottom: 1px solid #949494;
}

@media (max-width: 767px) {
  .sort-dropdown-outercontainer, .sort-dropdown-maincontainer {
    width: 100%;
  }
}
.numeric-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.numeric-spinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  right: 30px;
  top: 2px;
  cursor: pointer;
}

.mma-loading-indicator-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mma-loading-indicator-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
  cursor: pointer;
  background: rgba(32, 32, 32, 0.15);
}

.tooltip {
  position: relative;
  display: inline-block;
  border: none;
  cursor: pointer;
}

.masked-text {
  white-space: nowrap; /* single line */
  border-bottom: none; /* remove underline */
  display: inline-block;
  max-width: max-content; /* optional max width */
  overflow: hidden;
  text-overflow: ellipsis; /* show ellipsis if too long */
  color: rgb(0, 150, 214); /* Adjust to Figma blue */
  font-weight: 600; /* Semi-bold or bold as per Figma */
  font-size: 20px; /* Adjust font size */
  letter-spacing: 0px; /* Optional, for spacing */
  font-family: "Arial", sans-serif; /* Match Figma font */
}

.masked-value-container {
  position: relative;
  display: inline-block;
}

.tooltiptext {
  visibility: hidden;
  width: fit-content;
  max-width: 300px;
  color: white;
  background-color: #002C77;
  font-weight: 700;
  text-align: center;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 8px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1;
  display: flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.tooltiptext.visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.select-dropdown-maincontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  height: auto;
  gap: 0.5rem;
}

.select-dropdown-container {
  position: relative;
  display: flex;
  box-sizing: border-box;
  max-height: 3rem;
  width: 100%;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid #949494;
}

.select-dropdown-container.invalid {
  border: none;
}

.select-dropdown-disabled {
  pointer-events: none;
  opacity: 0.7;
  background: #EBEBEB;
}

.select-dropdown-placeholder {
  flex-grow: 1;
  min-height: 3rem;
  height: auto;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  gap: 0.75rem;
}

.select-dropdown-placeholder > p {
  flex: 1 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-dropdown-option-container {
  display: flex;
  width: 100%;
  max-width: 100%;
  max-height: 15.6875rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 2px solid #0096D6;
  background: #FFFFFF;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 7000;
  position: absolute;
  min-width: 100%;
  top: calc(100% + 0.25rem);
}

.select-caret-container {
  position: relative;
  right: 0;
}

.select-dropdown-option {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  width: auto;
  height: auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: stretch;
  cursor: default;
}

.select-dropdown-opened {
  border: 2px solid #0096D6;
  background: #FFFFFF;
}

.select-option-selected {
  background: #E5EDF4;
}

.select-dropdown-option:hover {
  background: #E5EDF4;
}

.select-dropdown-overlay-false {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
  cursor: pointer;
}

.select-dropdown-overlay-true {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
  cursor: pointer;
}

@media (max-width: 767px) {
  .select-dropdown-maincontainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    position: relative;
    height: auto;
  }
}
.number-icon-wrapper-prefix {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 53%;
  pointer-events: none;
  z-index: 2;
  transform: translateY(-50%);
}

.formatted-number {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.formatted-number input {
  width: 100%;
  padding: 0.5rem 3.75rem 0.5rem 1.5rem;
  align-items: center;
}

.formatted-number > svg {
  flex-shrink: 0;
  background-color: white;
  position: absolute;
  right: 1.5rem;
  margin-left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
}

.formatted-numeric-spinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 25px;
  top: 3px;
  cursor: pointer;
}

.mud-paper.mud-elevation-1.mud-card.link-card-content {
  background: #FFF;
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.mud-paper.mud-elevation-1.mud-card.link-card-content .mud-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  padding: 0.5rem 1.25rem;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content .mud-card-header .header-content {
  font-family: "Noto Sans", sans-serif;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content .mud-card-header .header-link {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  margin-left: 8px;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content .mud-card-header .header-link:hover {
  cursor: pointer;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content .mud-card-content {
  padding: 16px 24px;
  font-size: 1rem;
  color: #000;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content.black {
  border-radius: 4px 4px 8px 8px;
  border-top: 6px solid #202020;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content.blue {
  border-radius: 4px 4px 8px 8px;
  border-top: 6px solid #0096D6;
}
.mud-paper.mud-elevation-1.mud-card.link-card-content.yellow {
  border-radius: 4px 4px 8px 8px;
  border-top: 6px solid #FFBE00;
}

.gradient-icon-purplepink {
  width: 56px;
  height: 56px;
  background: var(--gradient-purple-pink, linear-gradient(47deg, var(--gradient-purple, #8246AF) 0%, var(--gradient-pink, #EE3D8B) 96.86%));
  border-radius: 8px; /* rounded corners */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-webblueparentblue {
  width: 56px;
  height: 56px;
  background: var(--Gradient-Web-Blue-Parent-Blue, linear-gradient(45deg, var(--gradient-webBlue, #0096D6) 0%, var(--gradient-parentBlue, #002C77) 100%));
  border-radius: 8px; /* rounded corners */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-blueturquoise {
  width: 56px;
  height: 56px;
  background: linear-gradient(45deg, var(--gradient-webBlue, #0096D6) 0%, var(--gradient-turquoise, #00968F) 100%);
  border-radius: 8px; /* rounded corners */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-orangepink {
  width: 56px;
  height: 56px;
  background: var(--gradient-orange-pink, linear-gradient(45deg, var(--gradient-orange, #FF8C00) 0%, var(--gradient-pink, #EE3D8B) 100%));
  border-radius: 8px; /* rounded corners */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-pinkpurple {
  width: 56px;
  height: 56px;
  background: var(--gradient-pink-purple, linear-gradient(47deg, var(--gradient-pink, #EE3D8B) 0%, var(--gradient-purple, #8246AF) 96.86%));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1);
  gap: 8px;
}

.gradient-icon-parentbluewebblue {
  width: 56px;
  height: 56px;
  background: var(--Gradient-Parent-Blue-Web-Blue, linear-gradient(45deg, var(--gradient-parentBlue, #002C77) 0%, var(--gradient-webBlue, #0096D6) 100%));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-turquoiseblue {
  width: 56px;
  height: 56px;
  background: var(--gradient-turquoise-web-blue, linear-gradient(45deg, var(--gradient-turquoise, #00968F) 0%, var(--gradient-webBlue, #0096D6) 100%));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-pinkorange {
  width: 56px;
  height: 56px;
  background: var(--gradient-pink-orange, linear-gradient(45deg, var(--gradient-pink, #EE3D8B) 0%, var(--gradient-orange, #FF8C00) 100%));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.custom-panel-header {
  display: flex;
  align-items: center; /* vertically center if needed */
  justify-content: space-between; /* push left and right to edges */
  gap: 16px; /* optional spacing between left and right */
}

.right-info-text {
  font-size: 14px;
  color: #374151;
  white-space: nowrap;
  line-height: 20px; /* aligns text with the icon */
}

.custom-title-icon {
  font-size: 20px; /* size of arrow */
  margin-top: 2px; /* adjust to fine-tune alignment */
}

.child-header-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Topline {
  height: 4px;
}

.mainrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.groupcarrier-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.child-accordion-render {
  background-color: #F7FCFF !important;
}

.custom-label {
  font-weight: 600;
  font-size: 0.75rem;
  color: #777;
  text-transform: uppercase;
}

.custom-value {
  font-size: 0.875rem;
  color: #333;
}

.mud-expand-panel-header .mud-expand-panel-icon {
  width: 32px;
  height: 32px;
  fill: #002C77;
  flex-shrink: 0;
}

.custom-header-left {
  flex: 1 1 auto; /* take remaining space */
  min-width: 0; /* prevent overflow in flexbox */
  display: block;
  align-items: center; /* vertically center icon and text */
  gap: 32px; /* spacing between icon and text */
}

.viewdocument {
  display: flex;
  width: 234.5px;
  height: 40px;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid #0096D6 !important;
  background: #FFFFFF;
  color: #002C77; /* text color */
  /* Ensure text and icon color */
  color: #002C77;
}

.viewdocument .mud-button-icon-start,
.viewdocument .mud-button-icon-end {
  color: #0065AC;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  fill: currentColor; /* Ensure SVG icons inherit the color */
}

.custom-header-right {
  flex: 0 0 auto; /* do not grow, keep size to content */
  white-space: nowrap; /* prevent wrapping */
  text-align: right;
}

.custom-title-icon {
  display: inline-block;
  vertical-align: middle;
}

.custom-title-item {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #565656;
  /* Label/Label xl */
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
}

.gradient-icon {
  width: 56px;
  height: 56px;
  border-radius: 8px; /* rounded corners */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(86, 86, 86, 0.1), 0 2px 4px -2px rgba(86, 86, 86, 0.1); /* subtle shadow */
  gap: 8px;
}

.gradient-icon-purplepink {
  background: var(--gradient-purple-pink, linear-gradient(47deg, var(--gradient-purple, #8246AF) 0%, var(--gradient-pink, #EE3D8B) 96.86%));
}

.gradient-icon-webblueparentblue {
  background: var(--Gradient-Web-Blue-Parent-Blue, linear-gradient(45deg, var(--gradient-webBlue, #0096D6) 0%, var(--gradient-parentBlue, #002C77) 100%));
}

.gradient-icon-blueturquoise {
  background: linear-gradient(45deg, var(--gradient-webBlue, #0096D6) 0%, var(--gradient-turquoise, #00968F) 100%);
}

.gradient-icon-orangepink {
  background: var(--gradient-orange-pink, linear-gradient(45deg, var(--gradient-orange, #FF8C00) 0%, var(--gradient-pink, #EE3D8B) 100%));
}

.gradient-icon-pinkpurple {
  background: var(--gradient-pink-purple, linear-gradient(47deg, var(--gradient-pink, #EE3D8B) 0%, var(--gradient-purple, #8246AF) 96.86%));
}

.gradient-icon-parentbluewebblue {
  background: var(--Gradient-Parent-Blue-Web-Blue, linear-gradient(45deg, var(--gradient-parentBlue, #002C77) 0%, var(--gradient-webBlue, #0096D6) 100%));
}

.gradient-icon-turquoiseblue {
  background: var(--gradient-turquoise-web-blue, linear-gradient(45deg, var(--gradient-turquoise, #00968F) 0%, var(--gradient-webBlue, #0096D6) 100%));
}

.gradient-icon-pinkorange {
  background: var(--gradient-pink-orange, linear-gradient(45deg, var(--gradient-pink, #EE3D8B) 0%, var(--gradient-orange, #FF8C00) 100%));
}

.parent-panels.mud-expand-panel {
  background-color: #F7FCFF;
}
.parent-panels.mud-expand-panel.mud-panel-expanded {
  background-color: #C7EDFF;
}
.parent-panels.mud-expand-panel.mud-panel-expanded .mud-expand-panel-content.mud-expand-panel-gutters {
  padding: 24px;
  gap: 16px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #BED3E4;
  border-top: none;
  background: #F0FAFF;
}
.parent-panels.mud-expand-panel.mud-panel-expanded .mud-expand-panel-content.mud-expand-panel-gutters > *:not(:last-child) {
  margin-bottom: 16px; /* simulate gap */
}
.parent-panels.mud-expand-panel .mud-expand-panel-header.mud-expand-panel-header-gutters {
  padding: 16px 24px;
  border-radius: 4px 4px 0 0;
  border: 1px solid #BED3E4;
}
.parent-panels .mud-expand-panel {
  background-color: #F7FCFF;
}
.parent-panels .mud-expand-panel.mud-panel-expanded {
  background-color: #C7EDFF;
}

.parent-panels.activeAccordion {
  border-radius: 0.25rem 0.25rem 0rem 0rem;
  background: #C7EDFF;
}

.parent-panels:hover {
  background-color: #C7EDFF;
}

.div-category-active-plan-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.mud-expand-panel-border .mud-expand-panel-header-gutters {
  background-color: #FFF;
  gap: 16px;
}

.maindocument {
  border-radius: 4px;
  border: 1px solid #0096D6;
  background: #FFF;
}

.mud-expand-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px; /* space between main content and svg icon */
}

.mud-expand-panel-text {
  flex: 1; /* take available space */
}

.mud-expand-panel-icon {
  width: 32px;
  height: 32px;
  fill: #002C77;
  /* Optional: maintain aspect ratio */
  flex-shrink: 0;
}

.search-count-text {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 24px;
}

.search-count-text button {
  padding: 0 !important;
  font-family: "Noto Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.mud-expand-panel-content .mud-expand-panel-gutters {
  background: #FFF !important;
}

.mud-expand-panel.mud-panel-expanded {
  margin: 0px 0px;
}

.expand-collapse .mma-text {
  width: 9px;
  text-align: center;
}

.groupcarrier-row {
  min-width: 234px;
}

.mainrow button {
  width: 234px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* active plan count */
  .div-category-active-plan-text {
    display: block !important;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .custom-header-right {
    color: #565656;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: left !important;
  }
  /* effective date */
  .custom-panel-header {
    display: block !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
}
.expandable-text > button.button.text-button.small {
  padding: 0;
  height: 24px;
}
.expandable-text .expandable-text-content.clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  overflow: hidden;
  text-overflow: ellipsis;
}
.expandable-text .expandable-text-content.clamped > * {
  display: inline;
}

.display-content-header {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=main.css.map */