/*Common CSS */
@font-face {
    font-family: Karla;
    src: url("/selfexclusion/resource/CT_Assets/fonts/karla/Karla-Regular.ttf");
  }
  @font-face {
    font-family: KarlaBold;
    src: url("/selfexclusion/resource/CT_Assets/fonts/karla/Karla-Bold.ttf");
  }
  
  .hero, h1, h2, h3, h4, h5, h6, p {
    color: #2D2C2C;
  }
  
  [tabindex="0"]:focus {
    outline: 2px solid #2D2C2C;
  }
  
  .mouseClick:focus, .mouseClick *:focus{
    outline:none!important;
  }
  .mouseClick .cms-content:focus, .mouseClick .cms-content *:focus{
    outline:none!important;
  }
  
  ul li.slds-tabs_default__item .slds-tabs_default__link {
    line-height: 24px;
    }
  
  .hero,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Lato !important;
    font-weight: bold !important;
  }
  p.large,
  p.largeBold,
  p.small,
  .description,
  .legal {
    font-family: Karla !important;
  }
  .hero {
    font-size: 74px !important;
    font-weight: bold !important;
    line-height: 92px !important;
  }
  h1 {
    font-size: 61px !important;
    font-weight: bold !important;
    line-height: 76px !important;
  }
  h2 {
    font-size: 51px !important;
    font-weight: bold !important;
    line-height: 63px !important;
  }
  h3 {
    font-size: 43px !important;
    font-weight: bold !important;
    line-height: 49px !important;
  }
  h4 {
    font-size: 35px !important;
    font-weight: bold !important;
    line-height: 43px !important;
  }
  h5 {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 35px !important;
  }
  h6 {
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 28px !important;
  }
  p.large,
  .aLarge{
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: normal !important;
  }
  p.largeBold {
    font-size: 18px !important;
    line-height: 27px !important;
    font-family: KarlaBold !important;
  }
  p.small {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  p.smallBold {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: KarlaBold !important;
  }
  p.smaller {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: normal;
  }
  p.smallerBold {
    font-size: 14px !important;
    line-height: 21px !important;
    font-family: KarlaBold !important;
  }
  .description {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .legal {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  
  .brs-wrapper .large {
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: normal !important;
  }
  .brs-wrapper .largeBold {
    font-size: 18px !important;
    line-height: 27px !important;
    font-family: KarlaBold !important;
  }
  
  .brs-wrapper .small {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  
  .brs-wrapper .smallBold {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: KarlaBold !important;
  }
  
  .brs-wrapper .smaller {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: normal;
  }
  
  .brs-wrapper .smallerBold {
    font-size: 14px !important;
    line-height: 21px !important;
    font-family: KarlaBold !important;
  }
  
  a:focus {
    outline: 2px solid #2d2c2c;
  }
  .aLarge {
    text-decoration: underline;
    color: #00528D;
  }
  .mouseClick:focus, .mouseClick *:focus{
    outline:none!important;
  }
  .mouseClick .cms-content:focus, .mouseClick .cms-content *:focus{
    outline:none!important;
  }
  *:focus{
      outline:none;
  }
  .tabfocus:focus {
    outline: 2px solid #2D2C2C;
  }
  /* Padding CSS */
  .padding-2xl {
    padding: 40px;
  }
  
  .blue {
    color: #ecebeb;
  }
  .slds-box.right {
    border: 1px solid #ecebeb !important;
    border-radius: 4px !important;
    background-color: #f7f9fa !important;
    padding: 1.5rem !important;
  }
  p.large a, p.largeBold a {
    color: #09538b;
    font-family: Karla;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    text-decoration: underline;
  }
  .back-btn .slds-button:hover {
    color: #053756;
  }
  .back-btn .slds-button:focus {
    box-shadow: none;
  }
  .back-btn .slds-button:focus {
    outline: 2px solid #2d2c2c;
  }
  .secondary-btn.slds-button {
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    text-align: center;
    margin: auto;
    padding: 12px 40px;
    text-transform: uppercase;
    box-shadow: 0 6px 12px 0 #e7e9f2;
    border: 2px solid #09538b;
    border-radius: 4px;
  }
  .secondary-btn.slds-button:hover {
    color: #053756;
    border: 2px solid #053756;
    background-color: transparent;
  }
  .hline {
    opacity: 0.18;
    background-color: #d8d8d8;
  }
  .search-icon svg {
    fill: #09538b;
  }
  .tab .slds-tabs_default__item {
    font-family: Karla;
  }
  .keywords b {
    color: #3A3939;
  }
  
  /* CSS for payment screen start */
  
  .bt_stripeBT_genericModalPage.modal-component .content-header .left-part {
    vertical-align: top !important;
    width: 20px !important;
    }
  
  .bt_stripeBT_genericModalPage.modal-component .content-header .middle-part {
    width: calc(100% - 86px) !important;
  }
  
  .bt_stripeVirtualTerminal .slds-input {
    max-height: 32px !important;
    padding-left: 8px !important;
    line-height: 25px !important;
  }
  
  .bt_stripeVirtualTerminal h2 {
    font-size: 20px !important;
  }
  
  .bt_stripeVirtualTerminal li h5 {
    font-size: 16px !important;
    font-family: Lato !important;
    line-height: 18px !important;
    letter-spacing: normal !important;
  
  }
  .bt_stripeVirtualTerminal .slds-media__body span {
    font-size: 16px !important;
    line-height: 18px !important;
    letter-spacing: normal !important;
  }
  
  .bt_stripeVirtualTerminal li svg{
    width: 18px !important;
    height: 18px !important;
  }
  
  .bt_stripeVirtualTerminal .content {
    font-size: 13px !important;
    line-height: 18px !important;
  }
  
  .bt_stripeVirtualTerminal .slds-modal__content {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  
  @media only screen and (max-width: 1023px) {
  
  .bt_stripeVirtualTerminal .slds-modal__container {
   margin: 0px !important;
  }
  
  .bt_stripeVirtualTerminal .slds-modal {
   left: 0px !important;
   right: 0px !important;
   padding: 0px 20px !important;
   width: 100% !important;
   }
  
  }
  /* CSS for payment screen end */
  
  .sep-wrapper .personalPref_wrapper .formRow[c-brs_address_brs_address] {
    margin-bottom: 12px;
  }
  
  .sep-wrapper .personalPref_wrapper .form-row .slds-col {
    margin-bottom: 12px;
  }
  
  .sep-wrapper .personalPref_wrapper .no-address-checkbox[c-sepPersonalInfo_sepPersonalInfo] {
    margin-bottom: 12px;
  }
  
  .sep-wrapper .personalPref_wrapper .ct-bos-multi-container-all[c-genericMultiSelect_genericMultiSelect] 
  .slds-p-vertical_small[c-genericMultiSelect_genericMultiSelect] {
    padding-top: 4px;
  }
  
  /* styling for 1700 popup start*/
  
  .interim-popup-wrapper .slds-modal__header.hPadding {
    padding-top: 32px;
    padding-bottom: 8px;
  }
  
  /* styling for 1700 popup end*/
  
  .checklistActive .checklist,
  .businessActive .business {
    background-color: #09538B;
  }
  
  h3.headingClass {
    margin-bottom: 40px;
    color: #2D2C2C;
    letter-spacing: 0.31px;
  }
  
  
  /** slds-box **/
  .slds-box {
    border-radius: 4px 4px 0 0;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 #e7e9f2;
  }
  .slds-box.right {
    border: 1px solid #ecebeb;
    border-radius: 4px;
    background-color: #f7f9fa;
  }
  
  /* Error Message container css */
  .slds-nubbin_bottom-right:before {
    content: none !important;
  }
  .slds-popover__body {
    padding: 0 !important;
  }
  .slds-popover {
    border: 2px solid #db2426 !important;
    color: #db2426;
    letter-spacing: 0.01px;
    width: auto !important;
    font-size: 16px;
    font-family: KarlaBold;
    padding: 8px 16px;
  }
  .slds-nubbin_bottom-right:after {
    border: 2px solid #db2426;
    border-top: none;
    border-left: none;
    z-index: 0 !important;
    margin-top: -6px !important;
    box-shadow: none !important;
    width: 10px !important;
    height: 10px !important;
    top: 2.6rem !important;
    margin-right: 0 !important;
    right: 4rem !important;
  }
  .slds-nubbin_top:before {
    border: 2px solid #db2426;
    border-bottom: none;
    border-right: none;
    z-index: 0 !important;
    margin-top: -6px !important;
    box-shadow: none !important;
    width: 10px !important;
    height: 10px !important;
    top: 0rem !important;
    margin-right: 0 !important;
    right: 4rem !important;
  }
  .slds-nubbin_top:after {
    content: none !important;
  }
  /* Browse Search Code */
  .radio-unchecked,
  .radio-checked {
    outline: none;
  }
  .radio-custom:checked + .radio-custom-label .radio-unchecked {
    display: none;
  }
  .radio-custom:checked + .radio-custom-label .radio-checked {
    display: block;
  }
  .radio-custom + .radio-custom-label .radio-unchecked {
    display: block;
  }
  .radio-custom + .radio-custom-label .radio-checked {
    display: none;
  }
  .radio {
    float: right;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1rem;
  }
  .radio img {
    max-width: none;
  }
  .radio-custom {
    opacity: 0;
    position: absolute;
    cursor: pointer;
  }
  .SelectItemContainer {
    margin-top: 24px;
    display: flex;
    text-align: center;
    border: 1px solid #d0cfcf;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #e7e9f2;
    width: auto;
  }
  .content {
    display: inline-block;
    margin: auto;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    font-family: karla;
    padding: 25px;
  }
  .SelectItemContainer .content {
    width: 88%;
  }
  input[type="text"] {
    font-family: karla;
  }
  .slds-tabs_default__nav {
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 25px;
    border-bottom: none !important;
  }
  .slds-tabs_default__nav a {
    text-decoration: none !important;
  }
  .slds-tabs_default__nav .slds-tabs_default__item {
    text-align: center;
    color: #09538b;
  }
  .slds-tabs_default__item.slds-is-active::after {
    height: 3px;
    background-color: #3a95d3;
  }
  
  .slds-tabs_default__content {
    padding: 0 !important;
  }
  /* hidedropdown for generic card */
  .hideDropdown .slds-icon{
    display: none;
  }
  .hideDropdown .slds-input__icon.slds-icon_container{
    background-image: url("/selfexclusion/resource/CT_Assets/icons/chevron-right-blue.svg");
    transform: rotate(90deg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    margin-right: 20px;
  }
  .search-box,
  .browse-container {
    border-radius: 4px;
    border: 1px solid #d0cfcf;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 #e7e9f2;
    display: flex;
  }
  .browse-container {
    display: block;
  }
  .search-box input {
    border-color: transparent;
    padding: 24px;
    width: 100%;
  }
  .search-box input[type="text"] {
    font-size: 18px;
    line-height: 24px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    outline: none;
  }
  .search-box input[type="text"]::placeholder {
    color: #678598;
  }
  .search-icon-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    background-color: #09538B;
    border-radius: 0px 3px 3px 0px;
    display: flex;
    cursor: pointer;
  }
  .breadcrumb_wrapper {
    padding: 20px 32px 0 32px;
  }
  .breadcrumb {
    text-align: center;
    display: flex;
  }
  .category-name {
    padding: 36px 32px 28px 0;
    color: #2d2c2c;
    font-size: 22px;
    font-family: KarlaBold;
    letter-spacing: 0.16px;
    line-height: 28px;
  }
  .separator {
      border-top: 1px solid #ecebeb;
  }
  .list-item {
    margin: 0 32px;
    color: #3a3939;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    font-family: karla;
    cursor: pointer;
  }
  .li-content {
    padding: 25px 0;
    display:flex;
    justify-content: space-between;
  }
  .li-name{
     display:inline;
  }
  .chevronright-icon {
    float: right;
    line-height: unset;
    margin: auto 0 auto 1rem;
  }
  .add-button {
    margin-top: 30px;
    width: 100%;
    border: 2px solid #09538b !important;
    color: #09538b !important;
    border-radius: 4px !important;
    padding: 12px 0 !important;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px !important;
    text-transform: uppercase;
    outline: none;
    justify-content: center;
  }
  .add-button:hover {
    border: 2px solid #053756 !important;
    color: #053756 !important;
    background-color: #FFFFFF !important;
  }
  .ellipsis,
  .breadcrumb-name {
    display: block;
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    text-align: center;
  }
  .breadcrumb-name {
    display: none;
  }
  .ellipsis {
    display: block;
    height: 24px;
    letter-spacing: 3px;
    font-weight: bolder;
    background-color: #e0f2ff;
    border-radius: 12px;
    min-width: 57px;
    text-decoration: none !important;
  }
  li.breadcrumb:first-child .breadcrumb-name {
    display: block;
    min-width: 57px;
    background-color: #e0f2ff;
    border-radius: 12px;
    min-width: 57px;
    text-decoration: none;
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    height: 24px;
  }
  li.breadcrumb:first-child .ellipsis,
  li.breadcrumb:first-child .chevronRight {
    display: none;
  }
  li.breadcrumb:last-child .ellipsis,
  li.breadcrumb:last-child .chevronRight {
    display: none;
  }
  .chevronRight {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5px;
    margin-right: 5px;
  }
  .Hid {
    display: none;
  }
  .show {
    display: block;
  }
  .lookup-option-container {
    max-height: 700px;
    overflow: auto;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #d0cfcf;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 #e7e9f2;
    width: 100%;
    margin-top: 12px;
    padding-top: 13px;
  }
  .data-list {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    padding: 17px 24px;
    font-family: karla;
  }
  .data-list:hover,.data-list.active {
    background-color: #f7f9fa;
    font-weight: 700;
  }
  .error-msg-wrapper {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .edit {
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    margin: auto;
    padding: 25px;
    cursor: pointer;
    display: flex;
  }
  .closeDiv {
    display: flex;
  }
  .closeIcon {
    max-width: unset;
    outline: none;
  }
  .close {
    background-color: #f7f9fa;
    cursor: pointer;
    padding: 25px;
    margin: auto;
  }
  /** Buttons CSS **/
  .primaryBtn.slds-button {
    background-color: #09538b;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    padding: 0 40px;
    text-align: center;
    text-transform: uppercase;
    border:none;
    min-height:40px;
    height:auto;
  }
  
  .slds-button.primaryBtnSmall:hover:disabled,
  .slds-button.primaryBtnSmall:disabled{
    background-color: #ECEBEB;
    color: #2D2C2C !important;
  }
  
  .slds-button.primaryBtnSmall img{
    width: 18px;
    margin-left: 4px;
  }
  
  .primaryBtnSmall.slds-button,
  .primaryBtnSmall .slds-button {
    background-color: #09538b;
    border-radius: 4px;
    color: #ffffff;
    font-family: KarlaBold;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.6px;
    padding: 0 56px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
  }
  
  
  .primaryBtnSmall.slds-button:hover,
  .primaryBtnSmall.slds-button:active,
  .primaryBtnSmall.slds-button:focus,
  .primaryBtnSmall.slds-button:visited,
  .primaryBtnSmall .slds-button:hover,
  .primaryBtnSmall .slds-button:active,
  .primaryBtnSmall .slds-button:focus,
  .primaryBtnSmall .slds-button:visited {
      color: #FFFFFF !important;
  }
  .primaryBtn.slds-button:hover, .primaryBtn.slds-button:active, .primaryBtn.slds-button:focus, .primaryBtn.slds-button:visited { 
    color: #FFFFFF!important;
  }
  .primaryBtn.slds-button:focus, .secondaryBtn.slds-button:focus, .secondaryBtn .slds-button:focus, .whiteBtn.slds-button:focus, .iconBtn.slds-button:focus {
    outline:2px solid #2d2c2c;
    border-radius: 2px;
  }
  .secondaryBtn.slds-button, .secondaryBtn .slds-button {
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 2px solid #09538b;
    color: #09538b;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    padding: 0 80px;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
  }
  .secondaryBtn .slds-button { 
    padding: 0 40px;
  }
  
  .secondaryBtn .icon{
    width: 18px;
    margin-right: 8px;
  }
  
  .whiteBtn.slds-button {
    background-color: #ffffff;
    border: none;
    box-shadow: 2px 3px 4px #e7e9f2;
    color: #000000;
    font-size: 14px;
    font-family: KarlaBold;
    letter-spacing: 0.6px;
    line-height: 17px;
    padding: 0 40px;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
  }
  .iconBtn.slds-button {
    background-color: #ffffff;
    border: none;
    box-shadow: 2px 3px 4px #e7e9f2;
    color: #000000;
    font-size: 14px;
    font-family: KarlaBold;
    justify-content: center;
    letter-spacing: 0.6px;
    width: 56px;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
  }
  .higher.slds-button {
    height: 56px;
  }
  .email-input .slds-input {
    font-size: 16px;
    height: 40px;
    color: #757575;
    text-align: left;
    background: #FFFFFF
    url(/selfexclusion/resource/CT_Assets/icons/email-input.svg) no-repeat;
      background-position: 5px;
      padding-left: 36px !important;
  }
  .email-input .slds-form-element__label {
    font-size: 18px;
    line-height: 27px;
    font-family: KarlaBold;
    color: #2D2C2C;
    float: left;
  }
  .slds-has-error .slds-form-element__help, .inputTextElement .slds-has-error .slds-form-element__help {
    color: #DB2426;
    font-family: KarlaBold;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 21px;
  }
  .email-input .slds-required {
    display: none;
  }
  
  /* Side Nav Styling */
  .sideNav {
    min-width: 310px;
    background-color: #053756;
    position: relative;
    border-top-right-radius: 8px;
  }
  .sideNav .sideNavItem.toggle {
    min-width: 254px;
    border-top-right-radius: 8px;
  }
  .bizProfile {
    transition: border-top-right-radius 2s;
    background-color: #053756;
    z-index: 9;
  }
  .bizProfile:hover {
    border-top-right-radius: 0;
  }
  .bizProfile:hover .sideNavItem.toggle {
    width: 244px;
    transition: width 1s;
  }
  
  .bizProfile .sideNavItem.toggle {
    display: block;
    position: absolute;
    margin-left: 56px;
    width: 0px;
    z-index: 9;
    background-color: #053756;
    border-top-right-radius: 8px;
    transition: width 1s;
    overflow: hidden;
    padding: 0;
    height: 100%;
  }
  .checklistActive .checklist, .actionItemsActive .aitems, .businessActive .business, .covidUpdatesActive .covidupdates, .businessCenterActive .bcenter {
    background-color: #09538B;
  }
  
  
  /* CSS from community Page */
  .siteforceServiceBody {
    z-index: unset !important;
  }
  .siteforceServiceBody .cCenterPanel {
    width: 100% !important;
    max-width: 100% !important;  
  }
  
  .cCenterPanel {
    margin :0 !important;
    padding:0;
  }
  
  .main-flow-wrapper, .containerDiv, .mainSection {
    max-width: 1136px;
    margin: 0 auto;
    width: 1136px;
  }
  .slds-col_padded, .slds-col--padded {
    padding: 0 !important;
  }
  .radio-custom:checked + .radio-custom-label .check-icon .slds-icon-text-default {
    fill: #205c99;
  }
  .businessProgressChecklist_wrapper .slds-is-current > .slds-path__link {
    color: #FFFFFF;
  }
  .businessProgressChecklist_wrapper .slds-path__item.slds-is-current .slds-path__link, .businessProgressChecklist_wrapper .slds-path__link {
      height: 68px;
  }
  .slds-path__nav .slds-is-incomplete:hover {
    background-color: #FFFFFF !important;
  }
  .slds-path__nav .slds-is-incomplete:hover::before, .slds-path__nav .slds-is-incomplete:hover::after {
    background-color: #FFFFFF!important;
  }
  .button-container .back-btn .slds-button:focus{
      box-shadow:none;
  }
  .button-container .back-btn .slds-button {
      border: none;
      color: #205C99;
      font-size: 14px;
      font-family: KarlaBold;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: transparent;
      min-height: 40px;
      padding: 0;
  }
  .button-container .back-btn .slds-button:hover{
       color: #053756;
  }
  .QuestionInput .slds-form-element__label abbr {
    display: none;
  }
  .QuestionInput .slds-form-element__label {
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    color: #2d2c2c;
  }
  .QuestionInput .slds-has-error .slds-form-element__help {
      display: none;
  }
  .QuestionInput .slds-input {
    border: 1px solid #D0CFCF;
    border-radius: 4px;
    padding: 8px;
    width: 342px;
    height: 40px;
    font-size: 16px;
  }
  .tab .slds-tabs_default__item {
    width: 182px;
    text-align: center;
    color: #09538b;
    text-transform: uppercase;
    z-index: 1;
  }
  .tab .slds-tabs_default__link{
    font-weight:bold!important;
  }
  .tab .slds-tabs_default__item.slds-is-active::after {
    height: 3px;
    background-color: #3a95d3;
  }
  .tab .slds-tabs_default__item::after{
    height: 3px;
    background-color: #E0F2FF;
  }
  .button-container .chevronright-icon .slds-icon {
    fill: #FFFFFF;
  }
  .slds-rich-text-editor__output ul {
    color: #757575;
  }
  /* Accordion styling for breadcrumbs in checkList Page */
  .slds-accordion__summary-heading {
    color: #09538b;
    font-family: KarlaBold !important;
    font-size: 14px !important;
    letter-spacing: 0.6px !important;
    line-height: 17px !important;
  }
  .accWidth .slds-accordion__summary-heading{
    margin-left: 24px !important;
    margin-right: 20px;
  }
  .slds-accordion__section {
    padding: 24px 0 !important;
  }
  .slds-accordion__summary-action {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .slds-accordion__summary-action-icon {
    transform: rotate(1deg) !important;
  }
  .slds-accordion__summary-action-icon.slds-icon-text-default, .slds-icon-text-default {
    fill: #09538b !important;
  }
  .slds-icon-utility-up .slds-icon-text-default {
    fill:#D0CFCF;
  }
  c-checklist-address-item lightning-formatted-rich-text,
  c-checklist-resources lightning-formatted-rich-text,
  c-check-list-licenses lightning-formatted-rich-text,
  c-check-list-naics lightning-formatted-rich-text,
  c-checklist-container lightning-formatted-rich-text{
    font-size: 18px;
    font-family: Karla;
  }
  .checklistaddress__sub-item__wrapper {
      margin-top: 32px;
  }
  .itemText {
    font-size: 18px;
    font-family: Karla;    
  }
  .theme1 .boxShadow,
  .theme2 .boxShadow {
    box-shadow: 0 4px 8px 0 #E7E9F2;
    border-radius: 4px !important;
    background-color: #FFFFFF;
    box-sizing: border-box;
  }
  
  .theme1 .radio-label {
    margin-bottom: 16px;
  }
  
  .theme2 .boxShadow {
    width: 185px !important;
    margin-right: 16px !important;
  }
  
  .theme2 label {
    display: inline-flex !important;
  
  }
  
  .theme3 .checkmark,
  .theme1 .checkmark-container,
  .theme2 .checkmark-container {
    display: none !important;
  }
  
  .theme2 .ct-bos-input-label_radio~.ct-bos-input-label_radio {
    margin-left: 16px;
  }
  
  .theme3 .checkmark.containerTheme {
    display: block !important;
    position: relative;
    margin: auto;
  }
  
  .theme3 input[type="radio"]:checked~.radio-label {
    border: none !important;
  }
  
  .theme3 .radio-label {
    font-size: 16px;
  }
  
  .theme3 input[type="radio"]:checked~.radio-wrapper .checkmark-container {
    border-top: 1px solid #09538b !important;
    background-color: #E0F2FF;
  }
  
  .theme3 input[type="radio"]:disabled~.radio-wrapper .checkmark-container {
    border-top: 1px solid #D0CFCF !important;
    background-color: #F7F9FA;
  }
  
  .theme3 .radio-wrapper {
    border: 1px solid #D0CFCF;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    box-shadow: 0 4px 8px 0 #E7E9F2;
  }
  
  .theme3 .checkmark-container {
    border-top: 1px solid #d0cfcf;
    padding: 16px 0;
    background-color: #F7F9FA;
    margin: 1px;
  }
  
  .theme3 .labelBoldContent {
    font-size: 18px;
    font-family: KarlaBold;
    display: block;
  }
  .theme3.theme5 input[type="radio"]:checked~.radio-wrapper .checkmark-container {
    border-top: none !important;
    border-right: 1px solid #09538b;
  }
  
  .theme3.theme5 input[type="radio"]:disabled~.radio-wrapper .checkmark-container {
    border-top: none !important;
    border-right: 1px solid #D0CFCF;
  }
  
  .theme5 .radio-wrapper {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-end;
  }
  
  .theme3.theme5 .radio-wrapper .labelFirstRow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  
  .theme3.theme5 .radio-wrapper .finalRow .small.labelId{
    margin-top: 0px;
  }
  
  .theme3.theme5 .radio-wrapper .labelFirstRow .description {
    border-radius: 11.5px;
    background-color: #E0F2FF;
    color: #09538B;
    padding: 4px 12px;
    line-height: 17px !important;
  }
  
  .theme3.theme5 .radio-wrapper .labelId {
    color: #757575;
    font-size: 16px;
  }
  
  .theme3.theme5 .radio-wrapper .displayTextId {
    color: #2D2C2C;
    font-size: 16px;
  }
  .theme3.theme5 .radio-wrapper .alertText {
    color: #757575;
    font-size: 18px;
    line-height: 27px;
    margin-top: 14px;
  }
  
  .theme3.theme5 .radio-wrapper .small.labelId {
    margin-top: 12px;
    display: flex;
  }
  .theme3.theme5 .radio-wrapper .labelcontent{
    color: #2D2C2C;
    font-family: Lato;
    font-size: 22px;
    font-family: KarlaBold;
  }
  
  .theme5 .checkmark-container {
    border-top: none;
    border-right: 1px solid #d0cfcf;
    padding: 16px;
    display: flex;
  }
  
  .theme3.theme5 .radio-wrapper div.radio-label {
    padding: 16px 24px;
    width: 100%;
  }
  .theme3.theme5 label.ct-bos-input-label_radio.checked {
    border: none;
  }
  .theme3.theme5 label.ct-bos-input-label_radio {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    margin-bottom: 0;
  }
  .theme4 label {
    display: inline-flex !important;
    flex-direction: column;
  }
  
  .theme4 .sectionImage {
    height: 64px;
    margin-top: 32px;
    margin-bottom: 25px;
  
  }
  
  .theme4 .radio-wrapper {
    width: 366px;
    text-align: center;
    margin-right: 14px;
  }
  
  .theme4 .label-section {
    padding: 0 16px 25px 16px;
    line-height: 24px;
    font-size: 16px;
    font-family: KarlaBold;
  }
  .checkbox-wrapper {
    border: 1px solid #D0CFCF;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    box-shadow: 0 4px 8px 0 #E7E9F2;
    display: flex;
    width: 100%;
  }
  
  .checkbox-wrapper .labelFirstRow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  
  .checkbox-wrapper .labelFirstRow .description {
    border-radius: 11.5px;
    background-color: #E0F2FF;
    color: #09538B;
    padding: 4px 12px;
  }
  
  .checkbox-wrapper .labelId {
    color: #757575;
    font-size: 16px;
  }
  
  .checkbox-wrapper .small.labelId {
    margin-top: 12px;
    display: flex;
  }
  .checkbox-wrapper .labelcontent{
    color: #2D2C2C;
    font-family: Lato;
    font-size: 22px;
    font-family: KarlaBold;
  }
  .checkbox-wrapper div.checkbox-label {
    padding: 16px 24px;
    width: 100%;
  }
  .checkbox-wrapper .checkmark-container {
    border-top: 1px solid #d0cfcf;
    padding: 16px 0;
    background-color: #F7F9FA;
    margin: 1px;
    border-top: none;
    border-right: 1px solid #d0cfcf;
    padding: 16px;
    display: flex;
  }
  c-ct_resources lightning-formatted-rich-text hr {
    margin: 16px 0;
  }
  c-ct_resources lightning-formatted-rich-text h6 {
    margin-bottom: 24px !important;
  }
  
  @media only screen and (max-width:768px) {
    .siteforceContentArea .comm-layout-column:not(:empty) {
      padding: 20px;
    }
  
    .contentDiv {
      width: auto;
    }
  }
  
  /* Breadcrums Story 192 Custom CSS for Lightning Tabset */
  
  @media only screen and (max-width: 64rem) {
    .sideNav .sideNavItem.toggle { 
      min-width: 184px;
    }
    .hero {
      font-size: 59px !important;
      font-weight: bold !important;
      line-height: 73px !important;
    }
    h1 {
      font-size: 48px !important;
      font-weight: bold !important;
      line-height: 60px !important;
    }
    h2 {
      font-size: 40px !important;
      font-weight: bold !important;
      line-height: 50px !important;
    }
    h3 {
      font-size: 34px !important;
      font-weight: bold !important;
      line-height: 42px !important;
    }
    h4 {
      font-size: 28px !important;
      font-weight: bold !important;
      line-height: 35px !important;
    }
    h5 {
      font-size: 22px !important;
      font-weight: bold !important;
      line-height: 27px !important;
    }
    h6 {
      font-size: 20px !important;
      font-weight: bold !important;
      line-height: 30px !important;
    }
    p.large,
    p.largeBold {
      font-size: 17px !important;
      line-height: 25px !important;
    }
    p.small,
    p.smallBold {
      font-size: 14px !important;
      line-height: 21px !important;
    }
    .description {
      font-size: 12px !important;
      line-height: 18px !important;
    }
    .legal {
      font-size: 10px !important;
      line-height: 15px !important;
    }
    .brs-wrapper .large,
    .brs-wrapper .largeBold {
      font-size: 17px !important;
      line-height: 25px !important;
    }
    .brs-wrapper .small,
    .brs-wrapper .smallBold {
      font-size: 14px !important;
      line-height: 21px !important;
    }
  
    .primaryBtn.slds-button {
      font-size: 12px;
    }
    .back-btn {
      font-size: 12px;
    }
    .siteforceServiceBody .cCenterPanel {
      width: 100%;
    }
    .button-container .back-btn .slds-button {
      font-size: 12px;
    }
    .primaryBtn.getStartedBtn {
      width: 100%;
    }
    .QuestionInput .slds-input {
      width: 100%;
    }
    .siteforceServiceBody .cCenterPanel {
      width: 100% !important;
    }
    .main-flow-wrapper, .containerDiv, .mainSection {
        width: 100%;
    }
    .tab-style, .nav-button .button-container, .error-msg-wrapper {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .containerDiv .contentDiv {
      padding-left: 20px;
      padding-right: 20px;
    }
    /* Browse Search Code */
    .wrapper {
      margin: auto;
    }
    .slds-tabs_scoped__link,
    .slds-tabs_scoped__item {
      font-size: 13px;
    }
    /** Mobile Buttons CSS **/
    .primaryBtn.slds-button, .secondaryBtn.slds-button, .whiteBtn.slds-button {
      font-size: 12px;
      line-height: 14px;
      padding: 11px 32px;
    }
    .iconBtn.slds-button {
      height: 40px;
      width: 100%;
    }
    c-checklist-address-item lightning-formatted-rich-text,
    c-checklist-resources lightning-formatted-rich-text,
    c-check-list-licenses lightning-formatted-rich-text,
    c-check-list-naics lightning-formatted-rich-text,
    c-checklist-container lightning-formatted-rich-text {
      font-size: 17px;
    }
    .itemText {
      font-size: 17px;
        font-family: Karla;    
    }
    .itemTitle {
      font-size: 20px;
    }
    .button-container .slds-button, .button-container .saveIcon {
      margin-bottom: 32px;
    }
    .aicard * .card_content .large.card_desc{
      display:block;
    }
    .theme3.theme5 .radio-wrapper .labelId{
      line-height: 21px;
      font-size: 14px;
  }
  .theme3.theme5 .radio-wrapper .labelcontent{
    font-size: 20px;
    line-height: 25px;
  }
  .theme5 .radio-wrapper{
    flex-direction:column;    
  }
  .theme5 .checkmark-container {
      border-top: 1px solid #d0cfcf;
      border-right:none;
      padding:8px;
  }
  .theme3.theme5 input[type="radio"]:checked~.radio-wrapper .checkmark-container {
      border-top: 1px solid #09538b !important;
      border-right:none;
  }
  .checkboxAcknowledgement .ct-bos-multi-container-all p.small.input-title .slds-rich-text-editor__output{
          font-size: 14px;
          line-height: 21px;
          letter-spacing: 0.1px;
      }
  }
  /** Removing blue border on focus**/
  *:focus{
      outline:none;
  }
  /* CSS Start for Checklist Page */
  c-checklist-container .active svg{
    fill:#3A95D3!important;
  }
  
  c-checklist-container .active svg #Icons{
    fill:#3A95D3!important;
  }
  
  c-checklist-container .labelImage svg g#Icons{
    fill:"#97ABB8"
  }
  c-checklist-container .labelImage svg g#Icons{
    fill:#3A95D3
  }
  .tabStyle:hover{
     cursor:pointer;
  }
  .itemTitle {
    color: #09538b;
    margin-bottom: 8px;
    text-align:left;
  }
  /* CSS Start for Flow Container */
  
    .tabCustom lightning-tab-bar{
      display: none;
    }
    .wrapper .tab lightning-tab-bar {
      display: block;
    }
    .QuestionInput lightning-tab-bar{
      display: block !important;
    }
  /* CSS End for Flow Container */
  /* CSS Start for Town Search-browse */
     c-business-service lightning-tab-bar{
      display: block!important;
    }
    /* CSS End for Town Search-browse */  /* Account dashboard start */
  .cust-sort-by{
    color: #2D2C2C;
    font-family: Karla;
    font-size: 17px;
    letter-spacing: 0.12px;
    line-height: 25px;
    /* border: 1px solid #D0CFCF; */
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 #E7E9F2;
    cursor: pointer;
  }
  
  .cust-sort-by .slds-combobox__input {
    padding: 8px 16px;
    cursor: pointer;
  }
  
  .cust-sort-by .slds-input {
    color: #2D2C2C;
    font-family: Karla;
    font-size: 16px;
    letter-spacing: 0.01px;
    line-height: 24px;
    cursor: pointer;
  }
  
  .cust-sort-by .slds-listbox {
    margin-top: 8px;
    box-shadow: 0 12px 24px 0 #E7E9F2;
    cursor: pointer;
  }
  .resource-card .slds-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  /* Account dashboard end */  
  
  /*Business Profile Page*/
  .actionItems_tabs .slds-tabs_default__item.slds-is-active::after {
    height: 4px !important;
    background-color: #3a95d3 !important;
    bottom: -3px;
  }
  .actionItems_tabs .slds-tabs_default__item:hover::after,
  .actionItems_tabs .slds-tabs--default__item:hover::after {
      height: 4px !important;
      background-color: #3a95d3!important;
      transition: height 300ms ease 0s;
      bottom:-3px;
  }
  .actionItems_tabs .slds-tabs_default__nav {
      border-bottom: 4px solid #E0F2FF !important;
      font-size: 18px;
      font-family:karla;
  }
  .actionItems_tabs .slds-tabs_default__link{
      line-height:27px;
  }
  .actionItems_tabs .slds-tabs_default{
      background-color:transparent
  }
  .actionItems_tabs .slds-tabs_default__item.slds-is-active .slds-tabs_default__link{
          font-weight: bold;
  }
  .actionItems_tabs .slds-tabs_default__item.slds-is-active{
      color: #09538b;
  }
  .actionItems_tabs .slds-tabs_default__nav .slds-tabs_default__item {
      padding: 0;
      margin-right: 60px;
  }
  .actionItems_tabs .slds-tabs_default__content{
      padding-top:32px !important;
  }
  .businessProfileCard_Wrapper .slds-modal__title{
     padding:0 !important;
  }
  @media only screen and (max-width: 1023px) {
       .actionItems_tabs .slds-tabs_default__nav .slds-tabs_default__item {
          margin-right:16px;
      }
      .actionItems_tabs .slds-tabs_default__nav {
      border-bottom: 4px solid #E0F2FF !important;
      font-size: 14px;
      background-color:#fff;
      }
      .actionItems_tabs .slds-tabs_default__nav {
      border-bottom: none !important;
      padding: 0 25px;
      }
      .actionItems_tabs .slds-tabs_default__link{
      height: 21px;
      line-height: 21px;
      }
      .actionItems_tabs .slds-tabs_default__item.slds-is-active::after {
      height: 3px !important;
      }
      .actionItems_tabs .slds-tabs_default__content{
      padding:32px 25px!important;
  }
  }
  
  /* Toast styling */
  .slds-notify_toast,
  .slds-notify--toast,
  .toastContainer .slds-theme--info,
  .toastContainer .slds-notify--toast {
    color: #2D2C2C;
    border: 1px solid #3A95D3;
    border-radius: 4px;
    background: #E0F2FF;
    box-shadow: 0 6px 12px 0 #E7E9F2;
    box-sizing: border-box;
  }
  
  /* CTBOS-4897*/
  .forceCommunityToastManager .toastContainer .toastContent .slds-align-middle .toastTitle.addThisClass {
    margin-bottom: 40px;
  }
  
  .forceCommunityToastManager .toastContainer .toastContent .slds-align-middle .toastMessage .forceActionLink {
    color: #09538B;
    text-decoration: underline;
  }
  
  
  .slds-notify_container .slds-notify_toast .toastMessage.slds-text-heading--small,
  .forceCommunityToastManager .toastMessage.slds-text-heading--small,
  .forceCommunityToastManager .toastContent {
    color: #2D2C2C;
    font-family: Karla;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
  }
  
  .forceCommunityToastManager .toastContainer .toastClose.slds-notify__close,
  .forceCommunityToastManager .toastContent .toastClose.slds-button--icon-inverse {
    color: #2D2C2C;
  }
  
  .forceCommunityToastManager .toastContainer .toastContent,
  .forceCommunityToastManager .toastContent.slds-notify__content {
    color: #2D2C2C;
  }
  
  .forceCommunityToastManager .toastContainer .toastIcon .slds-icon {
    color: #2D2C2C;
    fill: #2D2C2C;
  }
  .forceCommunityToastManager .toastContainer .toastClose.slds-notify__close{
      height: 28px;
  }
  .forceCommunityToastManager .toastContainer .toastClose.slds-notify__close .slds-button__icon--large{
      height:18px;
  }
  .forceCommunityToastManager .toastContainer .toastIcon.slds-icon-utility-info.slds-icon_container{
    display: none;
    visibility: hidden;
  }
  .forceCommunityToastManager .slds-notify-container,
  .forceCommunityToastManager .slds-notify_container {
    top: 68px;
  }
  
  .inputTextElement .slds-input {
    height: 60px;
    line-height:27px;
  }
  .search-input-box input{
      border-radius: 4px;
      border: 1px solid #d0cfcf;
      background-color: #ffffff;
      box-shadow: 0 4px 8px 0 #e7e9f2;
      display: flex;
      height: 60px;
  }
  .moreChancesText {
      text-decoration: underline;
  }
  @media only screen and (max-width: 1024px) {
  
    .slds-notify_toast,
    .slds-notify--toast,
    .toastContainer .slds-theme--info,
    .toastContainer .slds-notify--toast {
      max-width: calc(100% - 48px);
      min-width: calc(100% - 48px);
    }
    .hideDropdown .slds-input__icon.slds-icon_container{
      margin-right: 10px;
    }
    .forceCommunityToastManager .toastContainer .toastClose.slds-notify__close,
    .forceCommunityToastManager .toastContent .toastClose.slds-button--icon-inverse{
      justify-content:flex-end;
    }
  }
      
  input::-webkit-inner-spin-button {	
    -webkit-appearance: none;	
    -moz-appearance: none;	
    appearance: none;	
    margin: 0;	
  }
  
  input::placeholder {	
      color: #757575;	
  }
  
  .cust-dropdown .slds-combobox__input {
    background: none;
  }
  
  .slds-combobox__input {
    background: #ffffff url("/selfexclusion/resource/CT_Assets/icons/chevron-down-blue.svg") no-repeat right center;
  }
  
  .slds-combobox__input[readonly][disabled] {
    background: #ffffff url("/selfexclusion/resource/CT_Assets/icons/chevron-down-grey.svg") no-repeat right center;
  }
  
  .no-border-combobox .slds-combobox__input {
    background: #ffffff url("/selfexclusion/resource/CT_Assets/icons/chevron-down-black.svg") no-repeat right center;
  }
  
  .no-border-combobox .slds-combobox__input[readonly][disabled] {
    background: #ffffff url("/selfexclusion/resource/CT_Assets/icons/chevron-down-dark-grey.svg") no-repeat right center;
  }
  
  .slds-combobox_container .slds-input-has-icon .slds-input__icon:not(button) {
    display: none;
  }
  
  .cust-dropdown .slds-combobox_container .slds-input-has-icon .slds-input__icon:not(button) {
    display: block;
  }
  
  .slds-input,	
  .slds-input.slds-combobox__input,
  .slds-combobox__input {	
      /*width: 345px !important; */	
      height: 56px !important;	
      border: 1px solid #d0cfcf !important;	
      border-radius: 4px !important;	
      box-shadow: 0 4px 8px 0 #e7e9f2 !important;	
      padding:16px 32px 16px 24px !important;	
      color: #2d2c2c;	
      font-size: 16px !important;	
      font-family: Karla;	
      letter-spacing: 0.13px;	
      margin-bottom: 8px;
      line-height: 21px !important;
  }	
  .no-border-combobox input.slds-input.slds-combobox__input{
    border: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
    background-color: transparent !important;
  }
  
  .slds-listbox_vertical .slds-listbox__option_plain {	
      font-size: 18px;	
  }
  
  .slds-input:focus,	
  .slds-input:active,	
  .slds-input:hover,	
  .slds-input.slds-combobox__input:focus,	
  .slds-input.slds-combobox__input:active,	
  .slds-input.slds-combobox__input:hover {	
      border: 1px solid #09538b !important;	
      box-shadow: 0 8px 16px 0 #e7e9f2 !important;	
  }
  
  .inputForm .slds-form-element__label {	
    font-size: 18px;	
    line-height: 27px;	
    color: #2d2c2c;	
    margin-bottom: 4px;	
    font-family: Karla;	
    letter-spacing: 0.13px;
  }
  
  .slds-has-error .slds-input {	
    border: 1px solid #db2426 !important;	
    box-shadow: 0 4px 8px 0 #E7E9F2 !important;	
  }
  
  .slds-form-element__label abbr {	
    display: none;	
  }
  
  .slds-form-element__help {	
    color: #DB2426 !important;	
    font-size: 12px;	
    line-height: 21px;
    font-family: KarlaBold;	
    margin-top: 0;	
  }
  
  lightning-input {	
    position: relative;	
  }	
  
  div.slds-dropdown.slds-listbox {	
    z-index: 900;	
  }
  
  input::-ms-clear {	
    display: none;	
  }
  
  input::-webkit-contacts-auto-fill-button {	
    visibility: hidden;	
    display: none !important;	
    pointer-events: none;	
    position: absolute;	
    right: 0;	
  }
  
  input.slds-input[readonly] {	
    font-size: 16px;	
  }
  
  .cust-address-lookup .inputForm .slds-form-element__label {	
    color: #2D2C2C;	
    font-family: Karla;	
    font-size: 18px;	
    letter-spacing: 0.13px;	
    line-height: 27px;	
    margin-bottom: 2px;	
  }
  
  .cust-city .slds-input[readonly],	
  .cust-unit .slds-input[readonly],	
  .cust-zip .slds-input[readonly],
  .cust-address .slds-textarea[readonly] {	
      background-color: rgb(233, 234, 236);	
      border-color: rgb(196, 198, 202);	
  }
  
  input[type=password]::-ms-reveal,	
  input[type=password]::-ms-clear {	
      display: none;	
  }
  
  .text-capitalize {
    text-transform: capitalize;
  }
  
  /*Popup styling Start */	
  .page-scroll-popup {
    overflow:auto;
  }
  
  .popup-body-content {
    padding-top: 16px;
    padding-bottom: 24px;
  }
  
  .cancelBtn-Underline {
    text-decoration: underline;
  }
  
  /* common styling for BRS-1643 popup */
  
  .card-wrapper {
    padding: 24px;
    border-radius: 4px;
    margin-top: 24px;
    border: solid 1px #ECEBEB;
    box-shadow: 2px 5px 6px #ecebeb;
  }
  
  .name-title,
  .name-main {
    margin-bottom: 16px;
  }
  
  .buttons-wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  h6.confirm-header {
    text-align: left;
  }
  
  /* common styling for BRS-1643 popup ends*/
  
  /* styling for add-member-popup starts*/
  
  .add-member-popup footer.slds-modal__footer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  
  /* styling for add-member-popup ends*/
  
  @media only screen and (max-width: 1023.9px) {
    .no-border-combobox input.slds-input.slds-combobox__input{
      word-break: break-all;
      background-color: #fff;
      color: #2d2c2c;
      font-family: Karla;
      font-size: 12px !important;
      letter-spacing: .01px;
      line-height: 24px !important;
      padding: 8px !important;
    }
    
    .slds-button {
      width: 100%;
    }
    .page-scroll-popup .slds-modal__container header {
      padding: 20px 16px 0 16px;
    }
    .page-scroll-popup .slds-modal__container .slds-modal__content.popup-body{
      padding: 16px;
    }
    .page-scroll-popup .slds-modal__container footer {
      padding: 32px 16px;
    } 
    .page-scroll-popup  .modal-footer-section {
      flex-direction: column-reverse;
      align-items: center;
    }
    .page-scroll-popup .modal-footer-section .slds-order_2{
      margin-bottom: 20px;
      width: 100%;
    }
    .no-button-margin.page-scroll-popup .modal-footer-section .slds-order_2 {
      margin-bottom: 0px;
    }
  
     .comboBoxElement .slds-input.slds-combobox__input{
       padding: 16px 32px 16px 16px !important;   
    }
    /* common styling for BRS-1643 popup */
    .buttons-wrapper {
      flex-direction: column-reverse;
    }
    .buttons-wrapper button.primaryBtn.higher {
      margin-bottom: 16px;
      margin-left: 0;
    }
    .buttons-wrapper button.slds-button {
      justify-content: center;
    }
    /* common styling for BRS-1643 popup ends*/
  
  
    /* styling for add-member-popup starts*/
  
    .add-member-popup footer.slds-modal__footer {
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }
  
    .add-member-popup .slds-modal__footer button.natural-button.back-btn {
      margin-left: 0;
      margin-top: 16px;
      justify-content: center;
    }
  
    .add-member-popup p.name-member {
      padding-left: 0;
    }
  
    .inputForm .slds-form-element__label {
      font-size: 17px;
      line-height: 25px;
    }
  
    /* styling for add-member-popup ends*/
  
    /* styling for iphone */
    .iphone-style .brs-date-picker input.slds-input {
      height: 30px !important;
    }
  
  }
  
  .page-scroll-popup .modal-footer-section {
    align-items: center;
  }
  
  .page-scroll-popup .slds-modal__content.hPadding{
    padding:0;
  }
  
  .page-scroll-popup .modal-footer-section .back-btn {
    text-decoration: underline;
    color:#09538B;
    font-size: 16px;
    letter-spacing: 0.01px;
    line-height: 24px;
  }
  
  .page-scroll-popup .slds-modal__container{
    margin-top: 80px;
    margin-bottom: 80px;
    height: auto;
    padding:0;
  }
  
  .page-scroll-popup .slds-modal {
    overflow:visible;
  }
  
  .page-scroll-popup header {
    padding: 32px 32px 0 32px;
    text-align: left;
  }
  
  .page-scroll-popup footer .slds-col,
  .page-scroll-popup header .slds-col{
    padding:0;
  }
  
  .page-scroll-popup .title {
    color: #2D2C2C;
    font-family: Lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.16px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  
  .page-scroll-popup .desc {
    color: #2D2C2C;
    font-family: Karla;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
  }
  
  .page-scroll-popup .question-heading {
    color: #2D2C2C;
    font-family: KarlaBold;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    margin-top: 12px;
    margin-bottom: 24px;
  }
  
  .page-scroll-popup .closeIcon {
    height: 14px;
    width: 14px;
    cursor: pointer;
  }
  
  .page-scroll-popup .slds-modal__content.popup-body {
    padding: 16px 32px 32px 32px;
    overflow: visible;
    border-radius: unset;
  }
  
  .page-scroll-popup footer {
    border: none;
    padding: 32px;
    background: #ffffff;
    border-top: 1px solid #ECEBEB;
  }
  
  .page-scroll-popup footer button img {
    height: 16px;
  }
  
  .page-scroll-popup.slds-modal_large .slds-modal__container {
    max-width: 1120px;
  }
  
    /*Popup styling End */	
  
  .smallGreyBold {
        color: #757575;
        font-size: 16px;
        font-family: KarlaBold;
        letter-spacing: 0.01px;
        line-height: 24px;
  }
  
  .grey-text {
    color: #757575;  
  }
  
  .curious-blue {
    color: #3A95D3;
  }
  
  .white-text {
    color: #FFFFFF;
  }
  
  .grey-background {
    background-color: #f7f9fa;
  }
  
  .linkSearch{
    height: 58px;
  }
  
  /*Review Acknowledge Section*/
  .acknowledgeWrapper .ct-bos-multi-checkbox-container .slds-col{
      padding-left: 0;
  }
  
  .inputForm .slds-checkbox .slds-checkbox__label .slds-form-element__label{
    color: #2D2C2C;	
    font-family: Karla;	
    font-size: 18px;	
    letter-spacing: 0.13px;	
    line-height: 27px;	
    margin-bottom: 10px;	
  }
  
  .inputForm .slds-checkbox{
    margin-bottom:10px;
  }
  
  .inputForm .slds-textarea{
    height:120px;
  }
  
  .stockForm .slds-textarea{
    height:56px;
  }
  
  .error-text {
    color: #DB2426;
    font-family: KarlaBold;
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 27px;
    margin-top: 8px;
  }
  
  .inputTextElement .slds-has-error .slds-form-element__help {
    color: #DB2426;
    font-family: KarlaBold;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 21px;
  }
  
  .form-row .slds-col{
    margin-bottom:24px;
  }
  .flowruntimeErrorText .uiOutputRichText {
      font-size: 14px;
      color: #DB2426;
      font-family: KarlaBold;
      line-height: 21px;
  }
  .slds-has-error .slds-form-element__help {
      font-size: 14px;
  }
  
  .inputForm.has-search-icon .slds-input {
    background-image: url("/selfexclusion/resource/CT_Assets/icons/searchIcon.svg");
    background-repeat: no-repeat;
    background-position:  96% center;
    background-size: 22px;
    padding-right: 42px !important;
  }
  
  .theme1 .dec-checkbox .slds-p-vertical_small{
      padding:0 !important; 
  }
  .review-section-container .content {
      width: 100%;
  }
  /*Datatable styling*/
  
   .datatablebox tbody tr th:first-child{
      padding-left:20px;
  }
  .datatablebox table tr th:first-child .slds-th__action,
  .datatablebox table tbody tr th:first-child {
    padding-left: 32px;
  }
  
  .datatablebox .slds-table_bordered tbody tr>td,
  .datatablebox .slds-table [role=gridcell],
  .datatablebox .slds-table th,
  .datatablebox  a,
  .datatablebox .slds-th__action{
      background:none !important;
      box-shadow: none !important;
      vertical-align: top;
  }
  .datatablebox .slds-cell-fixed,.slds-table_header-fixed_container{
      background: #F7F9FA;
  }
  .datatablebox .slds-table_header-fixed_container {
    padding-top: 2.5rem;
  }
  .datatablebox .slds-scrollable_y {
      background: #fff;
  }
  .datatablebox .slds-table_bordered {
    width: 100% !important;
  }
  .datatablebox  .slds-th__action-button,.datatablebox .slds-icon_container { 
      display: none; 
  }
  .toggle-arrow-icon .slds-button_icon {
      background-color: #F7F9FA;
      border: 1px solid #D0CFCF;
  }
  
  .datatablebox table{
    border-radius: 4px;
    border-bottom: none;
  }
  .datatablebox .show-link button{
      border: none;
      background: none;
      padding: 0;
      color: #09538B;
      text-decoration: underline;
      box-shadow: none;
  }
  .datatablebox .slds-cell-fixed {
    border-bottom: solid 1px #ECEBEB;
  }
  
  .datatablebox .slds-table_bordered tbody td,
  .datatablebox .slds-table_bordered tbody th {
    border-top: solid 1px #ECEBEB;
  }
  .lien-summary-screen lightning-button-icon .slds-button_icon-border {
      border: 1px solid #D0CFCF;
      border-radius: 4px;
      background-color: #F7F9FA;
      box-shadow: none;
  }
  
  .panel.slds-modal.slds-fade-in-open h2{
    font-size: 20px !important;
  }
  textarea::placeholder {
      color: #757575;
      font-size: 16px;
  }
  
  .brs-date-picker{
    color:#2d2c2c;
  }
  
  .brs-date-picker .slds-form-element__control.slds-input-has-icon.slds-input-has-icon_right{
    width: 100%;
  }
  
  .brs-date-picker h2{
  font-size: 18px !important;
  font-family: Karla !important;
  padding: 0 8px;
  }
  
  .brs-date-picker .slds-input-has-icon .slds-input__icon{
  margin-top: -16px;
  }
  
  .brs-date-picker.fromDate .slds-input-has-icon .slds-input__icon,
  .brs-date-picker.toDate .slds-input-has-icon .slds-input__icon {
    margin-top: -14px;
  }
  
  .fromDate .slds-has-error .slds-form-element__help,
  .toDate .slds-has-error .slds-form-element__help {
    position: absolute;
  }
  .brs-date-picker svg.slds-button__icon{
  fill: #09538B;
  }
  .brs-date-picker .slds-select_container{
    margin-top:16px;
  
  }
  .brs-date-picker .slds-select_container select.slds-select{
    background:url("/selfexclusion/resource/CT_Assets/icons/chevron-down-blue.svg") no-repeat;
    background-position:right;    
    width: 80px;
    box-shadow: 0 4px 8px 0 #E7E9F2 ;
    border: 1px solid #D0CFCF;
    border-radius: 4px;
    font-size:16px;
  }
  .brs-date-picker .slds-select_container:before,
  .brs-date-picker .slds-select_container:after {
    width: 10px;
    border-left: none;
    border-right: none;
    border-radius: 1px;
  }
  .brs-date-picker .slds-select_container:before{
    border-bottom: none;
  }
  
  .brs-date-picker .slds-select_container:after{
    border-top: none;
  }
  .brs-date-picker .slds-datepicker__month,
  .brs-date-picker .slds-day{
    font-size:14px;    
  }
  .brs-date-picker .slds-datepicker__month thead th{
    color:#757575;
    font-weight:bold;
  }
  .brs-date-picker .slds-datepicker{
    padding: 0 8px; 
  }
  .brs-date-picker .slds-datepicker__filter{
    justify-content:space-between;
  }
  .brs-date-picker .slds-datepicker__filter_month{
    max-width:fit-content;
  }
  .brs-date-picker .slds-datepicker__filter_month .slds-align-middle:first-child button{
    transform: rotate(180deg);
  }
  .brs-date-picker .slds-datepicker__filter_month .slds-align-middle button,
  .brs-date-picker .slds-datepicker__filter_month .slds-align-middle button{
    background-image:url("/selfexclusion/resource/CT_Assets/icons/chevron-right-blue.svg");
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .brs-date-picker .slds-datepicker__filter_month .slds-align-middle svg{
    display:none
  }
  .datatablebox .slds-truncate{
    text-overflow: inherit;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word; 
    line-height: 24px;
    letter-spacing: 0.01px;
  }
  .annual-review-container .datatablebox table tr th .slds-th__action,.annual-review-container .slds-table_header-fixed_container{
    height: 60px
  }
  .annual-review-container .slds-scrollable_y {
    padding-top: 20px;
  }
  .annual-review-container  .question-description .slds-rich-text-editor__output a{
    color:#757575
  }
  /* Sticky Datatable Column CSS*/
  .datatablebox .slds-table thead th{
    color: #757575; 
    font-family: KarlaBold;
  }
  .datatablebox .slds-table tbody{
    color:#2D2C2C; 
    font-family: Karla;
  }
  .sticky-table .datatablebox .slds-table_bordered tbody tr td,
  .sticky-table .datatablebox .slds-table_bordered tbody tr th{
    border: solid 1px #ECEBEB !important;
    border-right: none !important;
    border-left: none !important;
  }
  .sticky-table .datatablebox .slds-table_bordered tbody tr>td,.sticky-table  .datatablebox .slds-table [role=gridcell],.sticky-table  .datatablebox .slds-table th,.sticky-table  .datatablebox a,.sticky-table  .datatablebox .slds-th__action {
    vertical-align: top;
    padding-top: 8px;
  }
  .sticky-table .slds-cell-fixed {
    position: unset; 
  }
  .sticky-table .slds-table_header-fixed_container  {
     position: relative;
     padding-top: 0;
     overflow-x: hidden;
     border-bottom: solid 1px #ECEBEB;
  }
  .sticky-table .slds-scrollable_y {
     overflow-x: scroll;
     margin-right: 10px;
     overflow-x: scroll;
      width: 80% !important;
      padding-top: 0;
  }
  .sticky-table .datatablebox .slds-table thead th:last-child,
  .sticky-table .datatablebox .slds-table tbody td:last-child
  {
     border-left: solid 1px #DDEFEF !important;
     right: 0;
     position: absolute;
     top: auto;
     background: #F7F9FA !important;
     width: 20% !important;
     padding-left: 16px;
      padding-right: 0;
  }
  .sticky-table .datatablebox .slds-table thead tr{
    background: #F7F9FA !important;
  }
  .sticky-table .slds-table_header-fixed {
    width: 90% !important ;
  }
  .sticky-table .datatablebox .slds-table tbody td:last-child
  {
    background: #fff !important;
    height: 80%;
  }
  .sticky-table .slds-table_header-fixed_container::before, .slds-table--header-fixed_container::before{
    content: none;
  }
  .datatablebox .slds-table thead th .slds-th__action {
    height: 100%;
  }
  .datatablebox .slds-has-button-menu .slds-th__action{
      padding-right: 10px
  }
  .datatablebox thead .slds-truncate{
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* Sticky Datatable Column CSS*/
  
  
  /* White label for banner inputs styling Start*/
  .white-theme .slds-form-element__label{
    color: #FFFFFF;
    font-family: Karla;
    font-size: 17px !important;
    letter-spacing: 0.12px;
    line-height: 25px;
    margin-bottom: 4px;
  }
  .white-theme .slds-form-element__help {
    border-radius: 2px;
    background-color: #FFF0F1;
    font-size: 14px;
    line-height: 21px;
    padding: 8px 24px;
  }
  
  .white-theme .slds-has-error .slds-input {
    border-width: 2px !important;
    border-right: none !important;
    margin-bottom: 4px;
  }
  
  .white-theme .slds-input,
  .white-theme .slds-input.slds-combobox__input{
    box-shadow: 0 4px 8px 0 #678598 !important;
    font-family: Karla;
    font-size: 17px;
    letter-spacing: 0.12px;
    line-height: 25px;
  }
  
  .no-right-radius .slds-input{
    border-radius: 4px 0 0 4px !important;
  }
  
  .white-theme .hide-label .slds-form-element__label{
    display: none;
  }
  
  .no-col-lpadding .filterSection .slds-col{
    padding-left: 0;
  }
  
  @media only screen and (min-width: 1024px) {
    .error-text {
      font-size: 18px;
    }
    
    .white-theme .slds-form-element__label{
      font-size: 18px;
      letter-spacing: 0.13px;
      line-height: 27px;
    }
  
    .white-theme .slds-form-element__help {
      font-size: 16px;
      line-height: 24px;
    }
  
    .white-theme .slds-input,
    .white-theme .slds-input.slds-combobox__input{
      color: #2D2C2C;
      font-family: Karla;
      font-size: 18px !important;
      letter-spacing: 0.13px;
      line-height: 27px;
    }
    body .business-available-popup .slds-modal__header {
      padding-top: 32px;
    }
  }
  
  /* White label for banner inputs styling End*/
  
  .brs-container{
    padding:0 20px;
    margin: auto;
  }
  
  .search-content {
    padding-top: 56px;
    padding-bottom: 80px;
  }
  /* Toast styling */
  .dropDownSection .slds-form-element__label, .dropDownSection .slds-combobox_container .slds-input, .dropDownSection .slds-listbox {
    font-size: 18px;
    font-family: Karla;
  }
  .dropDownSection .slds-combobox_container .slds-input, .dropDownSection .slds-combobox_container .slds-listbox__option {
    padding-left: 24px;
  }
  .dropDownSection .slds-combobox_container .slds-dropdown-trigger .slds-dropdown {
    margin-top: 6px;
  }
  .dropDownSection .slds-combobox_container .slds-listbox__option-icon {
    display: none;
  }
  .dropDownSection .slds-has-error .slds-input {
    background-color: var(--lwc-colorBackgroundInput,rgb(255, 255, 255));
    border-color: var(--lwc-colorBorderError,rgb(194, 57, 52));
  }
  .resources lightning-formatted-rich-text.noteHeading a {
    color: #00528D;
    text-decoration: underline;
  }
  .goog-te-banner-frame,
  .goog-tooltip {
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: -16px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  }           
  .goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
  }
  /*Resource Center Styling */
  c-rc_filters .ct-bos-multi-container-all .ct-bos-multi-checkbox-label .ct-bos-multi-checkbox-custom {
        top: 1.64px !important;
  }
  c-rc_filters .ct-bos-multi-container-all .ct-bos-multi-checkbox-label .input-title {
      padding-left:28px;
  }
  
  c-rc_filters .ct-bos-multi-container-all .slds-p-vertical_small{
      padding:10px 0;
  }
  /** enhanced dashboard Styling **/
  .actionItemContainer .columnWrapper .tab_wrapper{
      box-shadow: none;
      border: none;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper{
      flex-direction: column;
      padding:0;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper{
      padding:0;
      background-color:transparent;
      border-bottom:none;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .leftContent,
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content_wrapper{
       width:100%;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .parentWrapper,
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .leftContent{
      padding:0;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .leftContent .buildingGroup{
      width:100px;
      margin:0 0 16px;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent{
      margin-left:0;
      width:100%;
      padding:0;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent h5.nodataContent{
    color: #2D2C2C;
    font-family: Karla !important;
    font-size: 18px !important;
    letter-spacing: 0.13px !important;
    line-height: 27px !important;
    margin-bottom:8px;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent p.large a,
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent p.large{
    font-size: 16px !important;
    line-height: 24px !important;
  }
  
  .columnWrapper .tab_wrapper .upcomingCard_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper{
      padding:16px 16px 0 12px;
      border-bottom:none;
      background-color:transparent;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content_wrapper{
    border-bottom: 1px solid #ECEBEB;
    padding-bottom: 16px;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .cardIcon_Wrapper .colorBar,
  .columnWrapper .tab_wrapper .pastDue_wrapper .cardIcon_Wrapper .colorBar,
  .columnWrapper .tab_wrapper .todoCard_wrapper .cardIcon_Wrapper .colorBar,
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .card_desc,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .card_desc,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .card_desc,
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content_wrapper.slds-large-size_5-of-12,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content_wrapper.slds-large-size_5-of-12,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content_wrapper.slds-large-size_5-of-12{
      display:none;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .largeBold,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .largeBold,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .largeBold{
    font-size: 16px !important;
    line-height: 24px !important;
     font-weight:normal !important;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .large,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .large,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .large{
    color: #757575 !important;
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .columnWrapper .tab_wrapper .parentWrapper:last-child .card_content_wrapper{
      border-bottom:none;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content_wrapper{
      border-bottom: 1px solid #ECEBEB;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .cardIcon_Wrapper .iconContainer,
  .columnWrapper .tab_wrapper .pastDue_wrapper .cardIcon_Wrapper .iconContainer,
  .columnWrapper .tab_wrapper .todoCard_wrapper .cardIcon_Wrapper .iconContainer{
     padding-top:4px; 
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .cardIcon_Wrapper .iconContainer .cardIcon,
  .columnWrapper .tab_wrapper .pastDue_wrapper .cardIcon_Wrapper .iconContainer .cardIcon,
  .columnWrapper .tab_wrapper .todoCard_wrapper .cardIcon_Wrapper .iconContainer .cardIcon{
      width:17px;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content{
      padding-top: 0;
      padding-bottom: 0;
      margin-left: 12px;
  }
  .helpResourceSection .collectionCardWrapper .slds-large-size_4-of-12{
      width:50%;
  }
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .duedate {
    color: #DB2426 !important;
  }
  @media only screen and (max-width: 1024px) {
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .cardIcon_Wrapper .iconContainer,
  .columnWrapper .tab_wrapper .pastDue_wrapper .cardIcon_Wrapper .iconContainer,
  .columnWrapper .tab_wrapper .todoCard_wrapper .cardIcon_Wrapper .iconContainer{
     display:block; 
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .iconContainer_mob,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .iconContainer_mob,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .iconContainer_mob,
      .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .card_link_mob,
      .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .card_link_mob,
      .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .card_link_mob{
          display:none;
      }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper,
  .columnWrapper .tab_wrapper .pastDue_wrapper,
  .columnWrapper .tab_wrapper .todoCard_wrapper{
          padding-left:16px;
      }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .largeBold,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .largeBold,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .largeBold{
    font-size: 14px !important;
    line-height: 24px !important;
     font-weight:normal !important;
  }
  .columnWrapper .tab_wrapper .upcomingCard_wrapper .card_content .duedate,
  .columnWrapper .tab_wrapper .pastDue_wrapper .card_content .large,
  .columnWrapper .tab_wrapper .todoCard_wrapper .card_content .large{
    color: #757575 !important;
    font-size: 12px !important;
    line-height: 21px !important;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .leftContent .buildingGroup{
     margin:0;
      }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent h5.nodataContent{
          margin:16px 0;
          text-align:left;
      }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent h5.nodataContent{
    color: #2D2C2C;
    font-family: Karla !important;
    font-size: 17px !important;
    letter-spacing: 0.13px !important;
    line-height: 27px !important;
  }
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent p.large a,
  .columnWrapper .tab_wrapper .closeCard_wrapper .noAction_wrapper .rightContent p.large{
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .helpResourceSection .collectionCardWrapper .slds-large-size_4-of-12{
      width:100%;
  }
  }
  .header_container {
    width: 100%;
      text-align: center;
      background-image: url("/selfexclusion/resource/CT_Assets/images/RC/HeaderBg.png");
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
  }
  .homepage .header_container {
      height: 397px;
      background-position-y: 25%;
  }
  .resultspage .header_container {
      height: 174px;
      background-position-y: 15%;
  }
  .globalSearchHeader {
      color: #FFFFFF;
  }
  .homepage .globalSearchHeader {
    margin-bottom: 48px;
  }
  .resultspage .globalSearchHeader {
      display: none;
  }
  .globalSearch .search-box input[type="text"] {
      height: 60px;
      margin: 0;
      border-radius: 4px 0 0 4px;
  }
  .globalSearch .searchBox {
      width: 100%;
  }
  
  /* style for brs ucc popup start */
  
  /* fix for BRS-2876 issue start*/
  
  .brs-ucc-popup .assignorCards .name-member {
    padding: 0;
  }
  
  .brs-ucc-popup .assignorCards .a-debtor-desc {
    padding-top: 16px;
  }
  
  .brs-ucc-popup .assignorCards .checkbox-wrapper {
    margin-bottom: 0;
  }
  
  .brs-ucc-popup .assignorCards .agent-mailing-address {
    margin-bottom: 8px;
  }
  
  /* fix for BRS-2876 issue end*/
  
  /* style for brs ucc popup end */
  
  @media only screen and (max-width: 1024px) {
      .globalSearch .search-box input[type="text"] {
      height: 54px;
      }
  }
  
  .please-note-head {
    color: #8A5321;
    font-family: KarlaBold !important;
    font-size: 16px !important;
    letter-spacing: 0.01px;
    line-height: 24px !important;
  }
  
  .please-note-body {
    color: #2D2C2C;
    font-family: Karla;
    font-size: 16px !important;
    letter-spacing: 0.01px;
    line-height: 24px !important;
  }
  
  .please-note {
    box-sizing: border-box;
    border: 1px solid #F6A053;
    border-radius: 4px;
    background-color: #FFF8F2;
    padding: 12px 24px;
  }
  
  .desktop-show {
    display: none !important;
  }
  
  .mobile-show {
    display: block !important;
  }
  
  @media only screen and (min-width: 1024px) {
    .desktop-show {
      display: block !important;
    }
  
    .mobile-show {
      display: none !important;
    }
    .brs-container{
      max-width: 1136px;
    }
  
    .brs-date-picker .slds-form-element__control.slds-input-has-icon.slds-input-has-icon_right{
      width: 209px;
    }
  
    .full-width .brs-date-picker .slds-form-element__control.slds-input-has-icon.slds-input-has-icon_right{
      width: 100%;
    }
    .tabset .slds-tabs_default__nav .slds-tabs_default__item:nth-child(2) {
      padding: 0 0 0 60px;
    }
  }
  .tabset .slds-tabs_default__item:after {
    height: 3px;
    background: #E0F2FF;
  }
  
  .tabset .slds-tabs_default__nav .slds-tabs_default__item:first-child {
    margin-left: 0;
  }
  
  .slds-tabs_default__nav .slds-tabs_default__item a {
    font-family: KarlaBold;
    font-size: 18px;
  }
  
  .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active a {
    color: #09538B;
  }
  
  .datatablebox .slds-table_bordered tbody tr:last-child td,
  .datatablebox .slds-table_bordered tbody tr:last-child th {
    border-bottom: solid 1px #ECEBEB !important;
  }
  
  .tabset-modal .slds-modal__footer {
    display: none;
  }
  
  .tabset-modal .slds-scrollable_x {
    background: #F7F9FA;
  }
  .tabset-modal .slds-scrollable_y {
    width: 100% !important;
  }
  .tabset-modal .hide-scroll .slds-scrollable_x {
    overflow-x: hidden;
  }
  
  .tabset .slds-tabs_default__nav .slds-tabs_default__item:first-child {
    padding: 0;
  }
  
  .deleted-table .datatablebox .slds-table .slds-truncate{
    opacity: 0.6;
  }
  
  .natural-button {
    color: #09538B !important;
    font-family: Karla;
    font-size: 16px;
    letter-spacing: 0.01px;
    line-height: 24px !important;
    text-decoration: underline !important;
  }
  
  .natural-button-large {
    color: #09538B !important;
    font-family: Karla;  
    letter-spacing: 0.01px !important;
    line-height: 24px !important;
    text-decoration: underline !important;
    font-size: 18px;
    letter-spacing: 0.02px !important;
  }
  
  .slds-button.natural-button-with-icon:hover,
  .slds-button.natural-button-with-icon:focus,
  .slds-button.natural-button-with-icon {
    color: #00528D;
    font-family: Karla;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    text-decoration: underline;
    width: unset;
    margin-left: 0 !important;
  }
  
  .natural-button-with-icon .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  
  .slds-button.natural-button-with-icon:focus {
    box-shadow: none;
  }
  
  .brs-wrapper a {
    color: #09538B;
  }
  
  .card-footer-btns {
    padding: 16px 24px;
    border-top: 1px solid #ECEBEB;
  }
  
  .card-footer-btns .slds-button {
    margin-right: 24px;
  }
  
  .card-footer-btns .slds-button:last-child {
    margin-right: 0;
  }
  
  .tabset-modal ::marker {
    font-family: karlaBold;
    color: #757575;
    font-size: 16px;
  }
  
  .sldsActionButtons{
    display: flex;
    align-items: center;
  }
  
  .mailing-address {
    color: #2D2C2C;
    font-family: KarlaBold;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px;
    padding-bottom: 22px;
  }
  
  .large-link {
    color: #00528D !important;
    font-family: Karla;
    font-size: 18px;
    letter-spacing: 0.13px;
    line-height: 27px !important;
    text-decoration: underline !important;
    margin-bottom: 24px;
  }
  
  .link-icon .icon{
    margin-right: 8px;
    height: 24px;
    width: 24px;
  }
  
  .tabset .slds-tabs_default__content {
    min-height: 90px;
  }
  @media only screen and (min-width:1024px) {
    .tabset .slds-tabs_default__item.slds-is-active .slds-tabs_default__link::after {
      display: block;
      content: '';
      position: relative;
      height: 3px;
      margin-top: 3px;
      z-index: 9;
      background-color: #3a95d3;
    }
  
    .tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active::after,
    .tabset .slds-tabs_default__item:hover:after {
      background-color: #E0F2FF;
    }
    .tabset .slds-tabs_default__nav .slds-tabs_default__item a {
      line-height: 27px;
      height: 32px;
    }
  }
  
  .dull-orange-text{
    color: #8A5321;
  }
  .karaka-text{
    color: #333222;
  }
  .arrow-icon-container .slds-button_icon{
    width: 42px;
    height: 42px;
  }
  
  p.agent-mailing-address.address-header {
    padding-top: 0;
  }
  .acknowledge-header-container header{
    padding-top:32px;
  }
  .tabset-modal .generic-table thead th:nth-child(1){
    width: 16%;
  }
  .tabset-modal .generic-table thead th:nth-child(2){
    width: 18%;
  }
  .tabset-modal .generic-table thead th:nth-child(3){
    width: 20%;
  }
  .revote-please-note .container.slds-box {
    margin-top: 0;
  }
  .desc-text-1 .highlight-desc{
    font-family:KarlaBold;
  }
  lightning-combobox .slds-input[disabled] {
     background-color: #ECEBEB;
     opacity: 1;
     color: #2D2C2C;
  }
  /* Added as part of focus issues  */
  
  a:focus,button:focus {
    outline: 2px solid #2d2c2c !important
  }
  [role="link"]:focus {
    outline: 2px solid #2d2c2c !important
  }
  [role="search"]:focus {
    outline: 2px solid #2d2c2c !important
  }
  [role="button"]:focus {
    outline: 2px solid #2d2c2c !important
  }
  .mouseFocus *:focus {
    outline: none !important;
  }
  
  /* Added as part of focus issues  */
  
  @media only screen and (max-width:1023px) {
    .acknowledge-header-container header{
      padding-top: 16px;
    }
    .tabset .slds-dropdown-trigger,
    .tabset .slds-tabs_default__item {
      position: initial;
    }
  
    .tabset .slds-tabs_default__nav {
      position: relative;
      display: block;
      margin-bottom: 12px;
    }
  
    .tabset .slds-dropdown {
      margin-top: -4px;
      width: 100%;
      border-radius: 0 0 4px 4px;
      max-width: 100%;
      padding: 0;
      margin-top: 4px;
    }
  
    .tabset .slds-tabs_default__nav .slds-tabs_default__item:first-child {
      width: 70%;
      display: inline-block;
    }
  
    .tabset .slds-tabs_default__link {
      text-align: left;
      white-space: normal;
      word-break: break-word;
      line-height: initial;
      height: initial;
      font-size: 14px;
    }
  
    .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active::after,
    .slds-tabs_default__nav .slds-tabs_default__item:hover:after,
    .slds-tabs_default__nav .slds-tabs_default__item::after {
      background: none;
    }
  
    .tabset .slds-tabs_default__item.slds-tabs_default__overflow-button {
      vertical-align: top;
      padding: 0;
      float: right;
    }
  
    .tabset .slds-tabs_default__item.slds-tabs_default__overflow-button .slds-button {
      font-size: 16px;
      color: #2D2C2C;
      font-weight: normal;
      position: relative;
      bottom: 10px;
      text-decoration: none;
      line-height: 24px;
    }
  
    .tabset .slds-tabs_default__item.slds-tabs_default__overflow-button .slds-button lightning-primitive-icon {
      margin-left: 6px;
    }
  
    .tabset .slds-tabs_default__link {
      text-align: left;
      white-space: normal;
      word-break: break-word;
      line-height: initial;
      height: initial;
    }
  
    .tabset .slds-dropdown .slds-truncate {
      font-size: 14px;
      font-family: karla;
      color: #2D2C2C;
    }
  
    .tabset .slds-dropdown__item>a:active {
      background-color: #F7F9FA
    }
  
    .tabset .slds-dropdown__item>a {
      padding: 16px 12px 16px 24px;
    }
    .tabset lightning-primitive-icon svg{
      transform: scale(1.181,1.143);
    }
    /* brs ucc popup style */
  
    .brs-ucc-popup.member-popup header {
      padding: 20px 16px 0;
    }
  
    .brs-ucc-popup.member-popup .popup-body {
      padding: 0 16px 40px;
    }
  
    .brs-ucc-popup.member-popup footer {
      padding: 28px 16px 32px;
    }
  
    .brs-ucc-popup.member-popup .agent-mailing-address.assignor-details {
      padding-bottom: 8px;
    }
  
    .brs-ucc-popup .assignorCards .small.labelId {
      margin-top: 16px;
    }
  
    .brs-ucc-popup .assignorCards .labelFirstRow {
      margin-bottom: 16px;
    }
  
    .brs-ucc-popup.add-member-popup .slds-modal__footer button.natural-button.back-btn {
      margin-top: 32px;
    }
  
    .brs-ucc-popup .checkbox-wrapper div.checkbox-label {
      padding: 20px 16px 16px;
    }
  
    .brs-ucc-popup.member-popup .popup-body.radio-options {
      padding-bottom: 40px;
    }
  
    /* brs popup style end */
  
    /*styling for modal buttons start*/
  
    .brs-wrapper .modal-footer.sldsActionButtons {
      flex-direction: column;
    }
  
    .brs-wrapper .modal-footer.sldsActionButtons .slds-col.button-wrapper {
      width: 100%;
      margin-bottom: 16px;
    }
  
    .brs-wrapper .modal-footer.sldsActionButtons .slds-col.slds-order_1 {
      order: 2;
    }
  
    /*styling for modal buttons end*/
  }
  body .pls-note-wrapper .container {
    margin-top: 24px;
  }
  body .success-container-card-body .container {
    margin-top: 0;
  }
  .acknowledgeWrapper .mobile-specific .acknowledgeField label.slds-form-element__label {
    letter-spacing: 0.02px;
  }
  .review-section-container .question-description .slds-rich-text-editor__output a {
    color: #757575;
    pointer-events: none;
    text-decoration: none;
  }
  .review-section-container lightning-formatted-phone a,
  .review-section-container lightning-formatted-email a {
    color: #2D2C2C;
    pointer-events: none;
    text-decoration: none;
  }
  
  [placeholder] {
    text-overflow: ellipsis;
  }
  body .business-available-popup .slds-modal__footer {
    border: 0px;
  }
  body .business-available-popup .mobile-close {
    margin-top: 6px;
  }
  .slds-input[disabled], .slds-input.slds-is-disabled, .slds-input:disabled {
    opacity: 1;
  }
  
  @media print{
    .cms-content{
      display: none;
    }
  }
  
  .sep-button-plain {
    border: 3px solid #09538B;
    border-radius: 4px;
    min-width: 182px;
    min-height: 56px;
    font-family: Karla;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #09538B;
    background: white;
  }
  
  .slds-popover--tooltip, .slds-popover_tooltip {
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0px 60px 12px 0px #FF0000 12.16% !important;
    color: #000000 !important;
  }
  .slds-popover__body {
    color: #000000 !important;
    font-family: karla !important;
  }  
  
  lightning-helptext .slds-button__icon {
    color: #2D2C2C;
    height: 16px;
    width: 16px;
  }
  
  .sep-asterik {
    color: #DB2426;
    font-family: 'Karla';
    line-height: 24px;
    font-size: 16px;
  }