@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root {
  --font-family: "DM Sans", sans-serif;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-13: 0.813rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-46: 2.875rem;
  --font-size-48: 3rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --Xenial-Blue: #262AFF;
  --Xenial-Navy: #007DC3;
  --Xenial-Lime: #007DC3;
  --Borders: #007DC3;
  --primary-dark: #0A4BAE;
  --primary-light: #8BB7F8;
  --secondary-main: #9C27B0;
  --secondary-dark: #7B1FA2;
  --secondary-light: #BA68C8;
  --text-primary: #2F3337;
  --text-secondary: #61676B;
  --text-disabled: #646464;
  --tab-link: #2F3337;
  --tab-border: #DDDBDA;
  --input-diabled:#E8EBED;
  --info-main: #0288D1;
  --error-main: #E32239;
  --warning-main: #ED6C02;
  --success-main: #2E7D32;
  --table-header-background: #F6F7F8;
  --table-header-border: #E5E7EB;
  --table-cell-background: #E8EBED;
  --button-border: #DEE1E3;
  --background-default: #F6F7F8;
  --white: #FFFFFF;
  --black: #000000;
  --border-width-thin: 1px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: toRem(16);
  scroll-behavior: smooth;
  background: var(--background-default);
}
@media screen and (max-width: 1024px) {
  html {
    font-size: toRem(14);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: toRem(12);
  }
}

body {
  font-size: 1rem;
  font-family: var(--font-family) !important;
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--background-default);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family) !important;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.container {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 6rem;
}
@media screen and (max-width: 1024px) {
  .container {
    padding: 0 1rem;
  }
}

.bg-white {
  background: var(--white);
}

.cbex-gap_x-small {
  gap: 0.25rem;
}

.cbex-gap_small {
  gap: 0.5rem;
}

.cbex-gap_mediun {
  gap: 1rem;
}

.slds-card {
  border: none !important;
  padding: 1.25rem !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922) !important;
}

.cbex-text-primary {
  color: var(--text-primary) !important;
}

.cbex-text-brand {
  color: var(--Xenial-Blue) !important;
}

.cbex-text-secondary {
  color: var(--text-secondary) !important;
}

.cbex-row-gap {
  row-gap: 1rem;
}

.cbex-row-gap-medium {
  row-gap: 1.5rem;
}

.cbex-align-self-end {
  align-self: end;
}

.cbex-label {
  font-size: var(--font-size-14);
  color: var(--text-secondary);
  line-height: 150%;
}

.cbex-value {
  font-size: var(--font-size-14);
  color: var(--text-primary);
  line-height: 150%;
  word-wrap: break-word;
  word-break: break-all;
}

.cbex-bottom-margin {
  margin-bottom: 2rem !important;
}

.cbex-line-height-125 {
  line-height: 125%;
}

.cbex-line-height-100 {
  line-height: 100%;
}

.cbex-font_size-10, .cbex-font-size-10 {
  font-size: var(--font-size-10);
}
.cbex-font_size-12, .cbex-font-size-12 {
  font-size: var(--font-size-12);
}
.cbex-font_size-13, .cbex-font-size-13 {
  font-size: var(--font-size-13);
}
.cbex-font_size-14, .cbex-font-size-14 {
  font-size: var(--font-size-14) !important;
}
.cbex-font_size-16, .cbex-font-size-16 {
  font-size: var(--font-size-16);
}
.cbex-font_size-18, .cbex-font-size-18 {
  font-size: var(--font-size-18);
}
.cbex-font_size-20, .cbex-font-size-20 {
  font-size: var(--font-size-20);
}
.cbex-font_size-22, .cbex-font-size-22 {
  font-size: var(--font-size-22);
}
.cbex-font_size-24, .cbex-font-size-24 {
  font-size: var(--font-size-24);
}
.cbex-font_size-32, .cbex-font-size-32 {
  font-size: var(--font-size-32) !important;
}
.cbex-font_size-40, .cbex-font-size-40 {
  font-size: var(--font-size-40);
}
.cbex-font_size-48, .cbex-font-size-48 {
  font-size: var(--font-size-48);
}

.cbex-font-weight_regular {
  font-weight: var(--font-weight-regular);
}
.cbex-font-weight_medium {
  font-weight: var(--font-weight-medium);
}
.cbex-font-weight_semi-bold {
  font-weight: var(--font-weight-semi-bold);
}
.cbex-font-weight_bold {
  font-weight: var(--font-weight-bold);
}

.spinner-backdrop {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-backdrop .slds-spinner_container {
  background-color: transparent !important;
}

.slds-icon-standard-expense {
  background-color: #920A99 !important;
}

.cbex-chatter-file-upload .slds-form-element__label {
  display: none;
}
.cbex-chatter-file-upload .slds-file-selector__dropzone {
  border: none;
  padding: 0;
  border-radius: 0;
}

.cbex-documents {
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
}
.cbex-documents .cbex-documents-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cbex-documents .cbex-documents-list .cbex-documents-list-item {
  display: flex;
  gap: 0.5rem;
  font-size: 14px;
}

.cbex-chatter-feed-main {
  height: 300px;
  overflow: auto;
}

.cbex-chatter-feed .cbex-chatter-feed-list-body-user {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cbex-chatter-feed .cbex-chatter-feed-list {
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
}

.error-card-content {
  margin: 2rem auto;
  text-align: center;
}

.slds-col--padded.contentRegion.comm-layout-column {
  padding: 0 !important;
}

.themeHeader {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 1024px) {
  .themeHeader {
    padding: 0 1rem !important;
  }
}

.themeHeaderInner {
  padding: 0 6rem !important;
}
@media screen and (max-width: 1024px) {
  .themeHeaderInner {
    padding: 0 0 !important;
  }
}

.themeBottomBorder {
  display: none !important;
}

.themeNav .forceCommunityThemeNav .mainNavItem .linkBtn, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn {
  padding: 1rem !important;
  color: var(--text-primary) !important;
  font-size: var(--font-size-16) !important;
  font-weight: var(--font-weight-regular) !important;
}
.themeNav .forceCommunityThemeNav .mainNavItem .linkBtn:hover, .themeNav .forceCommunityThemeNav .mainNavItem .linkBtn:focus, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn:hover, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn:focus, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn:hover, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn:focus {
  color: var(--Xenial-Blue) !important;
  box-shadow: none !important;
}
.themeNav .forceCommunityThemeNav .mainNavItem .linkBtn:hover::after, .themeNav .forceCommunityThemeNav .mainNavItem .linkBtn:focus::after, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn:hover::after, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn:focus::after, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn:hover::after, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn:focus::after {
  content: "";
  background: var(--Xenial-Blue);
  height: 3px !important;
  width: 80%;
  transform: unset;
  bottom: -2px !important;
  left: 0;
  position: absolute;
  border-radius: 4px;
  right: 0;
  margin: 0 auto;
}
.themeNav .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
  color: var(--Xenial-Blue) !important;
  font-weight: var(--font-weight-bold) !important;
  border-bottom: none !important;
}
.themeNav .forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active::after, .themeNav .jepsonInnerHeader.forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active::after, .themeNav .jepsonHomeHeader.forceCommunityThemeNav .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active::after {
  content: "";
  background: var(--Xenial-Blue);
  height: 3px !important;
  width: 80%;
  transform: unset;
  bottom: -2px !important;
  left: 0;
  position: absolute;
  border-radius: 4px;
  right: 0;
  margin: 0 auto;
}

.forceCommunityThemeNav .mainNavItem {
  padding-left: 0 !important;
  margin-left: 1rem !important;
}
@media screen and (max-width: 767px) {
  .forceCommunityThemeNav .mainNavItem {
    margin-left: 0 !important;
  }
}

.forceCommunityThemeNav .comm-navigation__top-level-item.mainNavItem:first-child {
  padding-left: 0 !important;
}

.a11y-banner {
  min-height: 64px !important;
}
@media screen and (max-width: 767px) {
  .a11y-banner {
    min-height: auto !important;
  }
}

.uiPanel--notificationsPanel .container {
  padding: 0 !important;
}

.cb-section_column {
  padding: 0 !important;
}

.cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12 {
  padding-left: 1rem !important;
  margin-bottom: 3rem !important;
}
.cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12 .ui-widget {
  padding: 0 !important;
  max-width: 100%;
}

.forceCommunityForceCommunityFeed {
  height: 400px;
  overflow-x: auto;
}

.forceCommunityFeedPublisher .container {
  padding: 0 !important;
  max-width: 100% !important;
}

.forceChatterFeedInner .feeds-filter {
  display: none !important;
}

.forceContentFilePicker.container, .uiPanel .container {
  padding: 0 !important;
  max-width: 100% !important;
}

.themeLayoutStarterWrapper {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
.themeLayoutStarterWrapper .body {
  flex: 1 0 auto;
}

.cuf-feedItemHeader .forceChatterOverflowActionMenu {
  display: none !important;
}

.cuf-entityLinkId {
  pointer-events: none !important;
  cursor: default !important;
}
.cuf-entityLinkId a.cuf-entityLink {
  color: var(--text-primary);
  font-weight: var(--font-weight-semi-bold);
}

.cuf-commentItem .comment__header .cuf-commentActionButton {
  display: none !important;
}

.cuf-publisherTopics {
  display: none !important;
}

.comm-page-custom-accounting-tickets-details .uiPanel--default.uiPanel.forceHoverPanel.positioned.west.open.active {
  display: none !important;
}
.comm-page-custom-accounting-tickets-details .siteforceDynamicLayout .ui-widget:nth-child(2) {
  max-width: 1440px;
  padding: 0 6rem;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .comm-page-custom-accounting-tickets-details .siteforceDynamicLayout .ui-widget:nth-child(2) {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
  }
}

.slds-col--padded.comm-content-header.comm-layout-column {
  padding: 0 !important;
}

.siteforceSldsTwoCol84Layout .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 6rem;
}
@media screen and (max-width: 1024px) {
  .siteforceSldsTwoCol84Layout .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
.siteforceSldsTwoCol84Layout .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-large-size--8-of-12 {
  padding: 0;
}
.siteforceSldsTwoCol84Layout .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column {
  padding: 0 0 0 1rem;
}
@media screen and (max-width: 1024px) {
  .siteforceSldsTwoCol84Layout .slds-grid.slds-wrap.slds-medium-nowrap.slds-large-nowrap .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column {
    padding: 0 0;
  }
}

@media screen and (max-width: 767px) {
  .header .forceCommunityThemeHeaderCompact .themeHeaderInner[style] {
    padding: 0 !important;
  }
  .header .forceCommunityThemeHeaderCompact .themeLogo {
    left: 20%;
  }
  .header .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
    background-color: var(--Xenial-Blue);
  }
  .header .forceCommunityThemeNavTrigger .themeNavTrigger:hover .themeBurgerLine {
    background-color: var(--Xenial-Navy);
  }
}
.cbex-mobile-show {
  display: none;
}

@media screen and (max-width: 991px) {
  .cbex-mobile-none {
    display: none !important;
  }
  .cbex-mobile-show {
    display: block;
  }
}
.cbex-scoped-notification {
  border: 0.063rem solid;
  border-radius: 0.25rem;
  font-weight: 500;
  padding: 0.75rem;
}
.cbex-scoped-notification.cbex-theme_info {
  background: #F5F9FE;
  border-color: var(--Xenial-Blue);
}
.cbex-scoped-notification .cbex-alert__body {
  align-items: center;
  gap: 0.5rem;
}
.cbex-scoped-notification .cbex-alert__body .cbex-media__figure svg {
  fill: var(--Xenial-Blue);
}

.slds-theme_warning, .slds-theme--warning {
  background-image: none !important;
}

.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), .siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

.siteforceLoadingBalls.global {
  background: rgba(0, 0, 0, 0.5) !important;
}

.siteforceLoadingBalls {
  visibility: hidden;
}

.siteforceLoadingBalls:after {
  visibility: visible;
  background: url(./../images/loader.gif) center/cover;
  width: 75px;
  height: 75px;
  content: "";
  filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(6938%) hue-rotate(246deg) brightness(98%) contrast(106%);
  display: block;
}

.siteforceSpinnerManager .mask {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 1 !important;
  margin-left: 0 !important;
  backdrop-filter: blur(5px);
  position: fixed !important;
}

.forceCommunityThemeLogo .logoImage {
  width: 102px !important;
  height: 44px !important;
}

.uploaded-file-list {
  margin-top: 0.5rem;
}

.uploaded-file-row {
  align-items: center;
  padding: 0.5rem !important;
  border-radius: 6px !important;
  background: #F7F7FA;
}

.delete-file-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

.cbex-data-table .slds-has-focus .slds-th__action {
  box-shadow: none !important;
  background: transparent !important;
}
.cbex-data-table .slds-button.slds-button_icon {
  color: var(--Xenial-Blue);
}
.cbex-data-table .slds-table {
  border-bottom: 0.063rem solid var(--table-header-border) !important;
}
.cbex-data-table .slds-table thead th {
  background: var(--table-header-background);
}
.cbex-data-table .slds-table_header-fixed_container {
  padding: 0;
  background-color: transparent !important;
}
.cbex-data-table .slds-resizable__divider {
  display: none;
}
.cbex-data-table .slds-th__action {
  background: var(--table-header-background);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-14);
  color: var(--text-primary);
  padding: 1rem 0.875rem !important;
  height: auto;
}
.cbex-data-table .slds-cell-fixed {
  position: relative;
}
.cbex-data-table .slds-is-resizable.slds-cell-fixed {
  position: relative;
}
.cbex-data-table .slds-is-resizable .slds-cell-fixed {
  position: relative;
}
.cbex-data-table .slds-is-resizable .slds-cell-fixed .slds-button {
  padding: 0;
}
.cbex-data-table .slds-table th:focus, .cbex-data-table .slds-table th.slds-has-focus, .cbex-data-table .slds-table [role=gridcell]:focus, .cbex-data-table .slds-table [role=gridcell].slds-has-focus {
  box-shadow: none;
}
.cbex-data-table .slds-th__action:focus, .cbex-data-table .slds-th__action:hover {
  background-color: transparent;
}
.cbex-data-table tbody th,
.cbex-data-table tbody td {
  border-top: 0.063rem solid var(--table-header-border) !important;
  padding: 1rem 0.875rem !important;
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  font-size: var(--font-size-14);
}
.cbex-data-table tbody th .slds-button,
.cbex-data-table tbody td .slds-button {
  text-align: left !important;
}
.cbex-data-table .slds-table_header-fixed_container:before {
  border-bottom: none !important;
}
.cbex-data-table .slds-table_header-fixed_container .slds-scrollable_y:before {
  content: "";
  border-bottom: none !important;
}
@media screen and (max-width: 767px) {
  .cbex-data-table .slds-scrollable_y {
    width: 100% !important;
  }
  .cbex-data-table .slds-scrollable_y .slds-table {
    width: 100% !important;
  }
}

.slds-table tbody tr.slds-is-selected > td, .slds-table tbody tr.slds-is-selected > th, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th,
.slds-table:not(.slds-no-row-hover) tbody tr:focus > td, .slds-table:not(.slds-no-row-hover) tbody tr:focus > th, .slds-table:not(.slds-no-row-hover) tbody tr:hover > td, .slds-table:not(.slds-no-row-hover) tbody tr:hover > th {
  background-color: var(--table-cell-background) !important;
  box-shadow: none !important;
}

.cbex-modal-data-table .slds-table thead th {
  background: var(--table-header-background);
}
.cbex-modal-data-table .slds-th__action .slds-truncate {
  white-space: break-spaces;
}

.cbex-datatable-actions {
  display: flex;
  align-items: center;
}

.cbex-table-loader th {
  background: var(--table-header-background);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-14);
  color: var(--text-primary);
  padding: 1rem 0.875rem !important;
  height: auto;
}
.cbex-table-loader td {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-14);
  color: var(--text-primary);
  padding: 1rem 0.875rem !important;
  height: auto;
}

.cbex-loading {
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: #E2EDFC;
}
.cbex-loading:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading 1s infinite;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.cbex-skeleton-loader_size-36 {
  height: 36px !important;
}
.cbex-skeleton-loader_size-21 {
  height: 21px !important;
}
.cbex-skeleton-loader_block {
  width: 10.438rem;
  height: 1.375rem;
}
.cbex-skeleton-loader-card {
  background-color: var(--white);
  box-shadow: var(--box-shadow-2);
}
.cbex-skeleton-heading {
  height: 4.063rem;
  width: 100%;
}
.cbex-skeleton-badges {
  height: 1.063rem;
  width: 20%;
}
.cbex-skeleton-description {
  height: 0.625rem;
  width: 100%;
}
.cbex-skeleton-buttons {
  height: 1.75rem;
  width: 45%;
  border-radius: 0.25rem;
}
.cbex-skeleton-buttons-full-width {
  height: 1.75rem;
  width: 100%;
  border-radius: 0.25rem;
}
.cbex-skeleton-profile {
  height: 1rem;
  width: 1rem;
  border-radius: 2.5rem;
}
.cbex-skeleton-smaller_description {
  height: 0.625rem;
  width: 20%;
}
.cbex-skeleton-larger_description {
  height: 0.625rem;
  width: 25%;
}
.cbex-skeleton-chart-card {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.cbex-skeleton-loader_block_full-width {
  width: 15rem;
}
.cbex-skeleton-loader_block_full-width .cbex-skeleton-loader_block {
  width: 100%;
}
.cbex-skeleton-loader_block_100 {
  width: 100%;
}

.cbex-custom-table table {
  border-bottom: 0.063rem solid var(--table-header-border) !important;
}
.cbex-custom-table table thead tr th {
  background: var(--table-header-background);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-14);
  color: var(--text-primary);
  padding: 1rem 0.875rem !important;
  height: auto;
}
.cbex-custom-table table tbody tr td {
  border-top: 0.063rem solid var(--table-header-border) !important;
  padding: 1rem 0.875rem !important;
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  font-size: var(--font-size-14);
}

.cbex-invoices-table .slds-table lightning-primitive-header-actions, .cbex-invoices-table .slds-table lightning-primitive-resize-handler {
  display: none;
}
.cbex-invoices-table .slds-table tbody tr th .slds-truncate, .cbex-invoices-table .slds-table tbody tr td .slds-truncate {
  white-space: break-spaces;
  word-wrap: break-word;
}

.cbex-data-table-scroll .dt-outer-container {
  width: 120rem;
}
.cbex-data-table-scroll.cbex-modal-data-table .slds-th__action .slds-truncate {
  white-space: nowrap;
}

.cbex-data-table-font.cbex-data-table .slds-th__action {
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  .cbex-data-table-font.cbex-data-table .slds-th__action {
    font-size: 14px;
  }
}
.cbex-data-table-font.cbex-invoices-table .slds-table tbody tr th .slds-truncate, .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr td .slds-truncate {
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr th .slds-truncate, .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr td .slds-truncate {
    font-size: 14px;
  }
}
.cbex-data-table-font.cbex-invoices-table .slds-table tbody tr th .slds-truncate .slds-button, .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr td .slds-truncate .slds-button {
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr th .slds-truncate .slds-button, .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr td .slds-truncate .slds-button {
    font-size: 14px;
  }
}
.cbex-data-table-font.cbex-invoices-table .slds-table tbody tr th .slds-truncate .slds-button, .cbex-data-table-font.cbex-invoices-table .slds-table tbody tr td .slds-truncate .slds-button {
  line-height: 1.5;
}
.cbex-data-table-font [data-label=Actions] .slds-button:hover::after {
  display: none !important;
}

.cbex-data-table-font-12.cbex-data-table .slds-th__action {
  font-size: 12px;
}
.cbex-data-table-font-12.cbex-invoices-table .slds-table tbody tr th .slds-truncate, .cbex-data-table-font-12.cbex-invoices-table .slds-table tbody tr td .slds-truncate {
  font-size: 12px;
}
.cbex-data-table-font-12.cbex-invoices-table .slds-table tbody tr th .slds-truncate .slds-button, .cbex-data-table-font-12.cbex-invoices-table .slds-table tbody tr td .slds-truncate .slds-button {
  font-size: 12px;
}

.cbex-datatable-overflow-none .slds-table_header-fixed_container.slds-scrollable_x {
  overflow: unset;
}
.cbex-datatable-overflow-none .slds-table_header-fixed_container.slds-scrollable_x .slds-scrollable_y, .cbex-datatable-overflow-none .slds-table_header-fixed_container.slds-scrollable_x .slds-scrollable--y {
  overflow: unset;
  overflow-y: unset;
}

.cbex-add-invoice-modal .slds-table_header-fixed thead th, .cbex-add-invoice-modal .slds-table--header-fixed thead th, .cbex-related-stores-table .slds-table_header-fixed thead th, .cbex-related-stores-table .slds-table--header-fixed thead th {
  position: sticky;
  top: 0;
  z-index: 4;
}
.cbex-add-invoice-modal .slds-modal__content .cbex-modal__table-container, .cbex-related-stores-table .slds-modal__content .cbex-modal__table-container {
  height: 500px;
  overflow: auto;
}

@media screen and (max-width: 768px) {
  .slds-max-medium-table_stacked td {
    overflow: visible !important;
  }
  .slds-max-medium-table_stacked table tbody td .slds-align_absolute-center {
    justify-content: normal !important;
    align-items: normal !important;
  }
}
.slds-button {
  font-size: var(--font-size-14);
}
.slds-button_neutral, .slds-button_brand, .slds-button_base {
  padding: 3px 1rem !important;
}
.slds-button_outline-brand {
  padding: 3px 1rem !important;
  border-color: var(--button-border);
  font-size: var(--font-size-14);
}

.cbex-banner-button .slds-button_neutral {
  background: transparent;
  color: var(--white);
  border-color: var(--white);
}
.cbex-banner-button .slds-button_neutral:hover, .cbex-banner-button .slds-button_neutral:focus, .cbex-banner-button .slds-button_neutral:active {
  background: transparent;
  color: var(--white);
  border-color: var(--white);
}
.cbex-banner-button .slds-button_brand {
  background: var(--white);
  color: var(--Xenial-Blue);
}

.cancel-button .slds-button {
  color: var(--text-primary);
}

.cbex-button-neutral-gray .slds-button {
  border-color: #DEE1E3;
}

.cbex-invoices-details-button-size-13 .slds-button {
  padding: 3px 0.5rem !important;
  font-size: var(--font-size-14);
  font-size: 13px;
}

.slds-button:active {
  border: none !important;
  box-shadow: none !important;
}

[kx-scope=button][kx-type=underline]:active {
  transform: none !important;
}

.slds-button:focus {
  box-shadow: none !important;
}

.cbex-button-outline-blue .slds-button.slds-button_outline-brand {
  border-color: var(--Xenial-Blue);
}
.cbex-button-outline-blue .slds-button.slds-button_outline-brand:active, .cbex-button-outline-blue .slds-button.slds-button_outline-brand :focus, .cbex-button-outline-blue .slds-button.slds-button_outline-brand:hover {
  border: 1px solid var(--Xenial-Blue) !important;
}

.slds-input {
  padding: 2px 1rem;
}

.slds-input[type=search] {
  padding: 2px 2rem;
}

.slds-input.slds-is-disabled, .slds-input[disabled] {
  background: var(--input-diabled);
}

.slds-form-element__label {
  font-size: var(--font-size-14);
}

.slds-combobox__input {
  padding: 2px 0.75rem !important;
}

.cbex-radio-group-advance .slds-form-element__control {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  row-gap: 1.5rem;
}
.cbex-radio-group-advance .slds-form-element__label {
  font-weight: var(--font-weight-regular);
  margin-bottom: 1rem;
}
.cbex-radio-group-advance .slds-radio [type=radio] + .slds-radio__label {
  border: var(--border-width-thin) solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.cbex-radio-group-advance .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux {
  display: none;
}
.cbex-radio-group-advance .slds-radio [type=radio] + .slds-radio__label .slds-form-element__label {
  padding: 0 !important;
}
.cbex-radio-group-advance .slds-radio [type=radio]:checked + .slds-radio__label {
  border: var(--border-width-thin) solid var(--Xenial-Blue);
  background: var(--Xenial-Blue);
}
.cbex-radio-group-advance .slds-radio [type=radio]:checked + .slds-radio__label .slds-form-element__label {
  color: var(--white);
}
.cbex-radio-group-advance .slds-radio [type=radio]:focus + .slds-radio__label {
  border: var(--border-width-thin) solid var(--Xenial-Blue);
  background: var(--Xenial-Blue);
  color: var(--white);
}
.cbex-radio-group-advance .slds-radio [type=radio]:focus + .slds-radio__label .slds-form-element__label {
  color: var(--white);
}
.cbex-radio-group-advance.slds-has-error .slds-radio [type=radio] + .slds-radio__label {
  border: var(--border-width-thin) solid var(--error-main);
}
.cbex-radio-group-advance.slds-has-error .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux {
  border-width: 1px;
}

.cbex-tabs .slds-tabs_default__nav {
  border-bottom-color: var(--tab-border);
}
.cbex-tabs .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link {
  color: var(--tab-link);
  font-size: var(--font-size-16);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .cbex-tabs .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link {
    font-size: var(--font-size-14);
  }
}
.cbex-tabs .slds-tabs_default__content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.cbex-paginations .cbex-button svg {
  margin: 0;
}

.cbex-search {
  position: relative;
}
.cbex-search-list {
  position: absolute;
  border: 1px solid var(--tab-border);
  width: 100%;
  padding: 0.75rem 0.75rem 0;
  background: white;
  border-radius: 4px;
  top: 41px;
  z-index: 9;
  max-height: 340px;
  overflow: auto;
}
.cbex-search-list-result {
  margin-bottom: 1rem;
}
.cbex-search-list-result-details {
  width: calc(100% - 100px);
}

.cbex-search-input {
  position: relative;
}

.cbex-search-result {
  padding: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
  border: 1px solid #DEE1E3;
  position: absolute;
  z-index: 9;
  background: var(--white);
  width: 100%;
}
.cbex-search-result-item {
  padding: 0.75rem;
  font-size: var(--font-size-14);
  display: block;
  color: var(--text-primary);
}
.cbex-search-result-item:hover {
  text-decoration: none !important;
}

.cbex-modal .slds-modal__header, .cbex-modal .slds-modal__footer {
  border: none;
}
.cbex-modal .slds-modal__container {
  max-width: 50rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cbex-modal .slds-modal__container {
    width: auto;
  }
}

footer .cbex-footer-main {
  background: #E8EBED;
}
footer .cbex-footer-main .cbex-footer {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  footer .cbex-footer-main .cbex-footer {
    align-items: flex-start;
  }
}
footer .cbex-footer-main .cbex-footer-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  footer .cbex-footer-main .cbex-footer-left {
    flex-direction: column;
    align-items: flex-start;
  }
}

header {
  background: var(--white);
}
header .cbex-header-icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  header .cbex-header {
    padding: 1rem 0;
  }
  header .cbex-header-icon {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  header .cbex-header-logo img {
    width: 75%;
  }
}
header .cbex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .cbex-header_left {
  display: flex;
  align-items: center;
}
header .cbex-header .cbex-menu {
  margin-left: 5rem;
}
@media screen and (max-width: 1024px) {
  header .cbex-header .cbex-menu {
    margin-left: 0;
    display: none;
  }
  header .cbex-header .cbex-menu.cbex-menu-show {
    display: block;
  }
}
header .cbex-header .cbex-menu li {
  padding: 0 0 0 2rem;
}
header .cbex-header .cbex-menu li:first-child {
  padding: 0;
}
header .cbex-header .cbex-menu li .nav-link .slds-button {
  color: var(--text-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  padding: 1.25rem 0;
  --slds-kx-button-underline-translate-y: 0 !important;
}
header .cbex-header .cbex-menu li .nav-link .slds-button:hover, header .cbex-header .cbex-menu li .nav-link .slds-button:focus {
  color: var(--Xenial-Blue);
  box-shadow: none !important;
}
header .cbex-header .cbex-menu li .nav-link .slds-button:hover::after, header .cbex-header .cbex-menu li .nav-link .slds-button:focus::after {
  background: var(--Xenial-Blue) !important;
  bottom: 0 !important;
  left: 0;
}
header .cbex-header .cbex-menu li .nav-link .slds-button::after {
  bottom: 0 !important;
  height: 3px;
  border-radius: 4px;
}
header .cbex-header .cbex-menu li .nav-link.active .slds-button {
  color: var(--Xenial-Blue);
  font-weight: var(--font-weight-bold);
}
header .cbex-header .cbex-menu li .nav-link.active .slds-button::after {
  content: "";
  background: var(--Xenial-Blue);
  height: 3px !important;
  width: 100%;
  transform: unset;
  bottom: 0% !important;
  left: 0;
}
header .cbex-header-right {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
header .cbex-header-right .cbex-profile {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
header .cbex-header-right .cbex-profile-text {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media screen and (max-width: 1024px) {
  header .cbex-header-right .cbex-profile-text .cbex-profile-name {
    display: none;
  }
}
header .cbex-header-right .cbex-profile-image img {
  border-radius: 50%;
  width: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
header .cbex-header-right .cbex-profile-menu svg {
  color: #333;
}

.notification-wrapper {
  position: relative;
}
.notification-card {
  position: absolute;
  z-index: 9;
  background: var(--white);
  right: 0;
  top: 40px;
  width: 432px;
  border: 1px solid rgb(203, 203, 203);
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.notification-header {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  border-bottom: 1px solid var(--tab-border);
}
.notification-header-title h1 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: 125%;
}
.notification-body-list a {
  display: flex;
  gap: 1rem;
  padding: 0.75rem;
  align-items: flex-start;
  color: var(--black) !important;
  text-decoration: none !important;
}
.notification-body-detail-title h2 {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-regular);
  margin-bottom: 4px;
  line-height: 125%;
}
.notification-body-detail-title p {
  font-size: var(--font-size-16);
  line-height: 125%;
  margin-bottom: 4px;
}
.notification-body-detail-footer {
  margin-top: 0.75rem;
  color: rgba(0, 0, 0, 0.75);
  font-size: var(--font-size-12);
}

.cbex-banner {
  background: #1B1EC6;
  padding: 2.25rem 0 1.5rem 0;
  color: var(--white);
  min-height: 154px;
}
.cbex-banner-name {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-light);
  line-height: 100%;
  padding-bottom: 1rem;
}
@media screen and (max-width: 991px) {
  .cbex-banner-name {
    font-size: var(--font-size-14);
  }
}
.cbex-banner h1 {
  font-size: var(--font-size-46);
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .cbex-banner h1 {
    font-size: var(--font-size-24);
  }
}
.cbex-banner-button {
  align-self: end;
}
@media screen and (max-width: 991px) {
  .cbex-banner-button {
    align-self: auto;
  }
  .cbex-banner-button .slds-button {
    width: 100%;
  }
}
.cbex-banner.cbex-details-banner {
  padding: 0.75rem 0;
}
.cbex-banner.cbex-details-banner .cbex-banner-content {
  padding: 2rem 0;
}
@media screen and (max-width: 991px) {
  .cbex-banner.cbex-details-banner .cbex-banner-content {
    padding: 2rem 0 0.75rem;
  }
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity {
  display: flex;
  gap: 0.75rem;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-icon .slds-icon-action-new-account {
  background-color: var(--white) !important;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-icon .slds-icon-action-new-account .slds-icon {
  fill: var(--Xenial-Blue);
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-icon .slds-icon-standard-store {
  background: var(--white);
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-icon .slds-icon-standard-store .slds-icon {
  fill: var(--Xenial-Blue);
  width: 48px;
  height: 48px;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-content {
  display: flex;
  gap: 0.75rem;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-content .cbex-billing-entity-content-heading h1 {
  font-size: var(--font-size-20);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity .cbex-billing-entity-content .cbex-billing-entity-content-heading p {
  font-size: var(--font-size-14);
}
.cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity-actions {
  align-self: flex-start;
  justify-content: end;
}
@media screen and (max-width: 991px) {
  .cbex-banner.cbex-details-banner .cbex-banner-content .cbex-billing-entity-actions {
    align-self: auto;
    justify-content: unset;
  }
}

.cbex-breadcrumbs a {
  color: var(--white) !important;
}

@media screen and (max-width: 991px) {
  .cbex-flex-col {
    flex-direction: column;
  }
}
.cbex-ticket-header {
  margin-top: -5rem;
  margin-bottom: 1.5rem;
}
.cbex-ticket-header .slds-icon-custom-custom45 {
  background: #920A99 !important;
}
.cbex-ticket-details {
  display: grid;
  gap: 1rem;
}
.cbex-ticket-heading .cbex-label {
  line-height: 125%;
}
.cbex-ticket-heading .cbex-value {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-bold);
  line-height: 125%;
}

.cbex-banner-create-ticket {
  min-height: 285px;
}

.inner-container {
  max-width: 51rem;
  margin: 0 auto;
}

.cbex-container-negetive {
  margin-top: -5rem;
}
@media screen and (max-width: 767px) {
  .cbex-container-negetive {
    padding: 1rem;
  }
}

.cbex-pill .slds-pill {
  border-radius: 25px;
  box-shadow: none;
  padding: 0 0 0 0.5rem;
  border: 1px solid var(--outline-interactive, #C8CCD0);
}
.cbex-pill .slds-pill .slds-pill__remove svg {
  fill: var(--Xenial-Blue);
  height: 1.5rem;
}

.succes-icon {
  width: 4rem;
  height: 4rem;
  background: #E9FBF2;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.succes-icon svg {
  height: 25px;
  fill: #0A9954;
}
.succes-icon.failed-icon {
  background: #FFE5E8;
}
.succes-icon.failed-icon svg {
  fill: #CE0018;
}

.cbex-success-block {
  padding-top: 44px;
  padding-bottom: 44px;
}

.cbex-modal-search-box {
  background: var(--table-header-background);
}
.cbex-modal-search-box .search-input {
  margin-bottom: 0 !important;
}

.cbex-heading-combobox {
  width: -moz-max-content;
  width: max-content;
  padding: 0 0 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .cbex-heading-combobox {
    width: auto;
  }
}
.cbex-heading-combobox .slds-listbox {
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .cbex-heading-combobox .slds-listbox {
    width: auto;
  }
}
.cbex-heading-combobox .slds-combobox__input {
  background: transparent;
  border: none;
  color: var(--white) !important;
  font-size: var(--font-size-46);
  padding: 0 3rem 0 0 !important;
  max-width: 650px;
}
@media screen and (max-width: 767px) {
  .cbex-heading-combobox .slds-combobox__input {
    font-size: var(--font-size-24);
  }
}
.cbex-heading-combobox .slds-combobox__input:focus {
  box-shadow: none !important;
}
.cbex-heading-combobox .slds-combobox__form-element {
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .cbex-heading-combobox .slds-combobox__form-element {
    width: auto;
  }
}
.cbex-heading-combobox .slds-input__icon {
  position: relative;
}
.cbex-heading-combobox .slds-input__icon::after {
  content: url(./../images/down-arrow.svg);
  position: absolute;
  bottom: 4px;
}
@media screen and (max-width: 767px) {
  .cbex-heading-combobox .slds-input__icon::after {
    content: url(./../images/down-arrow-mobile.svg);
  }
}
.cbex-heading-combobox .slds-input__icon span {
  display: none;
}

@media screen and (max-width: 767px) {
  .cbex-invoices-details-button {
    flex-direction: column;
  }
  .cbex-invoices-details-button .slds-button {
    width: 100%;
  }
}
.cbex-relationship-doc-links lightning-icon svg {
  fill: var(--Xenial-Blue);
}

.cbex-billing-entity-banner {
  min-height: 270px;
}

.cbex-billing-entity-actions {
  gap: 0.75rem;
  display: flex;
}

.cbex-billing-entity-cards {
  margin-top: -5rem;
  padding: 1rem 0 2rem;
}
.cbex-billing-entity-cards .cbex-billing-entity-card {
  padding: 1rem;
  background: var(--white);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 4px;
  min-height: 111px;
}
.cbex-billing-entity-cards .cbex-billing-entity-card .cbex-billing-entity-card-content {
  display: flex;
  gap: 0.75rem;
}
.cbex-billing-entity-cards .cbex-billing-entity-card .cbex-billing-entity-card-actions {
  display: flex;
  justify-content: end;
}

.cbex-billing-entity-card-icon .slds-icon-custom-90, .cbex-billing-entity-card-icon .slds-icon-custom-custom90 {
  background: #1CABFF;
}
.cbex-billing-entity-card-icon .slds-icon-custom-custom45 {
  background: #FDA052;
}
.cbex-billing-entity-card-icon .slds-icon-custom-custom17 {
  background: #87179D;
}

@media screen and (max-width: 1024px) {
  .cbex-billing-entity-cards {
    margin-top: -3rem;
  }
}
@media screen and (max-width: 991px) {
  .cbex-banner-content {
    flex-direction: column;
    gap: 1.5rem;
  }
  .cbex-billing-entity-actions {
    flex-direction: column;
  }
  .cbex-billing-entity-cards {
    margin-top: 0;
  }
}
.cbex_alert {
  background: #F4364C;
}
.cbex_alert .slds-notify_container {
  z-index: 1;
}
.cbex_alert .slds-theme_error, .cbex_alert .slds-theme--error {
  gap: 1rem;
  align-items: baseline;
  background: transparent !important;
}
@media screen and (max-width: 767px) {
  .cbex_alert .slds-theme_error, .cbex_alert .slds-theme--error {
    min-width: auto !important;
  }
}
.cbex_alert .slds-theme_error .slds-icon-utility-error svg, .cbex_alert .slds-theme--error .slds-icon-utility-error svg {
  fill: var(--white);
}
.cbex_alert .slds-theme_error .slds-notify__close, .cbex_alert .slds-theme--error .slds-notify__close {
  position: unset;
}
@media screen and (max-width: 1024px) {
  .cbex_alert .slds-theme_error .slds-notify__close, .cbex_alert .slds-theme--error .slds-notify__close {
    position: relative;
  }
}
.cbex_alert .slds-theme_error .slds-notify__close svg, .cbex_alert .slds-theme--error .slds-notify__close svg {
  fill: var(--white);
}
.cbex_alert .slds-notify__content .slds-text-heading_small {
  font-size: var(--font-size-14);
}
.cbex_alert .cbex-alert-make-payment .slds-button {
  color: var(--white);
  text-decoration: underline;
}
.cbex_alert .cbex-alert-make-payment .slds-button:focus {
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .cbex-invoice-table-button {
    flex-direction: column;
  }
  .cbex-invoice-table-button .slds-button {
    width: 100%;
  }
}
.account-table-skeleton-loader .cbex-skeleton-loader_block {
  width: 4rem;
}

.cbex-billing-entity-content-heading-title {
  max-width: 500px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1210px) {
  .cbex-billing-entity-content-heading-title {
    max-width: 350px;
  }
}
@media screen and (max-width: 1024px) {
  .cbex-billing-entity-content-heading-title {
    width: 100%;
    overflow: auto;
    text-overflow: unset;
    white-space: unset;
  }
}

.cbex-card-table-container {
  max-height: 500px;
  overflow: auto;
}

.cbex-banner-info-main {
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .cbex-banner-info-main {
    gap: 1.5rem;
    flex-direction: column;
  }
}

.cbex-button-group-list .slds-button_neutral.slds-is-selected {
  background: var(--Xenial-Blue);
  color: var(--white);
  border-color: var(--Xenial-Blue);
  transform: none !important;
}

.cbex-payment-radio .slds-form-element__control {
  display: flex;
}
.cbex-payment-radio .slds-form-element__label {
  color: var(--text-primary);
  font-size: 16px;
}

.slds-checkbox_toggle .slds-checkbox_on, .slds-checkbox_toggle .slds-checkbox_off {
  display: none !important;
}

.cbex-unapplied-payment {
  gap: 1rem;
}
.cbex-unapplied-payment + .cbex-unapplied-payment {
  margin-top: 1rem;
}

.cbex-card-detaila-container {
  max-width: 628px;
}
.cbex-card-detaila-container iframe {
  width: 100%;
}
.cbex-card-detaila-container iframe .card-number {
  padding: 0.5rem;
  border: 1px solid var(--outline, #DEE1E3);
  border-radius: 4px;
}

.cbex-payment-banner {
  min-height: 240px;
}

.cbex-payment-cards {
  width: 75%;
  margin: -3rem auto 0;
}
@media screen and (max-width: 767px) {
  .cbex-payment-cards {
    width: 100%;
  }
}
.cbex-payment-cards .cbex-payment-stepper {
  padding: 2rem 1rem 3rem !important;
}
.cbex-payment-cards .cbex-payment-stepper .slds-progress__item_content {
  position: absolute;
  top: 15px;
  min-width: 110px;
  font-size: var(--font-size-14);
  font-weight: 500;
}
.cbex-payment-cards .cbex-payment-stepper .slds-progress__item.slds-is-completed .slds-progress__marker {
  background: #0A9954;
  border: none;
}
.cbex-payment-cards .cbex-payment-stepper .slds-progress__item.slds-is-completed .slds-progress__marker svg {
  fill: var(--white);
  width: 10px;
}

.cbex-payment-cards-success {
  width: 55%;
  margin-bottom: 6rem;
}

.cbex-condition-checkbox .slds-form-element__label {
  color: var(--text-primary) !important;
}

.cbex-view-more .slds-button {
  line-height: 0;
  font-size: 13px;
}

.cbex-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.cbex-enabled {
  pointer-events: auto;
  opacity: 1;
}

.cbex-payment-warning-text {
  padding: 0rem 15% 1rem;
}

.cbex-unapplied-payments-card {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .cbex-unapplied-payments-card {
    flex-direction: column;
    row-gap: 0.5rem;
  }
}

.cbex-home-card {
  border: 1px solid #DEE1E3 !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922) !important;
  min-height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cbex-home-card .cbex-card-header {
  gap: 1rem;
}
.cbex-home-card .cbex-card-body .slds-button {
  font-size: 12px;
  padding: 3px 12px !important;
}

.home-banner .container {
  padding-right: 0 !important;
}
@media screen and (max-width: 991px) {
  .home-banner .container {
    padding: 0 !important;
  }
}
.home-banner-content {
  padding-top: 62px;
}
@media screen and (max-width: 991px) {
  .home-banner-content {
    padding-top: 2rem;
    margin-bottom: 1rem !important;
  }
  .home-banner-content p, .home-banner-content h1 {
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .home-banner-content-left {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 991px) {
  .home-banner-content-right {
    background: #FFD400;
    height: 100px;
  }
}
.home-banner-image {
  padding-top: 1rem;
}
@media screen and (max-width: 991px) {
  .home-banner-image {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .home-banner-card {
    text-align: center;
  }
  .home-banner-card-content {
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .home-banner-card-header {
    flex-direction: column;
  }
}
.home-banner-card-header {
  gap: 1rem;
}
.home-banner-card-header-icon {
  background: #87179D;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-banner-card-header-icon svg {
  width: 13px;
  fill: var(--white);
}
.home-banner-card-header-icon-yellow {
  background: #FFCC00;
}
.home-banner-card-header-icon-yellow svg {
  fill: var(--text-primary);
}
.home-banner-card-header-icon-blue {
  background: #1CABFF;
}
.home-banner-card-header-content {
  width: 100px;
}
@media screen and (max-width: 991px) {
  .home-banner-card-header-content {
    width: 100%;
  }
}
.home-banner-card-header-content-last {
  width: 68%;
}

.chart-card {
  padding: 3rem 0;
}

.cbex-home-quick-pay-card {
  margin-top: -6rem;
}
@media screen and (max-width: 991px) {
  .cbex-home-quick-pay-card {
    margin-top: -8rem;
  }
}

.cbex-home-quick-pay-card-body-list + .cbex-home-quick-pay-card-body-list {
  border-top: 1px solid #E8EBED;
}
.cbex-home-quick-pay-card-body-list-action .slds-button {
  width: 100%;
}

.cbex-recent-transaction-card-combobox {
  min-width: 250px !important;
}

.cbex-view-all-record .slds-button {
  margin-top: 1.25rem;
}

.home-quick-links {
  margin-top: 4.25rem;
}
@media screen and (max-width: 991px) {
  .home-quick-links {
    margin-top: 2.25rem;
  }
}
.home-quick-links .slds-icon-action-share-link {
  background-color: var(--Xenial-Blue);
}
.home-quick-links-body-content + .home-quick-links-body-content {
  margin-top: 1.25rem;
}

.home-table-skeleton-loader .cbex-skeleton-loader_block {
  width: 7.438rem;
}

@media screen and (max-width: 991px) {
  .chart-card-content {
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .chart-card-content-header {
    text-align: center;
  }
}
.chart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  flex-direction: column;
}

.doughnut-chart, .transaction-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(#ccc 0deg, #ccc 360deg);
  position: relative;
  transition: background 0.6s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px; /* adjust hole size */
  height: 160px;
  background: var(--lwc-colorBackgroundAlt, #fff);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.center-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}

/* Legend styling */
.legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.5rem 1rem;
  font-size: 0.9rem;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.legend-item .label {
  color: #444;
}
.legend-item .value {
  font-weight: 600;
  color: #111;
}
.legend-item .color-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

/* Tooltip hover zones (transparent) */
.slice-zone {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  transform-origin: left center;
  background: transparent;
  cursor: pointer;
}

.salesforceIdentityLoginBody2 {
  background: var(--Xenial-Blue) !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel {
  min-width: 400px !important;
  max-width: 400px !important;
}
@media screen and (max-width: 420px) {
  .salesforceIdentityLoginBody2 .cCenterPanel {
    min-width: 325px !important;
    max-width: 400px !important;
  }
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 {
  background: var(--white);
  padding: 4rem 2rem;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.0392156863);
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .inputContainer {
  display: flex;
  align-items: center;
  border: 1px solid var(--button-border);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 8px;
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .uiInput {
  width: 100% !important;
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .uiInput input {
  width: 95% !important;
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .uiInput input:focus {
  box-shadow: none !important;
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .uiButton {
  border-radius: 4px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.salesforceIdentityLoginBody2 .salesforceIdentityLoginForm2 .inverseTextColor {
  color: var(--Xenial-Blue) !important;
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
  border-top: 1px solid #DEE1E3;
}
.salesforceIdentityLoginBody2 .communityLogoContainer.salesforceIdentityCommunityLogo2 {
  margin-bottom: 2rem;
}

.cbex-logout-container .cbex-logout-logo {
  text-align: center;
}
.cbex-logout-container .cbex-logout-logo img {
  width: 30%;
}
.cbex-logout-container .cbex-logout-icon {
  background: #1CABFF;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}
.cbex-logout-container .cbex-logout-icon svg {
  fill: var(--white);
}

.login-card {
  padding: 1rem 2rem !important;
}

.login-support-card {
  background: var(--white);
  padding: 1rem 2rem;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.0392156863);
}/*# sourceMappingURL=main.css.map */