body {
  min-height: 1200px;
}

.cCenterPanel {
  max-width: 1366px !important;
  margin: 0 auto !important;
}

.flowContainer {
  /* max-width: 1600px; */
  width: auto;
  display: flex;
  margin: 0 auto;
  background-color: #f7f9fa;
}

.faq-popup .slds-modal__header {
  margin-top:100px;
}

.eligibility-popup > section {
  overflow: hidden !important;
}

.eligibility-popup > section > .slds-modal__container > .slds-modal__footer {
  padding: 0px !important
}

.sideNav {
  min-width: 280px;
  background-color: #ffffff;
  position: relative;
}

.mainContent {
  width: 100%;
  background-color: #f7f9fa;
  margin-bottom: 0;
  padding: 0 20px;
}

.dropdownWrapper abbr.slds-required {
  display: none;
}

.detailedNextSections .slds-rich-text-editor__output ul {
  list-style : none !important
}

.dept-data > div > a,
.popupAnchor {
  color: #09538B !important;
 }

.faq-caa-details{
  color: #000;
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px; 
  padding-bottom: 24px;
  padding-top: 16px;
  margin-bottom: 0px !important;
 }

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input::-webkit-calendar-picker-indicator{
  visibility: hidden;
}
.ssnSelect .small {
  font-size: 17px !important;
font-weight: 400 !important;
line-height: 24px !important;
}

.slds-accordion__summary-heading > button > span {
  order: 1;
}
.filter_section_mobile >.slds-accordion>slot >.slds-accordion__list-item > section >.slds-accordion__summary > .slds-accordion__summary-heading > button > lightning-primitive-icon  {
  order: 2;
padding-left:10px;
transform: rotate(90deg);
display:flex;
gap:40px;
margin-left:110px;
color: #757575;
}
.slds-accordion__content > slot > hr {
margin-top :0px !important;
}

.slds-accordion__summary-heading {
  color: #09538b;
  font-family: Karla !important;
  font-size: 18px !important;
  font-weight: bold !important;
  letter-spacing: 0.6px !important;
  line-height: 17px !important;
  padding-top: 16px;
  padding-bottom: 15px;
}
.filter_section_mobile >.slds-accordion>slot > .slds-accordion__list-item > .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon {
  transform: rotate(270deg) !important;
  color: #757575;
}
.filter_section_mobile >.slds-accordion>slot >.slds-accordion__list-item > section >.slds-accordion__summary > .slds-accordion__summary-heading > button > .slds-accordion__summary-content{
  color: #757575;
}
.filter_section_mobile >.slds-accordion>slot >.slds-accordion__list-item > section >.slds-accordion__summary> .slds-accordion__summary-heading .slds-button:focus {
  text-decoration:dotted !important;
  
}

.full-screen .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small {
  padding: 0;
}

.flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small {
  background-color: #f7f9fa;
  margin: 0;
}
.slds-form-element__help {
  color: #db2426 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-family: "Karla" !important;
  letter-spacing: 0.01px;
  margin-top: 4px !important;
  position: relative;
}
 .questionsRadio .radioWrapper {
  color: #000000;
  margin: 30px 0 40px 0 !important;
}
.disabilityRadio .radioWrapper{
  margin-top: 9px !important;
}
.sectionMargin .dateContainer {
  padding-right: 9px !important;
}
label > p, label > .inputForm > p {
  color: #000000 !important;
}

.modal-gap  .slds-modal__container,
.tooltip-modal .slds-modal__header {
  margin-top: 100px;
}

@media only screen and (min-width: 1023px) {
  P.displayOneLineHeading {
    width: 200%;
  }

  .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small {
    padding-right: 60px;
    padding-left: 0;
  }

  .multicolumndisplay .ct-bos-multi-container-all {
    display: flex;
    flex-flow: column wrap;
    height: 220px;
    /* changed from 208px */
  }

  .multicolumndisplay .ct-bos-multi-container-all .tabfocus {
    margin-right: 100px;
  }

  .modal-buttons .order-button {
    order: 2;
  }

  .rich-text-content *:not(.faq-info-table *,.mobile-table-container *) {
    font-size: 14px !important;
    line-height: 21px !important;
    letter-spacing: 0.01px !important;
  }
  
}

/*Common CSS */
@font-face {
  font-family: Karla;
  src: url("/ceap/resource/CEAP_Assets/fonts/karla/Karla-Regular.ttf");
}

@font-face {
  font-family: KarlaBold;
  src: url("/ceap/resource/CEAP_Assets/fonts/karla/Karla-Bold.ttf");
}

@font-face {
  font-family: Lato;
  src: url("/ceap/resource/CEAP_Assets/fonts/lato/Lato-Regular.ttf");
}


.noMargin .radioWrapper {
  margin: 0 !important;
}

.radioNoBorderStyle .radioWrapper .genericRadio .radio-main-wrapper label.ct-bos-input-label_radio {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  margin-right: 16px;
  min-width: unset;
}

.radioNoBorderStyle .radioWrapper .genericRadio .radio-main-wrapper .checkmark {
  margin-left: 0;
}

.radioNoBorderStyle .radio-label {
  padding-left: 1.75rem !important;
  line-height: 24px !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

.mouseClick:focus,
.mouseClick *:focus {
  outline: none !important;
}

.mouseClick .cms-content:focus,
.mouseClick .cms-content *:focus {
  outline: none !important;
}

.mouseFocus *:focus {
  outline: none !important;
}

.ct-bos-input-label_radio:focus-within,
[tabindex="0"]:focus {
  outline: 2px solid #000000;
}

.upload_document:focus-within {
  border: 2px solid #2d2c2c;
}

.mouseFocus .ct-bos-input-label_radio.checked:focus-within {
  outline: none !important;
}


.hero,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato !important;
  font-weight: bold !important;
  color: #000000;
}

p.large,
p.largeBold,
p.small,
p.smallBold,
p.smaller,
p.smallerBold,
.description,
h3.checklistSubHeading,
.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;
  letter-spacing: 0.38px !important;
}

h2,
h1.checkListHeading{
  font-size: 51px !important;
  font-weight: bold !important;
  line-height: 63px !important;
  letter-spacing: 0.36px !important;
}

h3 {
  font-size: 43px !important;
  font-weight: bold !important;
  line-height: 49px !important;
  letter-spacing: 0.31px !important;
}

h4,
h1.sectionDivierHead,
h1.mainheading,
h1.page-title {
  font-size: 35px !important;
  font-weight: bold !important;
  line-height: 43px !important;
  letter-spacing: 0.25px !important;
}

h5,
h1.modalHeading,
h2.subHeading,
h2.docHeading,
h3.continueApplication ,
h4.modifiedDate{
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 35px !important;
  letter-spacing: 0.2px !important;
}

h6,
h2.accordianHeading,
h2.checklistHeading,
h3.attach_doc,
h2.eligibility-card-title {
  font-size: 22px !important;
  font-weight: bold !important;
  line-height: 33px !important;
  letter-spacing: 0.16px !important;
}

li.large {
  font-size: 18px !important;
  line-height: 27px !important;
  letter-spacing: 0.13px !important;
}

p.large {
  font-size: 18px !important;
  line-height: 27px !important;
  letter-spacing: 0.13px !important;
}

p.largeBold {
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: bold !important;
  letter-spacing: 0.13px !important;
}

p.large lightning-formatted-rich-text,
p.largeBold lightning-formatted-rich-text {
  line-height: 27px !important;
}

p.small {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.01px !important;
}

p.smallBold,
h3.checklistSubHeading {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: bold !important;
  letter-spacing: 0.01px !important;
}

p.small lightning-formatted-rich-text,
p.smallBold lightning-formatted-rich-text {
  line-height: 24px !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-weight: bold !important;
}

p.medium {
  font-size: 28px !important;
  line-height: 35px !important;
}

p.mediumBold {
  font-size: 28px !important;
  line-height: 35px !important;
  font-weight: bold !important;
}

h2.introName{
  font-family: KarlaBold !important;
  font-size: 18px !important;
  letter-spacing: 0.30px !important;
  line-height: 27px !important;
}

h2.card-household-income{
  font-family: Karla !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.014286px;
  color: #2D2C2C;
  word-wrap: break-word;
}

.description {
  font-size: 14px !important;
  line-height: 21px !important;
  letter-spacing: 0.01px !important;
}

.legal {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.09px !important;
}

.slds-modal__header,
.slds-modal__content {
  color: #000000 !important;
}

a:focus {
  outline: 2px solid #000000;
}

.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 #000000;
}

.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 #09538B;
  outline-offset: 4px;
}

.saveExitBtn.slds-button,
.secondary-btn.slds-button {
  color: white !important;
  background-color: #09538b !important;
  font-family: Karla;
  font-size: 14px;
  font-weight: bold;
  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;
  justify-content: center;
}

.saveExitBtn.slds-button:hover,
.secondary-btn.slds-button:hover {
  color: white;
  background-color: #09538b;
  /* border: 2px solid #053756;
  background-color: transparent; */
}

.saveExitBtn {
  height: 56px;
}

.hline {
  opacity: 0.18;
  background-color: #d8d8d8;
}

.search-icon svg {
  fill: #09538b;
}

.tab .slds-tabs_default__item {
  font-family: Karla;
}

.keywords b {
  color: #3a3939;
}

/** 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;
}

.slds-textarea {
  border: 1px solid #d0cfcf !important;
  box-shadow: 0 4px 8px 0 #e7e9f2 !important;
  font-size: 16px;
  line-height: 24px !important;
  letter-spacing: 0.01px !important;
}

/* Error Message container css */
.slds-nubbin_bottom-right:before {
  content: none !important;
}

.slds-popover__body {
  padding: 0 !important;
}

.slds-popover {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.014286px;
  color: #000000;
  padding: 14px 20px;
  background: #ffffff;
  box-shadow: 0px 6px 12px rgba(5, 55, 86, 0.121585);
  border-radius: 4px;
}

.slds-nubbin_top:after {
  content: none !important;
}

.ct-bos-multi-checkbox-container .ct-bos-multi-checkbox-label input[disabled]~.ct-bos-multi-checkbox-custom {
  background-color: #ECEBEB;
  border: 1px solid #D0CFCF;
}

.ct-bos-multi-checkbox-container .ct-bos-multi-checkbox-label input[disabled]~.ct-bos-multi-checkbox-custom:after {
  border-color: #D0CFCF;
}

.ct-bos-multi-checkbox-container .ct-bos-multi-checkbox-label input[disabled]:hover~.ct-bos-multi-checkbox-custom {
  border-color: #D0CFCF;
}

/* 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;
  width: 88%;
  text-align: left;
  font-size: 18px;
  letter-spacing: 0.13px;
  line-height: 27px;
  font-family: karla;
  padding: 25px;
  color: #000000;
}

input[type="text"] {
  font-family: karla;
}

.slds-tabs_default__nav {
  color: #09538b;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 25px;
  border-bottom: none !important;
  margin-left: 48px;
}

.slds-tabs_default__nav a {
  text-decoration: none !important;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  /* identical to box height, or 150% */

  text-align: center;
  letter-spacing: 0.128571px;
  text-transform: uppercase;
}

.slds-tabs_default__nav .slds-tabs_default__item,
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
  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("/resource/CEAP_Assets/icons/chevron-right-blue.svg");
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  margin-right: 20px;
}

/* CSS from community Page */
.siteforceServiceBody .cCenterPanel {
  width: 100% !important;
  max-width: 100% !important;
}

.siteforceCptBody{
  z-index: unset !important;
}

.containerDiv,
.mainSection {
  max-width: 1136px;
  margin: 0 auto;
  width: 1136px;
}

.slds-col_padded,
.slds-col--padded {
  padding: 0 !important;
}

/* Side Nav Styling */
.sideNav {
  min-width: 292px;
  background-color: #053756;
  position: relative;
  border-top-right-radius: 8px;
}

.sideNav .sideNavItem.toggle {
  width: 236px;
}

.toggleSidenav {
  transition: border-top-right-radius 2s;
  /*border-top-right-radius: 8px;*/
  background-color: #053756;
  z-index: 9;
}

.toggleSidenav:hover {
  border-top-right-radius: 0;
}

.toggleSidenav:hover .sideNavItem.toggle {
  width: 244px;
  transition: width 1s;
  color: #fff;
}

.toggleSidenav .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%;
  color: #000000;
}

.checklistActive .checklist,
.actionItemsActive .aitems,
.businessActive .business,
.covidUpdatesActive .covidupdates,
.businessCenterActive .bcenter {
  background-color: #09538b;
}

.dashboardActive .dashboard,
.uploadActive .upload,
.faqActive .faq,
.submittedDocsActive .submittedDocuments {
  background-color: #09538b;
}

/** Buttons CSS **/
/* .primaryBtn.slds-button, */
/* .primaryBtnSmall.slds-button, */
.slds-button.slds-button_brand.primaryBtn,
.primaryBtn.slds-button button,
.primaryBtnSmall.slds-button button{
  background-color: #09538b;
  border-radius: 4px;
  color: #ffffff !important;
  font-family: Karla;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 17px;
  padding: 0 40px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  min-height: 56px;
  height: auto;
  justify-content: center;
}

.primaryBtn.slds-button:active,
.primaryBtnSmall.slds-button:active{
  background-color: #09538b;
}

a {
  color: #09538b;
  text-decoration: underline;
}

.apply-button button {
  width: 228px;
}


.primaryBtn.slds-button:hover,
.primaryBtn.slds-button:active,
.primaryBtn.slds-button:focus,
.primaryBtn.slds-button:visited {
  color: #ffffff !important;
}

.back-btn .slds-button:focus {
  outline: 2px solid #09538B;
  outline-offset: 4px;
}

.primaryBtn.slds-button:focus,
.secondaryBtn.slds-button:focus,
.secondaryBtn .slds-button:focus,
.whiteBtn.slds-button:focus,
.primaryBtnSmall.slds-button:focus,
.saveExitBtn.slds-button:focus,
.iconBtn.slds-button:focus,
.primaryBtnSmall .slds-button.slds-button_neutral:focus,
.primaryBtn .slds-button.slds-button_neutral:focus{ 
  outline: 2px solid #09538B !important;
  border-radius: 2px;
  outline-offset: 4px;
}

.primaryBtnSmall.slds-button:disabled {
  border: 1px solid #ECEBEB;
  background-color: #ECEBEB;
  color: #000000 !important;
}

.secondaryBtn.slds-button,
.secondaryBtn .slds-button {
  background-color: #ffffff;
  border-radius: 4px;
  border: 2px solid #09538b;
  color: #09538b;
  font-family: Karla;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 17px;
  padding: 0 80px;
  text-align: center;
  text-transform: uppercase;
  height: 40px;
}

.secondaryBtn .slds-button {
  padding: 0 40px;
}

.whiteBtn.slds-button {
  background-color: #ffffff;
  border: none;
  box-shadow: 2px 3px 4px #e7e9f2;
  color: #000000;
  font-family: Karla;
  font-size: 14px;
  font-weight: bold;
  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-family: Karla;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  letter-spacing: 0.6px;
  width: 56px;
  height: 40px;
  text-align: center;
  text-transform: uppercase;
}

.linkBtn.slds-button {
  font-family: Karla;
  font-size: 18px;
  font-weight: normal;
  color: #09538b;
  text-decoration: underline;
  letter-spacing: 0.13px;
  line-height: 24px;
  height: auto;
  justify-content: center;
}

/********* CSS for customizing Dropdown********/
.slds-combobox__input {
  background: #ffffff url("/ceap/resource/CEAP_Assets/icons/chevron-down-blue.svg") no-repeat right center;
}

.slds-combobox__input[readonly][disabled] {
  background: #ffffff url("/ceap/resource/CEAP_Assets/icons/chevron-down-grey.svg") no-repeat right center;
}

.slds-combobox_container .slds-input-has-icon .slds-input__icon:not(button) {
  display: none;
}

.slds-input,
.slds-input.slds-combobox__input,
.slds-combobox__input {
  /*width: 345px !important; */
  height: 56px !important;
  border: 1px solid #d0cfcf;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px 0 #e7e9f2 !important;
  padding: 16px 24px !important;
  color: #000000;
  font-size: 16px !important;
  font-family: Karla;
  letter-spacing: 0.01px !important;
  margin-bottom: 0px;
  line-height: 24px !important;
}

.slds-input[readonly] {
  border: 1px solid #d0cfcf;
}

.slds-input[disabled] {
  color: #2d2c2c !important;
}

.slds-input[readonly][disabled] {
  background: #F7F9FA;
  border: 1px solid #D0CFCF !important;
  box-shadow: 0px 4px 8px #E7E9F2 !important;
  color: #2d2c2c !important;
}

.comboBoxContainer .slds-input.slds-combobox__input {
  padding-right: 28px !important;
  text-overflow: ellipsis;
}

.slds-listbox_vertical .slds-listbox__option_plain {
  font-size: 18px;
}

.slds-dropdown-trigger.slds-is-open .slds-listbox__option.slds-has-focus {
  outline: 2px solid #000000;
  border-left-style:solid;
  border-right-style: solid; 
}

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

.slds-input[readOnly]:focus,
.slds-input[readOnly]:active,
.slds-input[readOnly]:hover {
  border: 1px solid #D0CFCF !important;
  box-shadow: 0px 4px 8px #E7E9F2 !important;
}

.slds-input.slds-combobox__input:focus,
.slds-input.slds-combobox__input:active,
.slds-input.slds-combobox__input:hover {
  cursor: pointer;
}

.slds-form-element__label:empty {
  display: none;
}

.slds-spinner {
  position: fixed !important;
}

.relativeSpinner .slds-spinner{
  position: unset !important;
  transform: rotate(90deg);
}

.dateContainer .textfield .slds-input {
  outline: none;
  border: none !important;
  box-shadow: none !important;
  height: 52px !important;
  cursor: auto;
}

/*multiselect checkbox on card stylings*/

.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%;
  overflow: hidden;
}

.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; */
  color: #000000;
  font-size: 16px;
}

.checkbox-wrapper .small.labelId {
  margin-top: 12px;
  display: flex;
}

.checkbox-wrapper .labelcontent {
  color: #000000;
  font-family: Lato;
  font-size: 22px;
  font-weight: bold;
}

.checkbox-wrapper div.checkbox-label {
  /* padding: 16px 24px; */
  padding: 16px 7px 25px 24px;
  width: 100%;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}

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

.theme3 .checkmark,
.theme1 .checkmark-container,
.theme2 .checkmark-container {
  display: none !important;
}

.theme3 .checkmark.containerTheme {
  display: block !important;
  position: relative;
  margin: auto;
}

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

.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: #000000;
  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: #000000;
  font-family: Lato;
  font-size: 22px;
  font-family: KarlaBold;
}

.theme3.theme5 input[type="radio"]:checked~.radio-wrapper .checkmark-container {
  border-top: 1px solid #09538b !important;
  border-right: none;
}

.theme3.theme5.theme4 input[type="radio"]:checked~.radio-wrapper .checkmark-container,
.theme3.theme5.theme4 .checkmark-container {
  border-top: none !important;
}

.theme3.theme5.theme4 .radio-wrapper {
  margin-right: 0;
}

.mobileHelpContent .slds-accordion__summary-action {
  color: #757575;
  /* border: 1px solid;
      border-radius: 4px;
      padding-left: 24px;
      padding-top:16px;
      padding-bottom: 16px; */
  font-family: "Karla";
  font-size: 16px;
}

.mobileHelpContent .slds-accordion__summary-action:focus {
  color: #757575 !important;
}

.mobileHelpContent .slds-accordion__summary-action-icon.slds-icon-text-default {
  fill: #757575 !important;
  margin-right: 24px;
}

/* .mobileHelpContent .slds-accordion__list-item:first-child span{
  padding-left:24px;
  } */
.mobileHelpContent .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon {
  transform: rotate(180deg) !important;
  margin-right: 24px;
}

.mobileHelpContent .slds-is-open>.slds-accordion__content {
  padding: 0px 24px;
}

.mobileHelpContent .slds-accordion__list-item .slds-accordion__section .slds-accordion__summary-heading span {
  padding-left: 24px;
}




/*multiselect checkbox on card stylings*/

/* Custom styling for  Date Picker starts */
.generic-date-picker {
  color: #000000;
}

.generic-date-picker h2 {
  font-size: 18px !important;
  font-family: Karla !important;
  padding: 0 8px;
}

.generic-date-picker .slds-input {
  margin: 0;
}

input::-webkit-date-and-time-value{ text-align:left; }


.generic-date-picker .slds-input__icon.slds-input__icon_right {
  align-items: center;
  display: flex;
  cursor: pointer;
  pointer-events: initial;
}

.generic-date-picker svg.slds-button__icon {
  fill: #09538b;
}

.generic-date-picker .slds-select_container {
  margin-top: 16px;
}

.generic-date-picker .slds-select_container select.slds-select {
  background: url("/ceap/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;
}

.generic-date-picker .slds-select_container:before,
.generic-date-picker .slds-select_container:after {
  width: 10px;
  border-left: none;
  border-right: none;
  border-radius: 1px;
}

.generic-date-picker .slds-select_container:before {
  border-bottom: none;
}

.generic-date-picker .slds-select_container:after {
  border-top: none;
}

.generic-date-picker .slds-datepicker__month,
.generic-date-picker .slds-day {
  font-size: 14px;
}

.generic-date-picker .slds-datepicker__month thead th {
  color: #757575;
  font-weight: bold;
}

.generic-date-picker .slds-datepicker {
  padding: 0 8px;
}

.generic-date-picker .slds-datepicker__filter {
  justify-content: space-between;
}

.generic-date-picker .slds-datepicker__filter_month {
  max-width: fit-content;
}

.generic-date-picker .slds-datepicker__filter_month .slds-align-middle:first-child button,
.generic-date-picker .slds-datepicker__filter_month .slds-align-middle:last-child button {
  background-image: url("/ceap/resource/CT_Assets/icons/chevron-right-blue.svg");
  width: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.generic-date-picker .slds-datepicker__filter_month .slds-align-middle:first-child button {
  transform: rotate(180deg);
}

.generic-date-picker .slds-datepicker__filter_month .slds-align-middle .slds-button {
  right: 0;
}

.generic-date-picker .slds-datepicker__filter_month .slds-align-middle svg {
  display: none;
}

.generic-date-picker .slds-button {
  right: 10px;
}

.dateContainer .mobDateField .slds-input {
  cursor: pointer;
  background: #ffffff url("/ceap/resource/CT_Assets/icons/calendar-blue.svg") no-repeat right center;
  background-size: 28px;
  background-position: 97% center;
  -webkit-appearance: none;

}

.dateContainer .mobDateField .slds-input__icon.slds-input__icon_right {
  visibility: hidden;
}

.dateContainer .textfield .slds-input {
  outline: none;
  border: none !important;
  box-shadow: none !important;
  height: 52px !important;
  cursor: auto;
}

.dateContainer .datefield .slds-input {
  cursor: pointer;
}

.errortext {
    color: #DB2426 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-family: 'Karla' !important;
    margin-top: 4px;
    position: relative;
}


/* Custom Date Picker Styling Ends here */

.custom-table {
  background: #FFFFFF;
  box-shadow: 0px 8px 16px #E7E9F2;
  border-radius: 4px;
}

.custom-table th {
  padding: 24px 32px;
  background: #F7F9FA;
  border-bottom: 1px solid #ECEBEB;
  font-family: KarlaBold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.014px;
  color: #000000;
}

.custom-table td {
  padding: 32px;
  border-bottom: 1px solid #ECEBEB;
  font-family: Karla;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.014px;
  color: #000000;
}

.link-button .slds-button {
  font-family: Karla;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.016px;
  text-decoration-line: underline;
  color: #09538B;
  border: none;
}

.link-button .slds-button:focus,
.link-button .slds-button:active,
.link-button .slds-button:hover {
  text-decoration-line: underline;
  color: #09538B;
  border: none;
}

.link {
  color:#09538B;
  font-family: Karla;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; 
  letter-spacing: 0.116px;
  text-decoration-line: underline;
}

.modal-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.slds-modal__footer .modal-buttons .slds-button+.slds-button {
  margin: 0;
}

.rich-text-content *:not(.faq-info-table *,.mobile-table-container *) {
  font-family: Karla !important;
  font-size: 16px !important;
  line-height: 27px !important;
  letter-spacing: 0.01px !important;
  color: #000000;
}

.rich-text-content a *:not(.faq-info-table a,.mobile-table-container a),
.rich-text-content a:not(.faq-info-table a,.mobile-table-container a){
  color:#09538B !important;
  text-decoration: underline;
}

.rich-text-content ul ,
.rich-text-content h3.faqDesc{
  margin-bottom: 0 !important;
}

.primaryBtn.slds-button.fullWidthButton,
.primaryBtn.slds-button.fullWidthButton.alignButton button{
  width: 100%;
}

.custom-faq-table {
  border: 0.5px solid #D0CFCF;
  border-top: none;
  border-radius: 4px;
}

.faq-info-table {
  border-top: none;
  width: 100%;
}

.faq-info-table th {
  background: #F7F9FA;
  padding: 20px 16px !important;
}

.faq-info-table th .slds-truncate {
  font-family: Karla;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.faq-info-table th:nth-child(1) {
  width: 190px;
  padding-left: 38px !important;
}

.faq-info-table th:nth-child(2) {
  width: 180px;
}

.faq-info-table th:nth-child(3) {
  width: 168px;
}

.faq-info-table th:nth-child(4) {
  width: 270px;
}


.faq-info-table td {
  padding: 20px 16px !important;
  vertical-align: top;
  border-top: 1px solid #ECEBEB;
  position: relative;
}



.faq-info-table .dept-data {
  padding-left: 32px !important;
}

.faq-info-table .content-medium {
  font-family: Karla;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.014286px;
  color: #000000;
  white-space: pre-wrap;
}

.faq-info-table .dept-data p {
  font-weight: 700;
}

.faq-info-table .dept-data a {
  padding-left: 5px;
  text-decoration: underline;
  font-weight: 700;
}

.faq-info-table .address-data p {
  color: black;
}

.faq-info-table .email-data a {
  text-decoration: underline;
}

.faq-info-table .dept-data .first-col {
  display: flex;
}

.faq-info-table .dept-data:after {
  content: "";
  width: 8px;
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 0px 4px 4px 0;
}

.faq-info-table .yellow .dept-data:after {
  background: #FFEB99;
}

.faq-info-table .light-blue .dept-data:after {
  background: #9FC3F2;
}

.faq-info-table .light-green .dept-data:after {
  background: #C2FFCC;
}

.faq-info-table .light-orange .dept-data:after {
  background: #FFD699;
}

.faq-info-table .light-cyan .dept-data:after {
  background: #D9FFFF;
}

.faq-info-table .very-light-green .dept-data:after {
  background: #BACDC9;
}

.faq-info-table .mindaro-color .dept-data:after {
  background: #D6FF99;
}

.faq-info-table .shampoo-color .dept-data:after {
  background: #FFC7FF;
}

.faq-info-table .violet-color .dept-data:after{
  background: #C9B2FC;
}

.faq-info-table .first-row .dept-data::after {  
  border-radius: 0px 4px 0 0;
  bottom: -1px;
}

.faq-info-table .second-row .dept-data::after {  
  border-radius: 0px 0px 4px 0;
}

.faq-info-table .no-radius .dept-data::after {  
  border-radius: 0;
  bottom: -1px;
}


.mobile-table-container .each-row {
  display: flex;
  background: #ffffff;
  border-bottom: 1px solid #ECEBEB;
}

.mobile-table-container .each-section .each-row:last-child {
  border-bottom: none;
}

.mobile-table-container .each-section {
  border: 1px solid #ECEBEB;
  border-radius: 4px;
  margin-bottom: 24px;
}

.mobile-table-container .each-section:last-child{
  margin: 0;
}

.mobile-table-container .each-column {
  display: flex;
}

.mobile-table-container .each-row .each-column:first-child {
  background: #F7F9FA;
  padding: 8px 16px;
  font-family: Karla;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  letter-spacing: 0.01px;
  width: 50%;
}

.mobile-table-container .each-column:last-child {
  padding: 8px 12px 8px 24px;
  font-family: Karla;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.01px;
  color: #000000;
  width: 50%;
  white-space: pre-wrap;
  word-break: break-word;
  position: relative;
}

.mobile-table-container .each-column.sr-number {
  padding-left: 9px;
}

.mobile-table-container .each-column.sr-number p {
  width: 20px;
  color: #000000;
  font-weight: 700;
}

.mobile-table-container .each-column.sr-number a {
  color: #000000;
  width: 100%;
  font-weight: 700;
  text-decoration-line: underline;
}

.mobile-table-container .each-column.email a {
  color: #000000;
  text-decoration-line: underline;
}

.mobile-table-container .sr-number:after {
  position: absolute;
  content: "";
  width: 8px;
  top: 4px;
  bottom: 4px;
  right: 0;
  border-radius: 4px 0 0 4px;
}

.mobile-table-container .yellow:after {
  background-color: #FFD699;
}

.mobile-table-container .light-blue:after {
  background: #9FC3F2;
}

.mobile-table-container .light-green:after {
  background: #C2FFCC;
}

.mobile-table-container .light-orange:after {
  background: #FFD699;
}

.mobile-table-container .light-cyan:after {
  background: #D9FFFF;
}

.mobile-table-container .very-light-green:after {
  background: #BACDC9;
}

.mobile-table-container .mindaro-color:after {
  background: #D6FF99;
}

.mobile-table-container .shampoo-color:after {
  background: #FFC7FF;
}

.mobile-table-container .violet-color:after {
  background: #C9B2FC;
}

.qlabel,
.input-label {
  margin-bottom: 8px !important;
}

.tooltip-modal .slds-modal__container{
  padding-bottom: 17px;
}
.tooltip-modal .slds-modal__header{
  margin-top: 100px;
}

@media only screen and (max-width: 1023px) {
  body {
    min-height: auto;
  }
 
  P.displayOneLineHeading {
    width: unset;
  }
  .sideNav .sideNavItem.toggle {
    min-width: 184px;
  }

  .sectionMargin .dateContainer {
    padding-right: 0 !important;
}
  .siteforceContentArea .comm-layout-column { 
    padding: 0 !important;
  }

  .radioNoBorderStyle .radio-main-wrapper {
    flex-direction: column;
  }

  .radioNoBorderStyle .radioWrapper .genericRadio .radio-main-wrapper label.ct-bos-input-label_radio {
    margin-bottom: 16px;
  }

  .radioNoBorderStyle .radioWrapper .genericRadio .radio-main-wrapper label.ct-bos-input-label_radio:last-child {
    margin-bottom: 0px;
  }

  .modal-buttons {
    display: flex;
    flex-direction: column;
  }

  .modal-buttons .slds-button:first-child {
    margin-bottom: 16px;
  }

  .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;
    letter-spacing: 0.3px !important;
  }
  h2,
  h1.checkListHeading {
    font-size: 40px !important;
    font-weight: bold !important;
    line-height: 50px !important;
    letter-spacing: 0.25px !important;
  }
  h3 {
    font-size: 34px !important;
    font-weight: bold !important;
    line-height: 42px !important;
    letter-spacing: 0.24px !important;
  }
  h4,
  h1.sectionDivierHead,
  h1.mainheading,
  h1.page-title {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 35px !important;
    letter-spacing: 0.02px !important;
  }
  h5,
  h1.modalHeading,
  h2.subHeading,
  h2.docHeading,
  h3.continueApplication ,
  h4.modifiedDate {
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 27px !important;
    letter-spacing: 0.16px !important;
  }
  h6,
  h2.accordianHeading,
  h2.checklistHeading,
  h3.attach_doc,
  h2.eligibility-card-title {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    letter-spacing: 0.14px !important;
  }
  p.large,
  p.largeBold {
    font-size: 17px !important;
    line-height: 25px !important;
    letter-spacing: 0.12px !important;
  }
  p.small,
  p.smallBold,
  h3.checklistSubHeading {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.01px !important;
  }
  .description {
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0.09px !important;
  }
  .legal {
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: 0.07px !important;
  }
  .questionsRadio .radioWrapper {
    margin: 24px 0 !important;
  }

  .saveExitBtn.slds-button {
    width: 100%;
  }
  .qlabel,
  .input-label {
    margin-bottom: 14px !important;
  } 

  .primaryBtn.slds-button button,
.primaryBtnSmall.slds-button button{
  width: 100%
}

.slds-modal__footer .slds-button+.slds-button {
  margin-left: 0px !important;
}

.link {
  color:#09538B;
  font-size: 14px;
  font-style: normal;
  line-height: 21px; /* 150% */
  letter-spacing: 0.013px;
}

}