.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
  }