.host {
  font-family: Montserrat;
  font-style: normal;
}

.inactive-badge {
  display: flex;
  height: 1.625rem;
  width: 100px;
  padding: 0.375rem 1rem;
  justify-content: center;
  align-items: center;
  color: var(--Deep-Gray, #999B9D);
  border-radius: 6.25rem;
  background: var(--Light-Gray, #dcdfdf);
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.825rem */
}

.active-badge {
  display: flex;
  height: 1.625rem;
  width: 100px;
  padding: 0.375rem 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  background: var(--Light-Green, #BBE3E3);
  color: var(--Green, #22A57C);
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.825rem */
}

.pending-badge {
  display: flex;
  height: 1.625rem;
  width: 100px;
  padding: 0.375rem 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  background: var(--Light-Orange, #FFEED4);
  color: var(--Orange, #FFAB26);
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.825rem */
}

/* invite-form styling  */
.style-label {
  color: var(--Blue-Deep-Blue, #4C6E9E);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.75rem */
}

.required {
  color: crimson;
}

.input-error {
  --slds-c-input-color-border: #EA001E;
  --slds-c-input-shadow: #EA001E 0 0 0 1px inset;
}

.input-error:hover {
  --slds-c-input-color-border: #EA001E;
}

.input-errormsg {
  color: #EA001E;
  font-size: 12px;
}

.style-Confirm-button {
  display: flex;
  width: 16.625rem;
  height: 2.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Blue-Light-Blue, #F4F8FD) !important;
  color: var(--Blue-Deep-Blue, #4C6E9E)!important;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 120%;
}

.style-cancel-button {
  display: flex;
  width: 16.625rem;
  height: 2.25rem;
  padding: 0.625rem 6.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  color: var(--Blue-Deep-Blue, #4C6E9E)!important;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.9rem */
  border: 1px solid var(--Blue-Deep-Blue, #4C6E9E)!important;
}

/* People-page styling  */
.my-icon {
  --slds-c-icon-color-foreground-default: #7AB2FF;
  --slds-c-icon-color-background: white;
}

.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #4C6E9E;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 12px;
  position: absolute;
  z-index: 1;
  color: var(--White, #FFF);
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 120%;
  /* 0.75rem */
  max-width: 8.125rem;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #4C6E9E transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* overlay  */
.firstIcon {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #F7F7F8;
}

.firstIcon:hover .overlay {
  opacity: 1;
}

.firstIcon .overlay::selection {
  opacity: 1;
}
.iconColor{
  --slds-g-color-neutral-base-50: #9DC1F2;
  --sds-c-button-text-color-hover: #014486   
  --slds-c-button-inverse-shadow-focus: #9DC1F2;
  --slds-c-button-shadow-focus :#014486;    
  border: none;
  --slds-c-icon-color-background: #f7f7f8;
}
.showText{
  right:0;
  color: var(--Gray-3, #8A8A8A);
  text-align: right;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 120%; /* 0.9rem */
}
.showTextPadding{
  
  right:0;
  color: var(--Gray-3, #8A8A8A);
  text-align: right;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 120%; /* 0.9rem */
}
.selectedPageIndex
{
    border-radius: 0.125rem;
    border: 1px solid var(--Pale-Blue, #9DC1F2);
}
.clearall
{
    display: flex;
    width: 3.5rem;
    height: 0.875rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 1%;
    color: var(--Blue-Deep-Blue, #4C6E9E);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 120%; /* 0.9rem */
    text-decoration-line: underline;
}
.slds-pill-curved {
  display: flex;
  padding: 0.3125rem 0.5rem ;
  align-items: center;
  gap: 0.375rem;
  border-radius: 6.25rem ;
  border: 1px solid var(--Blue-Deep-Blue, #4C6E9E) ;
  background: #FFF;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 1.5rem;
}
/* Style sheet add to remove the border of table column standard behaviour  */
.slds-has-focus {
  border: 0px solid;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 0px !important;
}

.notification-text-title {
  font-family: Montserrat;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.4px;
  color: #4C6E9E;
}

.notification-text {
  font-family: Montserrat;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  line-height: 13.2px;
  color: #3B4552
}