@font-face {
  font-family: HelveticaNeue;
  src: local(HelveticaNeue),
    url('../fonts/HelveticaNeue.ttc') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: HelveticaWorld;
  src: local(HelveticaWorld),
    url('../fonts/HelveticaWorld.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

:root {
  --light-gray: #f8f8f8;
  --highlight: #e30070;
  --footer-gray: #f4f4f4;
  --az-cranberry: #850052;
  --dark-cranberry: #5C043A;
  --lime: #bed900;
  --white: #fff;
  --absolute-white: #FFFFFF;
  --yellow: #fbaf17;
  --variable: #fc06d6;
  --body-gray: #313333;
  --disabled: #9b8e97;
  --non-editable: #e4dfe2;
  --error-state: #c00;
  --brownish-grey: #706e6b;
  --cyan: #31d5e1;
  --light-variable-fpo: rgba(252, 6, 214, 0.49);
  --inactive-progression: #9b8e97;
  --body: #313333;
  --active-red: #e30a70;
  --success-color: #027E46;
  --dark-gray: #514F4D;
  --disabled-gray: #C9C7C5;
  --page-background-color: #FAFAF9;
  --blue-border: #3295EB;
  --red: #C23934;
  --yellow: #FFB75D;
  --green: #00FF00;
  --bronz_black: #111111;
  --blue: #0070D2;
  --cancel_modal-heading: #080707;
  --border-line: #96949266;
  --box-shadow: #1a1b1e;
}

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

Host,
* {
  --slds-c-checkbox-color-background: white;
  --slds-c-checkbox-color-background-checked: var(--az-cranberry);
  --slds-c-checkbox-color-border: var(--az-cranberry);
  --slds-c-checkbox-color-border-checked: var(--az-cranberry);
  --slds-c-checkbox-color-border-focus: var(--az-cranberry);
  --slds-c-checkbox-mark-color-foreground: white;
  --slds-c-checkbox-shadow-focus: none;
  --slds-c-checkbox-shadow: none;
}

.slds-has-error .slds-input:active,
.slds-has-error .slds-input:focus {
  border-color: 1px solid var(--az-cranberry) !important;
  box-shadow: inherit !important;
}

lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large::before,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large .slds-spinner__dot-a::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large .slds-spinner__dot-a::before,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large .slds-spinner__dot-b::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_large .slds-spinner__dot-b::before,

lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium::before,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium .slds-spinner__dot-a::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium .slds-spinner__dot-a::before,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium .slds-spinner__dot-b::after,
lightning-spinner.slds-spinner_container .slds-spinner.slds-spinner_medium .slds-spinner__dot-b::before,
.slds-spinner_large .slds-spinner__dot-b:before,
.slds-spinner_large .slds-spinner__dot-b:after,
.slds-spinner_large .slds-spinner__dot-a:before,
.slds-spinner_large .slds-spinner__dot-a:after,
.slds-spinner_large.slds-spinner:after,
.slds-spinner_large.slds-spinner:before,
.slds-spinner__dot-a:before,
.slds-spinner__dot-a:after,
.slds-spinner__dot-b:before,
.slds-spinner__dot-b:after {
  background-color: var(--az-cranberry);
}

.docUpload lightning-spinner.slds-spinner_container::after{
  position: absolute;
  content: attr(data-text);
  width: 100%;
  text-align: center;
  top: calc(50% + 3em);
  font-weight: bold;
}

.community_layout-section_section-host .columns-content {
  background-color: var(--page-background-color);
}

h1,
h2,
h3,
.programSelection h2.slds-card__header-title span {
  font-family: HelveticaWorld;
  font-size: 45px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--white);
}

h2 {
  font-size: 24px !important;
  color: var(--body-gray) !important;
  line-height: 32px;
  letter-spacing: 0.02em;
}

h3,
.programSelection h2.slds-card__header-title span {
  font-family: HelveticaWorld;
  font-size: 18px;
  color: var(--body-gray);
  line-height: 24px;
}

h4 {
  font-family: HelveticaWorld;
  font-size: 21px;
  font-weight: bold;
  color: var(--body-gray);
}

ul li {
  font-family: HelveticaWorld;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: var(--body-gray);
}

ul li a {
  font-family: HelveticaWorld;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: center;
  color: var(--body-gray);
}

a {
  color: var(--az-cranberry) !important;
  font-weight: bold;
  text-decoration: underline !important;
}

a:hover,
a:hover:not(.slds-button, .slds-dropdown__item>a),
a:focus:not(.slds-button, .slds-dropdown__item>a),
a:hover:not(.mobilemenu nav ul li a) {
  color: var(--az-cranberry) !important;
  font-weight: bold;
  text-decoration: underline !important;
}

.desktop {
  display: block;
}

lightning-combobox.inputStyle.validate.slds-form-element button.fix-slds-input_faux{
  line-height:2.5rem !important;
}

.mobile {
  display: none;
}

.redAsterisk {
  width: 8px;
  height: 22px;
  margin: 0 2px 0 0;
  font-family: HelveticaWorld;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--red);
  display: inline-block;
}

.bold-text {
  font-family: HelveticaWorld;
  font-weight: 700;
  line-height: 32px;
}

span {
  font-family: "HelveticaWorld";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
}

lightning-card.dashboardCard span {
  font-size: 16px !important;
}

p,
label.slds-radio__label span.slds-form-element__label {
  font-family: "HelveticaWorld";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-gray);
}

.consentText lightning-formatted-rich-text.slds-rich-text-editor__output a {
  font-size: 16px !important;
}

label.slds-radio__label span.slds-form-element__label,
.notification_box .notfication_body p {
  line-height: normal;
  font-size: 14px !important;
}

lightning-input.slds-form-element span.slds-radio_faux,
lightning-radio-group.validate.acs_formLabels.slds-form-element span.slds-radio_faux,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux {
  border-color: var(--az-cranberry) !important;
  box-shadow: inherit;
}

lightning-input.slds-form-element .slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux::after,
lightning-radio-group.slds-form-element .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after {
  background-color: var(--az-cranberry);
}

lightning-input.slds-form-element.acs_radiobutton span span.slds-radio_faux {
  margin-right: 0px !important;
}

.slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
  border: var(--az-cranberry) 1.5px solid !important;
  border-radius: 2px;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after {
  border-color: var(--az-cranberry);
}

/*Login page */
.loginPage {
  background: linear-gradient(180deg, #62073F 0%, #98236B 100%);
  height: 100vh;
}

.login-container {
  position: relative;
  margin: auto;
}

.login-container .slds-button:focus,
.documentAcordian span.slds-file-selector__button.slds-button.slds-button_neutral {
  box-shadow: inherit;
}

.loginText,
.otpText,
.errorText,
.successText {
  font-size: 14px;
  font-family: HelveticaWorld;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
}

.SignUpText {
  font-size: 16px;
  font-family: HelveticaWorld;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
}
.errorText {
  color: var(--red) !important;
}

.successText {
  color: var(--success-color) !important;
}


.loginText a:hover,
.loginText a:hover:not(.slds-button, .slds-dropdown__item>a),
.loginText a:focus:not(.slds-button, .slds-dropdown__item>a),
.resentCode a:hover,
.resentCode a:hover:not(.slds-button, .slds-dropdown__item>a),
.resentCode a:focus:not(.slds-button, .slds-dropdown__item>a) {
  text-decoration: none !important;
}

.loginText a,
.resentCode a {
  font-size: 16px;
  font-weight: 500;
  font-family: HelveticaWorld;
  line-height: 20px;
  text-decoration: none !important;
}

.orText {
  font-family: HelveticaWorld;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.02em;
}

.inputStyle label.slds-form-element__label,
lightning-radio-group.inputStyle.validate.slds-form-element legend.slds-form-element__legend.slds-form-element__label,
.slds-form-element__label.slds-form-element__legend {
  font-family: HelveticaWorld;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: normal;
  text-align: left;
}

.inputStyle input.slds-input,
.inputStyle input.slds-input::placeholder,
.inputStyle button.slds-combobox__input {
  font-family: HelveticaWorld;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: normal;
  text-align: left;
}

.inputStyle span.slds-radio {
  padding-left: 12px;
  padding-bottom: 6px;
}

lightning-card.cardStyle .slds-card {
  margin: 12px;
  border-radius: 20px;
}
lightning-card.cardStyle.no-border .slds-card {
  border: none !important;
  box-shadow: none !important;
}
lightning-card.registerCard .slds-card,
lightning-card.dashboardCard .slds-card,
lightning-card.errorPage .slds-card {
  margin: 12px;
  margin-bottom: 24px;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

lightning-card.errorPage {
  position: relative;
  top: 118px;
}

lightning-card.errorPage div.errorTexts {
  font-family: 'HelveticaWorld';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
}

/*Adding it for sticky back arrow and hamburger*/

.dashboardPage .slds-p-bottom_large.pInd,
.dashboardPage lightning-card.dashboardCard,
.dashboardPage lightning-card.registerCard {
  position: relative;
  top: 100px;
}

.dashboardPage lightning-card.registerCard {
  position: relative;
  top: 100px;
  width: 110vw;
}

.dashboardPage .slds-p-bottom_large.pInd {
  top: 110px;
}

.dashboardPage .cardData {
  position: relative;
  top: 10px;
}

/*Modal Popup Dashboard*/
/*.custommodal{
  z-index: 999;
  position: relative;
  width: 25%;
  margin: 0 auto;
}*/

.custommodal {
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  overflow-y: auto;
  max-height: 100vh;
}

.registerPage lightning-card.registerCard,
.registerCardheading {
  top: 140px;
  position: relative;
}

.conscentLinkPage {
  position: absolute;
  top: 86px;
}


lightning-card.dashboardCard .slds-modal__container.profilePage_confirmation h1 {
  color: #000;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.profilePage_confirmation p.deleteAccount {
  font-size: 16px;
}

lightning-card.dashboardCard .slds-modal__container.profilePage_confirmation svg {
  overflow: inherit;
}

.disabledBtn button {
  background-color: var(--disabled-gray) !important;
  color: var(--dark-gray) !important;
  border: 1px solid var(--disabled-gray) !important;
}

lightning-button.cranberryButton button.slds-button.slds-button_brand,
lightning-button.cranberryButton button.slds-button.slds-button_neutral {
  width: 100%;
  background-color: var(--az-cranberry);
  border: 1px solid var(--az-cranberry);
  color: var(--white);
  border-radius: 4px;
  font-family: HelveticaWorld;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 30px;
}

lightning-button.whiteButton button.slds-button.slds-button_brand {
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--az-cranberry);
  color: var(--az-cranberry) !important;
  border-radius: 4px;
  font-family: HelveticaWorld;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 30px;
}

lightning-button.whiteBorderButton button.slds-button.slds-button_brand {
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--white);
  color: var(--az-cranberry) !important;
  border-radius: 4px;
  font-family: HelveticaWorld;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 30px;
}

.slds-input,
.slds-input_faux {
  line-height: 2.5rem;
  background: var(--white);
  border: 1.5px solid var(--disabled-gray);
  border-radius: 4px;
}

a,
.documentAcordian .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon,
.documentAcordian .slds-button:focus .slds-button__icon,
.documentAcordian label span {
  color: var(--az-cranberry);
}

.logo {
  display: block;
  margin: 120px auto 25px 80px;
  width: 65%;
  aspect-ratio: auto;
}

.dashboardPage .stickey,
.registerPage .stickey {
  position: fixed;
  z-index: 999;
  background: var(--page-background-color);
  width: 100%;
  height: 118px;
  top: 0px;
  right:0;
}

.bubble_left {
  top: 110px;
  left: -110px;
  position: absolute;
}

.login-container .bubble_top {
  background: inherit;
}
.bubble_top {
  top: 0px;
  right: 0px;
  position: fixed;
}

.bubble_bottom {
  bottom: 0px;
  left: -50px;
  position: absolute;
  max-height: 60%;
}

/*Registration page*/
.bubble_blue {
  top: 10px;
  right: 20px;
  position: fixed;
}

.back_icon,
.otpBackIcon {
  top: 24px;
  left: 4%;
  position: fixed;
}

.registerationButtons {
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.cancelButtonDiv {
  margin-top: 0%;
  margin-left: 5%;
}

.termsAndConditions,
.consentText {
  display: flex;
  flex-direction: row;
}
.consentText {
  overflow: hidden;
}

.termsAndConditions p {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.radioAndHelpText {
  display: flex;
  flex-direction: row;
}

lightning-input.inputStyle.slds-form-element.correctInput .slds-input,
lightning-combobox.inputStyle.slds-form-element.correctInput button.slds-combobox__input.slds-input_faux,
input.correctInput {
  border: 1.5px solid var(--success-color) !important;
  border-radius: 5px;
  box-shadow: var(--success-color);
}

.slds-popover_tooltip .slds-popover__body {
  color: var(--dark-gray) !important;
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: right;
}

.slds-popover_tooltip {
  background-color: var(--white) !important;
  border: 1px solid var(--blue-border) !important;
}

input[type="date"].slds-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left !important;
}

lightning-helptext.registerToolTip svg.slds-button__icon {
  fill: var(--white);
  background: #000;
  border-radius: 50%;
}

.bgSpinner {
  background-color: rgba(0, 0, 0, 0.20) !important;
}

/*Registration success page.*/
.Red_bubble_top_1 {
  top: 0%;
  left: 0%;
  position: fixed;
}

.Blue_bubble_top_1 {
  right: 10%;
  position: fixed;
  top: 2%;
}

.backgroundCircle {
  position: relative;
}

.success_mark {
  position: absolute;
  left: 40%;
  top: 15%;
}

.successMsg {
  font-size: 16px;
  font-family: HelveticaWorld;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
}

.regContainer {
  position: relative;
  top: 180px;
}

/*OTP Verification page */
.otpCard .slds-card {
  background: var(--white);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  top: 200px;
  margin: 10px;
  margin-top: 60px;
}

.Red_bubble_otp {
  top: 0px;
  left: 0px;
  position: fixed;
}

.Blue_bubble_otp {
  top: 40%;
  right: 0px;
  position: absolute;
  height: 248px;
}

.resendLink {
  display: flex;
  justify-content: end;
  text-decoration: none !important;
}

.changeSpace {
  justify-content: space-between !important;
}

.otpInput input[type="text"] {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  background: var(--white);
  border: 1.5px solid var(--disabled-gray);
  margin: 0 0.5rem;
  text-align: center;
  font-size: 18px;
}

/*Hamburger Menu */

.mobilemenu nav ul {
  list-style-type: none;
  padding: 0;
  margin-top: 28px;

}

.mobilemenu nav ul li {
  margin-bottom: 10px;
}


.mobilemenu nav ul li a,
.mobilemenu nav ul li a:hover,
.mobilemenu nav ul li a:focus,
.mobilemenu nav ul li span {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none !important;
  color: var(--body-gray) !important;

}

.mobilemenu nav ul li lightning-button.logoutBtn button.slds-button {
  font-family: 'HelveticaWorld';
  font-weight: 700;
  color: var(--az-cranberry) !important;
  text-decoration-color: none;
}

.mobilemenu nav ul li a i.arrow,
.mobilemenu nav ul li span i.arrow {
  border: solid var(--az-cranberry);
  border-width: 0 2px 2px 0;
  padding: 3px;
  margin-top: 12px;
}

.mobilemenu nav ul li a i.right,
.mobilemenu nav ul li span i.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.btn {
  --sds-c-button-text-color: var(--az-cranberry);
}

.mobilemenu .nav.open ul .menuItem {
  border-bottom: 1px var(--disabled-gray) solid;
  padding-bottom: 4px;
  padding-top: 4px;
  right: 18px;
  width: 236px;
  position: relative;

}

.mobilemenu nav ul li a.menuachor.editProfile,
.mobilemenu nav ul li span.menuachor.editProfile {
  position: relative;
  left: 4px;
}

.mobilemenu nav ul li a.menuachor.editProfile i.icon,
.mobilemenu nav ul li span.menuachor.editProfile i.icon {
  left: 0px;
}

.mobilemenu nav ul li a.menuachor.reportAnEvent i.icon {
  top: 0px;
  left: 4px;
}

.mobilemenu nav ul li a i.icon,
.mobilemenu nav ul li span i.icon {
  margin-left: 10px;
  float: right;
  position: relative;
  left: 50px;
}

.container {
  display: inline-block;
  align-items: right;
  justify-content: right;
  position: absolute;
  right: 0%;
  top: 0%;
}

.mobilemenu .nav {
  display: none;
}

.mobilemenu .nav.open {
  display: block;
  background-color: var(--white);
  padding: 32px 24px;
  width: 252px;
  height: 252px;
  border-bottom-left-radius: 8px;
  position: fixed;
  right: 0px;
  box-shadow: 0 3px 10px var(--box-shadow);
}

.mobilemenu .menu_icon {
  position: fixed;
  right: 22px;
  top: 22px;
  z-index: 999;
}

.mobilemenu .menu_closeIcon {
  position: fixed;
  float: right;
  top: 22px;
  right: 22px;
  z-index: 1;
}

/* Patient Dashboard Page*/
.dashboardCard div.programCard {
  margin: 16px 0px;
  box-sizing: border-box;
  background: var(--white);
  border-radius: 8px;
  border: 3px solid #9AC5EB;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.dashboardCard div.resultCard {
  margin: 16px 0px;
  box-sizing: border-box;
  background: var(--white);
  border-radius: 8px;
  border: 3px solid #9AC5EB;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.dashboardCard div.programCard:hover {
  cursor: pointer;
  border: 3px solid #85bc849e;
}


.dashboardCard div.profileDetail div.nameText {
  font-family: HelveticaWorld;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.02em;
}

.errorNameText {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: var(--body);
}

.dashboardCard div.profileDetail div.profileText,
.selectedCareProgram label span {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.02em;
}

a.pdfName{
  font-weight:500 !important;
}

.dashboardCard div.noProgram {
  height: 250px;
}

.dashboardCard div img.user_ellipse {
  box-sizing: border-box;
  width: 107px;
  height: 107px;
  left: 0px;
  top: 0px;
  background: var(--white);
}

.dashboardCard div img.user_image {
  position: absolute;
  right: 48%;
  top: 27%;
  bottom: 34%;
}
.dashboardCard div img.pencil_image {
  position: absolute;
  right: 40%;
  top: 46%;
  bottom: inherit;
}


.dashboardCard div.parentProfile {
  position: relative;
}



/*Enrollment Screens*/
.Red_bubble_enrollment {
  top: 0%;
  left: 0%;
  position: absolute;
}

.Blue_bubble_enrollment {
  top: 0%;
  right: 0%;
  position: absolute;
}

.pInd .slds-progress {
  max-width: 90% !important;
  margin: 5% !important;
}

/*Consent screen*/
.consentText p,
.consentContent a,
.consentText p a {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.02em;
}

.consentText p a {
  text-align: left;
  display: inline-block;
  width: 100%;
}

/* APPAT-187 Enrollment Documents Upload Page - UI / UX */
.document-upload img.accordiaon-logo {
  position: relative;
  top: 42px;
}

.documentAcordian span.slds-accordion__summary-content {
  font-weight: 600;
  color: var(--body-gray);
  font-family: 'HelveticaWorld';
}

.documentAcordian .slds-accordion__summary-heading .slds-button:focus {
  text-decoration: none;
}

.documentAcordian .slds-button__icon {
  fill: var(--az-cranberry)
}

.documentAcordian .slds-accordion__list-item section.slds-accordion__section.slds-is-open {
  padding: 6px 0px 0px 0px;
}

.documentAcordian h2.slds-accordion__summary-heading lightning-primitive-icon {
  position: absolute;
  left: 92%;
  transform: rotate(90deg);
}

.documentAcordian h2.slds-accordion__summary-heading button.section-control {
  padding: 0px;
  margin-left: 24px;
}

.document-upload lightning-accordion-section.isRequired.slds-accordion__list-item,
.document-upload lightning-accordion-section.slds-accordion__list-item {
  padding: 12px;
}

.documentAcordian .upload-file-name {
  border: 1px solid var(--brownish-grey);
  color: var(--az-cranberry);
  height: 54px;
}

.documentAcordian .upload-file-name .downloadDisplay {
  display: flex;
}

.documentAcordian .upload-file-name .downloadLabel_data {
  min-width: 34vh;
  max-width: 34vh;
  padding: 10px 6px;
  word-wrap: inherit;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--az-cranberry);
}

/* .documentAcordian .upload-icon {
  margin-left: 54%;
} */

.documentAcordian .delete-icon button.slds-button.slds-button_icon {
  padding-bottom: 14px;
  border: none;
}

.documentAcordian .delete-icon button.slds-button.slds-button_icon svg {
  fill: var(--dark-gray);
}

.documentAcordian .deleteIconRoot {
  padding: 16px 0px;
  position: absolute;
  right: 0px;
}

.documentAcordian .slds-file-selector__dropzone {
  border: 1px dashed var(--az-cranberry);
  border-radius: 0.25rem;
  padding: 5px;
}

.documentAcordian section.slds-accordion__section.slds-is-open .slds-file-selector__dropzone span.slds-file-selector__button.slds-button.slds-button_neutral {
  border: none;
  font-family: 'HelveticaWorld';
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  padding: 0px;
}

.documentAcordian section.slds-accordion__section.slds-is-open .slds-file-selector__dropzone span.slds-file-selector__button.slds-button.slds-button_neutral lightning-primitive-icon {
  display: contents;
}

.documentAcordian lightning-input.slds-form-element {
  margin-bottom: 0px;
  display: inline-block;
}

.documentAcordian span.slds-file-selector__button.slds-button:focus,
.documentAcordian span.slds-file-selector__button.slds-button:active,
.documentAcordian span.slds-file-selector__button.slds-button:hover {
  color: var(--az-cranberry);
  background: var(--white);
}

/* .documentAcordian lightning-accordion-section.isOptional.slds-accordion__list-item, */
.isLastAccoridan {
  border-bottom: 1px solid var(--border-line);
  padding-bottom: 40px;
}

.documentAcordian section.slds-accordion__section.slds-is-open h2.slds-accordion__summary-heading button.section-control {
  padding-left: 8px;
  padding-top: 4px;
}

.documentAcordian section.slds-accordion__section.slds-is-open .upload-file-name lightning-primitive-icon {
  transform: rotate(360deg);
}

.documentAcordian section.slds-accordion__section.slds-is-open lightning-primitive-icon {
  left: 90%;
  transform: rotate(180deg);
}

/* Patient Demographic Information Screen */
.patientDemoInfo abbr.slds-required,
.dashboardCard abbr.slds-required {
  float: right;
  color: var(--red);
  font-weight: 600;
}

.patientDemoInfo .slds-combobox__form-element lightning-icon.slds-input__icon.slds-input__icon_right.slds-icon-utility-down.slds-icon_container svg,
.dashboardCard .slds-combobox__form-element lightning-icon.slds-input__icon.slds-input__icon_right.slds-icon-utility-down.slds-icon_container svg {
  fill: var(--az-cranberry);
}

.patientDemoInfo .myh_formLabels label.slds-form-element__label {
  font-family: HelveticaWorld;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-gray);
}

.patientDemoInfo p.myh_Paragraph,
.resupply-process p.myh_Paragraph,
.document-upload p.myh_Paragraph {
  font-size: 16px !important;
}

/*.patientDemoInfo input {
  border: solid 1.5px var(--success-color);
  border-radius: 4px;
}*/

/*Program Selection */
.registerCard span.slds-radio {
  padding-bottom: 6px;
}

.personaSel-text::after,
.documentAcordian lightning-accordion-section.isRequired.slds-accordion__list-item h2 span:after {
  content: ' *';
  width: 8px;
  height: 22px;
  font-family: 'HelveticaWorld';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: var(--red);
  display: inline-block;
  padding-left: 4px;
}

.registerCard .programSelection p {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

lightning-progress-step.slds-progress__item.slds-is-completed button.slds-button.slds-progress__marker.slds-button_icon.slds-progress__marker_icon {
  color: var(--success-color);
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

lightning-progress-bar .slds-progress-bar.slds-progress-bar_small span.slds-progress-bar__value {
  background-color: var(--success-color);
}

lightning-progress-step.slds-progress__item.slds-is-active button.slds-button.slds-progress__marker {
  color: var(--blue);
  border-color: var(var(--blue), rgb(6 14 144 / 56%)) 0 0 0 4px;
  box-shadow: inherit;
  border-radius: 50%;
}

lightning-progress-indicator .slds-progress-bar.slds-progress-bar_small {
  height: 2px;
}


/* myh_patientDashboard css */
.enrollmentStatus p.dot,
.enrollmentDetails p.dot,
.documentAcordian p.dot,
.documentAcordian p.blueDot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
}

.documentAcordian p.greenDot,
.documentAcordian p.blueDot {
  position: absolute;
  margin-top: 42px;
  left: 26px;
}

.documentAcordian p.blueDot {
  background-color: var(--blue);
}

.enrollmentStatus p.greenDot,
.enrollmentDetails p.greenDot,
.documentAcordian p.greenDot {
  background-color: var(--success-color);
}

.enrollmentStatus p.redDot,
.enrollmentDetails p.redDot {
  background-color: var(--red);
}

.enrollmentStatus p.yellowDot,
.enrollmentDetails p.yellowDot {
  background-color: var(--yellow);
}

.programValueText {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  letter-spacing: 0.02em;
  color: var(--body-gray);
}

.programText {
  font-family: 'HelveticaWorld';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.dashboardPage.pageBackgroud {
  /* background: linear-gradient(360deg, var(--dxp-g-neutral-contrast-3) 0%, var(--dxp-g-offline-contrast-3) 140%);
  background: linear-gradient(360deg, var(--bronz_black) 15%, var(--dxp-s-form-element-color-background) 100%);
  background: #5b6467; */
  background: #5b6467;
  opacity: 0.7;
  height: auto;
}

.dashboardPage {
  height: 100vh;
  position: absolute;
  top: 10px;
  width: 100%;
}

.dashboardCard.cardBackgroud,
.registerCard.cardBackgroud {
  /* background: linear-gradient(360deg, var(--dxp-g-neutral-contrast-3) 0%, var(--dxp-g-offline-contrast-3) 140%); */
  opacity: 0.7;
}

.noProgram lightning-button.cranberryButton.enrollNewProgram {
  position: relative;
  bottom: -62%;
}

.programSection lightning-button.cranberryButton.enrollNewProgram {
  position: relative;
  top: 8px;
}

.programSelection .selectedCareProgram input[type='radio']:checked~span {
  font-weight: bold;
}

.programSelection .selectedCareProgram input[type="radio"] {
  accent-color: var(--az-cranberry);
}

.programSelection .programImages img {
  float: right;
}

/*  (APPAT-168) Registration sign up error message UI design */
.slds-notify_container .slds-notify.slds-notify_toast.slds-theme_error,
.slds-notify_container .slds-notify.slds-notify_toast.slds-theme_success {
  min-width: 320px;
  position: relative;
  top: 130px;
  margin: 0px;
  border-radius: inherit;
}

.slds-notify.slds-notify_toast.slds-theme_error svg {
  width: 24px;
  height: 24px;
}

.toast-content h3 {
  font-size: 18px !important;
  font-family: 'HelveticaWorld' !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

lightning-icon.slds-icon-utility-close.slds-icon_container svg.slds-icon.slds-icon_x-small {
  fill: var(--white);
  width: 17px;
  height: 17px;
}

/* APPAT-169 Program Submission Review - UI/UX Enrollment Review */
.enrolment-Review-screen .profile-review-card,
.enrolment-Details .enrollment-details-card {
  border: 2px solid var(--disabled-gray);
  border-radius: 8px;
}

.enrolment-Review-screen .review-card p,
.enrolment-Details .review-card p {
  border: 1px solid var(--disabled-gray);
  color: var(--az-cranberry);
  font-size: 13px;
  font-family: HelveticaWorld;
  line-height: 20px;
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fileCardHeader,
.enrolment-Review-screen span.myh_Paragraph,
.enrolment-Details span.myh_Paragraph {
  color: var(--body-gray);
  font-weight: 700;
  font-size: 18px;
  font-family: 'HelveticaWorld';
  line-height: 24px;
}

.enrolment-Review-screen .profile-review-card .profile-review-card-label,
.enrolment-Review-screen .profile-review-card .profile-review-card-value,
.enrolment-Details .enrollment-details-card .enrollment-detail-card-label,
.enrolment-Details .enrollment-details-card .enrollment-detail-card-value {
  color: var(--dark-gray);
  font-weight: 500;
  font-size: 14px;
  font-family: 'HelveticaWorld';
  line-height: 18px;
}

.enrolment-Review-screen .profile-review-card .profile-review-card-label {
  width: 110px;
}

.reasonComment{
  font-weight: 500 !important;
}

.enrolment-Review-screen .profile-review-card .profile-review-card-value,
.enrolment-Details .enrollment-details-card .enrollment-detail-card-value {
  color: var(--body-gray);
  font-weight: 700;
  width: inherit;
  word-wrap: break-word;
}

.enrolment-Review-screen .profile-review-card .profile_position {
  position: relative;
  bottom: 10px;
}

.enrolment-Review-screen .profile-review-card div.slds-grid {
  height: 4vh;
}

.enrolment-Review-screen .profile-review-card .profile-review-card-value.detail_card_position,
.enrolment-Details .enrollment-details-card .enrollment-detail-card-value.detail_card_position {
  position: absolute;
  right: 14px;
  width: 46vw;
  text-align: right;
}

.enrolment-Review-screen .profile-review-card .profile-review-card-value.detail_card_position.detail_card_address {
  width: 30vw;
  padding-left: 26px;
  position: absolute;
  right: 8px;
}

.enrolment-Review-screen .profile-review-card {
  padding-right: 0px !important;
}

/* APPAT-86 Enrollment Flow Cancellation  */
.enrollment_Cancellation button span.close-text,
lightning-card.dashboardCard .slds-modal__container.profilePage_confirmation button span.close-text {
  color: var(--white);
  position: absolute;
  right: 8%;
  width: 100px;
  height: 22px;
  font-family: 'HelveticaWorld';
}

.enrollment_Cancellation h1 {
  color: var(--cancel_modal-heading);
  font-size: 18px !important;
  font-weight: bold !important;
}

/* Enrollment success page*/
.successContainer {
  position: relative;
  top: 110px;
}

.upcomingSteps .slds-popover{
  min-height: 1.5rem;
}

.upcomingSteps .slds-popover:first-child .slds-popover__body{
  padding: 4px 6px;
}

.upcomingSteps .slds-popover_tooltip{
  border: 1px solid var(--az-cranberry) !important;
  border-radius: 16px;
}

lightning-card.dashboardCard .upcomingContent span{
  font-size: 14px !important;
  color: var(--body-gray);
}

/*.dashboardCard.cardBackgroud .slds-card__header.slds-grid {
  background: var(--white);
}*/

/* 400 % zoom  Responsiveness layout. */
@media only screen and (max-width: 359px) {}

/* Responsive layout styles*/

/* Mobile Portrait View  */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .loginPage {
    /* height: 100vh;  */
  }

  .registerationButtons {
    flex-direction: column !important;
    justify-content: space-around !important;
  }

  .cancelButtonDiv {
    margin-top: 4%;
    margin-left: 0%;
  }

  .radioAndHelpText {
    justify-content: space-between;
  }

  .dashboardCard div img.user_image {
    position: absolute;
    right: 44.5%;
    top: 30%;
    bottom: 34%;
  }

  .dashboardCard div img.pencil_image {
    position: absolute;
    right: 29%;
    top: 46%;
    bottom: inherit;
  }

  .enrolment-Review-screen .review-card p,
  .enrolment-Details .review-card p {
    width: 87vw;
  }

  .slds-dropdown-trigger--click.slds-is-open .slds-dropdown,
  .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
    z-index: 700;
  }
  
  .dashboardPage .cardData {
    width: 100vw;
  }
  .documentAcordian section.slds-accordion__section.slds-is-open lightning-primitive-icon {
    left: 87%;
    transform: rotate(180deg);
  }
  .consentText p a {
    text-align: left;
    display: inline-block;
    width: 80vw;
  }
  .documentAcordian .slds-file-selector__dropzone {
    border: none;
  }
  .enrolment-Review-screen .profile-review-card .profile-review-card-value.detail_card_position.detail_card_address {
    width: 26vh;
    padding-left: 26px;
    position: absolute;
    right: 8px;
  }
  /* Datepicker Placeholder */
  /* input[type="date"].slds-input:after {
    content: '';
  }

  input[type="date"].slds-input:before {
    content: 'mm/dd/yy';
  }

  input[type="date"] {
    display: flex;
  } */
}

/* Mobile Landscape View  */
@media only screen and (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .loginPage {
    /* height: 100vh;  */
  }

  .enrolment-Review-screen .review-card p,
  .enrolment-Details .review-card p {
    width: 100%
  }

  .dashboardPage .cardData {
    width: 100vw;
  }
  
  .documentAcordian section.slds-accordion__section.slds-is-open lightning-primitive-icon {
    left: 87%;
    transform: rotate(180deg);
  }
  .consentText p a {
    text-align: left;
    display: inline-block;
    width: 80vw;
  }
  .documentAcordian .slds-file-selector__dropzone {
    border: none;
  }

}


/* Tablet Device query */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .registerationButtons {
    flex-direction: column !important;
    justify-content: space-around !important;
  }

  .cancelButtonDiv {
    margin-top: 4%;
    margin-left: 0%;
  }

  .radioAndHelpText {
    justify-content: space-between;
  }



  .container {
    right: 16%;
  }

  .mobilemenu .menu_icon {
    right: 115%;
  }

  .dashboardPage .cardData {
    width: 100%;
  }
}

/* Tablet Landscap  */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }


  .container {
    right: 16%;
  }

  .mobilemenu .menu_icon {
    right: 115%;
  }
  .dashboardPage .cardData {
    width: 100%;
  }

}

.notification_icon {
  position: fixed;
  right: 70px;
  top: 22px;
  z-index: 999;
  --slds-c-icon-color-foreground: white;
}
.notification_icon .slds-button {
  color: white;
}
.sub-menu{
  right: 57px;
  top: 60px;
  position: fixed;
}
.notification_box .slds-tile {
  gap: 6px;
  display: grid;
}
.notification_box .slds-badge__icon{
  vertical-align: bottom;
}
.notification_box .slds-badge.primary{
    border-color: #1169b5;
    color: white;
    background-color: #1169b5;
}
.notification_box .slds-badge.secondary{
   border-color: #1169b5;
   color:  #1169b5;
   background-color:white;
}
.notification_box .slds-badge.primary .slds-badge__icon{
    color: white;
}
.notification_box .slds-badge.secondary .slds-badge__icon{
  color:#1169b5;
}
.notification_box .notfication_heading{
  font-weight: bold;
  text-decoration: underline !important;
}
.educationMaterials .nutritionEducation,
.educationMaterials .nutritionEducation.slds-rich-text-editor__output p{
  font-family: "HelveticaWorld";
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}