@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

:root {
  --COLOR_ACAI_1: #fdfdfd;
  --COLOR_ACAI_2: #fbfbfc;
  --COLOR_ACAI_3: #f5f4f9;
  --COLOR_ACAI_4: #ebe8f3;
  --COLOR_ACAI_5: #e1dded;
  --COLOR_ACAI_6: #d6d2e7;
  --COLOR_ACAI_7: #c2bcdb;
  --COLOR_ACAI_8: #a69eca;
  --COLOR_ACAI_9: #6b5da8;
  --COLOR_ACAI_10: #6354a3;
  --COLOR_ACAI_11: #58489a;
  --COLOR_ACAI_12: #1c124d;

  --COLOR_GRAY_1: #fcfcfc;
  --COLOR_GRAY_2: #f8f8f8;
  --COLOR_GRAY_3: #f3f3f3;
  --COLOR_GRAY_4: #ededed;
  --COLOR_GRAY_5: #e8e8e8;
  --COLOR_GRAY_6: #e2e2e2;
  --COLOR_GRAY_7: #d8d8d8;
  --COLOR_GRAY_8: #c7c7c7;
  --COLOR_GRAY_9: #8f8f8f;
  --COLOR_GRAY_10: #858585;
  --COLOR_GRAY_11: #6f6f6f;
  --COLOR_GRAY_12: #171717;

  --COLOR_GREEN_10: #009b7d;
}

html,
body {
  font-family: 'Montserrat', sans-serif !important;
}

/* Login */

.sidebar {
  background: var(--COLOR_ACAI_12) !important;
  font-size: 33px !important;
  line-height: 41px !important;
  color: var(--COLOR_ACAI_1) !important;
  font-weight: 700 !important;
}

.fixedWelcome ~ img {
  width: 148px !important;
  height: 34px !important;
  margin-bottom: 47px !important;
}

.top-heading {
  font-size: 36px !important;
  line-height: 45px !important;
  font-weight: 800 !important;
  color: var(--COLOR_ACAI_12) !important;
  margin-bottom: 63px !important;
}

.top-heading + div {
  max-width: 475px !important;
  margin: 0 auto 30px !important;
}

@media (max-width: 950px) {
  .top-heading + div {
    margin: 0 20px !important;
  }
}

select {
  border-radius: 9px !important;
  border-color: var(--COLOR_ACAI_8) !important;

}

.wrap input {
  font-size: 16px !important;
  line-height: 19.5px !important;
  font-weight: 400 !important;
  border-radius: 9px !important;
  border-color: var(--COLOR_ACAI_8) !important;
  color: var(--COLOR_ACAI_11) !important;
  margin: 0 auto 20px !important;
  text-align: left !important;
  padding: 16px !important;
}

.wrap input::placeholder {
  color: var(--COLOR_ACAI_11) !important;
}

.wrap input[type='tel'],
.wrap input[type='email'] {
  margin-top: 20px !important;
}

.forgot-password-link {
  font-size: 16px !important;
  margin-bottom: 20px !important;
}

/* Diet Survey */

.user_info-step {
  width: 375px !important;
  margin: 0 auto !important;
}

.progress-bar {
  display: none !important;
}

.bp3-tag {
  display: none !important;
}

#assessment_title {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: var(--COLOR_ACAI_11) !important;
  margin: 15px 0 7px !important;
}

/* Label */
#assessment_header,
.diet_screener-step > div > div > div > div,
.next-level-instructions,
.ideal_goals-step > div > div > div > div,
.ideal_goals-step > div > div,
[data-id='gender'] > div:nth-of-type(1):not(.row),
[data-id='weight_lbs'] > div:nth-of-type(1):not(.row),
[data-id='height_inches'] > div:nth-of-type(1):not(.row),
[data-id='weight_trend'] > div:nth-of-type(1):not(.row),
[data-id='activity_level'] > div:nth-of-type(1):not(.row),
[data-id='high_bp'] > div:nth-of-type(1):not(.row),
[data-id='high_bs'] > div:nth-of-type(1):not(.row),
[data-id='hba1c'] > div:nth-of-type(1):not(.row),
[data-id='systolic'] > div:nth-of-type(1):not(.row),
[data-id='diastolic'] > div:nth-of-type(1):not(.row),
[data-id='pregnant'] > div:nth-of-type(1):not(.row),
[data-id='prenatal_vitamins'] > div:nth-of-type(1):not(.row),
[data-id='breastfeeding'] > div:nth-of-type(1):not(.row),
[data-id='weeks_pregnant'] > div:nth-of-type(1):not(.row),
[data-id='number_of_babies'] > div:nth-of-type(1):not(.row),
[data-id='prepregnancy_weight_lbs'] > div:nth-of-type(1):not(.row),
[data-id='baby_dob'] > div:nth-of-type(1):not(.row),
.question_input-step > div > div > div > div {
  font-weight: 700 !important;
  line-height: 30px !important;
  color: var(--COLOR_ACAI_12) !important;
  margin: 0 auto 16px !important;
  padding: 0 8px !important;
  border-bottom: 0 !important;
  text-align: center !important;
  min-width: 311px !important;
}

#assessment_header,
.diet_screener-step > div > div > div > div,
.next-level-instructions,
.ideal_goals-step > div > div > div > div,
.ideal_goals-step > div > div {
  font-size: 24px !important;
}

.question_input-step > div > div > div > div,
[data-id='gender'] > div:nth-of-type(1):not(.row),
[data-id='weight_lbs'] > div:nth-of-type(1):not(.row),
[data-id='height_inches'] > div:nth-of-type(1):not(.row),
[data-id='weight_trend'] > div:nth-of-type(1):not(.row),
[data-id='activity_level'] > div:nth-of-type(1):not(.row),
[data-id='high_bp'] > div:nth-of-type(1):not(.row),
[data-id='high_bs'] > div:nth-of-type(1):not(.row),
[data-id='hba1c'] > div:nth-of-type(1):not(.row),
[data-id='systolic'] > div:nth-of-type(1):not(.row),
[data-id='diastolic'] > div:nth-of-type(1):not(.row),
[data-id='pregnant'] > div:nth-of-type(1):not(.row),
[data-id='prenatal_vitamins'] > div:nth-of-type(1):not(.row),
[data-id='breastfeeding'] > div:nth-of-type(1):not(.row),
[data-id='weeks_pregnant'] > div:nth-of-type(1):not(.row),
[data-id='number_of_babies'] > div:nth-of-type(1):not(.row),
[data-id='prepregnancy_weight_lbs'] > div:nth-of-type(1):not(.row),
[data-id='baby_dob'] > div:nth-of-type(1):not(.row) {
  font-size: 16px !important;
}

.diet_screener-step > div > div {
  margin: 0 !important;
}

.question_input-step > div > div > div > div > div {
  border: 0px !important;
}

.question_select-step,
.question_usps_address-step {
  margin: 0 20px !important;
}

.main > div > div > div > img {
  display: none !important;
}

#assessment_subheader {
  font-size: 16px !important;
  line-height: 19.5px !important;
  font-weight: 400 !important;
  color: var(--COLOR_ACAI_12) !important;
  padding: 0 8px !important;
  margin: 0 auto 32px !important;
  max-width: 311px !important;
}

.question_select-step li,
.diet_screener-step li,
.question_multiple_select-step li,
.ideal_goals-step li,
[data-id='gender-option'] {
  border: 1px solid var(--COLOR_ACAI_7) !important;
  border-radius: 9px !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  padding: 18px !important;
  width: 100% !important;
  color: var(--COLOR_ACAI_12) !important;
  min-width: 272px !important;
}

.question_multiple_select-step li > div {
  padding: 0 !important;
}

.diet_screener-step li.selected,
.question_select-step li.selected,
.question_multiple_select-step li.selected,
[data-id='gender-option'].selected,
[data-id='weight_trend-option'].selected,
[data-id='activity_level-option'].selected,
[data-id='high_bp-option'].selected,
[data-id='high_bs-option'].selected,
[data-id='pregnant-option'].selected,
[data-id='breastfeeding-option'].selected,
[data-id='prenatal_vitamins-option'].selected,
[data-id='number_of_babies-option'].selected {
  border: 1px solid var(--COLOR_ACAI_12) !important;
  background: var(--COLOR_ACAI_3) !important;
}

.question_multiple_select-step li.selected path {
  fill: var(--COLOR_ACAI_12) !important;
}

.diet_screener-step .label,
.question_multiple_select-step .label,
.bp3-dialog .label,
.ideal_goals-step .label,
[data-id='gender-option'],
[data-id='weight_trend-option'],
[data-id='activity_level-option'],
[data-id='high_bp-option'],
[data-id='high_bs-option'],
[data-id='pregnant-option'],
[data-id='prenatal_vitamins-option'] {
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  color: var(--COLOR_ACAI_12) !important;
}

.question_select-step li:not(:last-child),
.diet_screener-step li:not(:last-child),
.question_multiple_select-step li:not(:last-child),
.ideal_goals-step li:not(:last-child),
[data-id='gender-option'],
[data-id='weight_trend-option'],
[data-id='activity_level-option'],
[data-id='high_bp-option'],
[data-id='high_bs-option'],
[data-id='hba1c-inputs'],
[data-id='systolic'],
[data-id='pregnant-option'],
[data-id='breastfeeding-option'],
[data-id='prenatal_vitamins-option'],
[data-id='number_of_babies-option'] {
  margin-bottom: 13px !important;
}

.question_select-step li > div:nth-of-type(1) {
  border: 1px solid var(--COLOR_ACAI_11) !important;
}

.question_select-step li > div,
.diet_screener-step li > div {
  padding: 0 !important;
}

.question_select-step li > div:nth-of-type(2) > div:nth-of-type(2),
.diet_screener-step li > div:nth-of-type(2) > div:nth-of-type(2) {
  margin: 0 !important;
}

.question_select-step li:has(.selected),
.diet_screener-step li:has(.selected) {
  border: 1px solid var(--COLOR_ACAI_12) !important;
  background: var(--COLOR_ACAI_3) !important;
}

.question_select-step li > div:nth-of-type(1) {
  margin-top: 0 !important;
  margin-right: 10px !important;
  width: 24px !important;
  height: 24px !important;
}

.single .marker,
.single .selected svg {
  border-radius: 50% !important;
}

.question_multiple_select-step .marker {
  border-radius: 7px !important;
}

:not(.ideal_goals-step) .single .marker,
.single .selected svg,
.question_multiple_select-step .marker,
.ideal_goals-step .marker {
  color: var(--COLOR_GRAY_1) !important;
}

.single .marker,
.single .selected svg,
.question_multiple_select-step .marker,
.ideal_goals-step .marker {
  margin-top: 0 !important;
  margin-right: 10px !important;
}

.single .marker,
.single .selected svg {
  width: 23px !important;
  height: 23px !important;
  outline: 1px solid var(--COLOR_ACAI_12) !important;
}

.question_multiple_select-step .marker,
.ideal_goals-step .marker {
  width: 22px !important;
  height: 22px !important;
  position: relative !important;
}

.question_multiple_select-step .marker::after,
.ideal_goals-step .marker::after {
  content: '' !important;
  position: absolute !important;
  border-radius: 7px !important;
  background-color: var(--COLOR_ACAI_11) !important;
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  width: 24px !important;
  height: 24px !important;
}

.selected {
  background-color: var(--COLOR_GRAY_1) !important;
  position: relative !important;
}

.question_select-step .selected::after,
.diet_screener-step .single.selected::after {
  content: '';
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background-color: var(--COLOR_ACAI_12);
  position: absolute;
}

.question_select-step .selected::after {
  top: 4.25px;
  left: 4.25px;
}

.diet_screener-step .single.selected::after {
  top: 23px;
  left: 23px;
}

div:has(> .next-button) {
  width: auto !important;
  position: fixed !important;
  z-index: 1000 !important;
  padding-bottom: 40px !important;
  bottom: 0px !important;
  padding-top: 4px !important;
  @media screen and (min-width: 768px) {
    position: static !important;
    padding-top: 56px !important;
    padding-bottom: 20px !important;
  }
}

.next-button,
.bp3-button {
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: none !important;
  line-height: 19.5px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.next-button,
.bp3-intent-primary {
  background-color: var(--COLOR_ACAI_12) !important;
  color: var(--COLOR_GRAY_1) !important;
}

.next-button {
  width: 311px !important;
}

.has-description::before,
.single::before {
  border-top: 0 !important;
}

.info-icon {
  display: none !important;
}

.description,
.ideal_goals-step .label ~ div {
  margin-top: 8px !important;
  color: var(--COLOR_ACAI_11) !important;
  font-weight: 400 !important;
  line-height: 19.5px !important;
  font-size: 16px !important;
}

.option-inner {
  border: 2px solid var(--COLOR_ACAI_6) !important;
  border-radius: 12px !important;
}

.option-inner::before {
  border: 6px solid var(--COLOR_GREEN_10) !important;
}

.option-inner > div:nth-of-type(1) {
  top: 0 !important;
}

.image-choices .icon-wrap {
  background-color: var(--COLOR_GREEN_10) !important;
}

.image-choices ~ div {
  color: var(--COLOR_ACAI_12) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 19.5px !important;
  text-decoration: none !important;
  width: 300px !important;
}

.image-choices ~ div > svg {
  color: var(--COLOR_ACAI_12) !important;
  margin-right: 18px !important;
}

.tooltip-content {
  background: var(--COLOR_GREEN_10) !important;
  text-transform: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  padding: 10px !important;
  border-bottom-right-radius: 12px !important;
}

.tooltip-arrow {
  display: none !important;
}

.question_usps_address-step input,
.question_input-step input, .bp3-input-group input {
  border: 1px solid var(--COLOR_ACAI_8) !important;
  border-radius: 9px !important;
  padding: 16px !important;
  color: var(--COLOR_ACAI_11) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.question_usps_address-step input::placeholder {
  color: var(--COLOR_ACAI_11) !important;
}

.question_usps_address-step ul {
  top: 112px !important;
  border: 1px solid var(--COLOR_ACAI_8) !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  width: 100% !important;
}

.question_usps_address-step li {
  padding: 16px !important;
  color: var(--COLOR_ACAI_11) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.bp3-dialog {
  background-color: var(--COLOR_GRAY_1) !important;
}

.bp3-dialog li {
  display: flex;
  padding-left: 10px;
}

.bp3-dialog li svg {
  align-self: center;
}

.bp3-dialog .selected,
.ideal_goals-step .selected {
  background-color: var(--COLOR_ACAI_4) !important;
  border-color: var(--COLOR_ACAI_12) !important;
}

.bp3-dialog .selected svg {
  color: var(--COLOR_ACAI_12) !important;
  width: 24px !important;
  height: 24px !important;
}

.bp3-dialog > div:not(.bp3-dialog-header) {
  margin-top: 0px !important;
}

.bp3-dialog .selected .marker > path,
.ideal_goals-step .selected .marker > path {
  color: var(--COLOR_ACAI_12);
}

.question_multiple_select-step .marker > path,
.ideal_goals-step .marker > path {
  border: 11px solid var(--COLOR_ACAI_12) !important;
  stroke: var(--COLOR_ACAI_12);
  stroke-width: 10px;
  color: var(--COLOR_GRAY_1);
}

.marker.fa-check-square > path {
  color: unset;
}

ul li:has(svg.fa-check-square),
ul li:has(svg.fa-square) {
  border: 1px solid var(--COLOR_ACAI_4);
  padding-left: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

ul li:has(svg.fa-check-square)::before,
ul li:has(svg.fa-square)::before {
  border: none;
  content: unset;
}

ul li:has(svg.fa-check-square) div.label,
ul li:has(svg.fa-square) div.label {
  color: var(--COLOR_ACAI_12);
}

.ideal_goals-step .marker {
  margin-right: 10px !important;
  margin-top: 0 !important;
}

.ideal_goals-step .marker ~ div {
  padding: 0 !important;
}

.photo_selection-step .fa-redo {
  width: 24px;
}

[data-id='gender'],
[data-id='weight_lbs'],
[data-id='height_inches'],
[data-id='weight_trend'],
[data-id='activity_level'],
[data-id='gender-options'],
[data-id='weight_trend-options'],
[data-id='high_bp'],
[data-id='high_bp-options'],
[data-id='high_bs'],
[data-id='high_bs-options'],
[data-id='hba1c'],
[data-id='systolic'],
[data-id='diastolic'],
[data-id='pregnant'],
[data-id='pregnant-options'],
[data-id='prenatal_vitamins'],
[data-id='prenatal_vitamins-options'],
[data-id='weeks_pregnant'],
[data-id='breastfeeding'],
[data-id='breastfeeding-options'],
[data-id='number_of_babies'],
[data-id='number_of_babies-options'],
[data-id='prepregnancy_weight_lbs'],
[data-id='baby_dob'],
.question_input-step > div > div > div {
  flex-direction: column !important;
}

[data-id='gender'] > div:nth-of-type(1):not(.row),
[data-id='weight_lbs'] > div:nth-of-type(1):not(.row),
[data-id='height_inches'] > div:nth-of-type(1):not(.row),
[data-id='weight_trend'] > div:nth-of-type(1):not(.row),
[data-id='activity_level'] > div:nth-of-type(1):not(.row),
[data-id='high_bp'] > div:nth-of-type(1):not(.row),
[data-id='high_bs'] > div:nth-of-type(1):not(.row),
[data-id='hba1c'] > div:nth-of-type(1):not(.row),
[data-id='systolic'] > div:nth-of-type(1):not(.row),
[data-id='diastolic'] > div:nth-of-type(1):not(.row),
[data-id='pregnant'] > div:nth-of-type(1):not(.row),
[data-id='prenatal_vitamins'] > div:nth-of-type(1):not(.row),
[data-id='breastfeeding'] > div:nth-of-type(1):not(.row),
[data-id='weeks_pregnant'] > div:nth-of-type(1):not(.row),
[data-id='number_of_babies'] > div:nth-of-type(1):not(.row),
[data-id='prepregnancy_weight_lbs'] > div:nth-of-type(1):not(.row),
.question_input-step > div > div > div > div {
  max-width: 100% !important;
  width: 100% !important;
  text-align: left !important;
}

/* Select option */
[data-id='weight_lbs'] [data-id='weight_lbs'],
[data-id='weight_lbs-inputs'],
[data-id='height_inches-inputs'],
[data-id='weight_trend-option'],
[data-id='activity_level-option'],
[data-id='high_bp-option'],
[data-id='high_bs-option'],
[data-id='hba1c-inputs'],
[data-id='systolic-inputs'],
[data-id='diastolic-inputs'],
[data-id='pregnant-option'],
[data-id='breastfeeding-option'],
[data-id='prenatal_vitamins-option'],
[data-id='weeks_pregnant-inputs'],
[data-id='number_of_babies-option'],
[data-id='prepregnancy_weight_lbs-inputs'] {
  padding: 18px !important;
  width: 100% !important;
  color: var(--COLOR_ACAI_12) !important;
  border: 1px solid var(--COLOR_ACAI_7) !important;
  border-radius: 9px !important;
}

[data-id='height_inches-inputs'] .input,
[data-id='hba1c-inputs'] .input,
[data-id='systolic-inputs'] .input,
[data-id='diastolic-inputs'] .input,
[data-id='weight_lbs-input'].input,
[data-id='weeks_pregnant-input'].input,
[data-id='prepregnancy_weight_lbs-input'].input {
  color: var(--COLOR_ACAI_12) !important;
}

[data-id='weight_lbs'] [data-id='weight_lbs'],
[data-id='weight_lbs-inputs'],
[data-id='weight_lbs-input'].input,
[data-id='height_inches-inputs'],
[data-id='height_inches-input-feet'],
[data-id='height_inches-input-inches'],
[data-id='hba1c-input'],
[data-id='systolic-input'],
[data-id='diastolic-input'],
[data-id='pregnant-option'],
[data-id='breastfeeding-option'],
[data-id='prenatal_vitamins-option'],
[data-id='weeks_pregnant-input'],
[data-id='number_of_babies-option'],
[data-id='prepregnancy_weight_lbs-inputs'],
[data-id='prepregnancy_weight_lbs-input'],
[data-id='weight_lbs-input']::placeholder {
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
}

[data-id='weight_lbs-input'],
[data-id='prepregnancy_weight_lbs-input'] {
  padding: 0 !important;
}

/* Select option */
[data-id='gender-option'],
[data-id='weight_trend-option'],
[data-id='activity_level-option'],
[data-id='high_bp-option'],
[data-id='high_bs-option'],
[data-id='pregnant-option'],
[data-id='breastfeeding-option'],
[data-id='prenatal_vitamins-option'],
[data-id='number_of_babies-option'] {
  text-align: left !important;
  padding-left: 52px !important;
  position: relative !important;
}

/* Select option */
[data-id='gender-option']::before,
[data-id='weight_trend-option']::before,
[data-id='activity_level-option']::before,
[data-id='high_bp-option']::before,
[data-id='high_bs-option']::before,
[data-id='pregnant-option']::before,
[data-id='breastfeeding-option']::before,
[data-id='prenatal_vitamins-option']::before,
[data-id='number_of_babies-option']::before,
[data-id='number_of_babies-option']::before {
  content: '' !important;
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  width: 22.28px !important;
  height: 22.28px !important;
  border-radius: 50% !important;
  background-color: var(--COLOR_GRAY_1) !important;
  border: 1px solid var(--COLOR_ACAI_12) !important;
}

/* Select option */
[data-id='gender-option'].selected::after,
[data-id='weight_trend-option'].selected::after,
[data-id='activity_level-option'].selected::after,
[data-id='high_bp-option'].selected::after,
[data-id='high_bs-option'].selected::after,
[data-id='pregnant-option'].selected::after,
[data-id='breastfeeding-option'].selected::after,
[data-id='prenatal_vitamins-option'].selected::after,
[data-id='number_of_babies-option'].selected::after {
  content: '' !important;
  position: absolute !important;
  background-color: var(--COLOR_ACAI_12) !important;
  top: 23.14px !important;
  left: 23.14px !important;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

[data-id='baby_dob'] input {
  padding: 18px !important;
}

.svg-inline--fa.fa-check-circle {
  width: 20px;
  height: 20px;
}

/* Left align */
[data-id='gender-option'] .row,
[data-id='weight_trend-option'] .row,
[data-id='high_bp-option'] .row,
[data-id='high_bs-option'] .row,
[data-id='pregnant-option'] .row,
[data-id='breastfeeding-option'] .row,
[data-id='prenatal_vitamins-option'] .row,
[data-id='number_of_babies-option'] .row {
  justify-content: flex-start !important;
}

[data-id='hba1c-input'],
[data-id='systolic-input'],
[data-id='diastolic-input'] {
  width: 100% !important;
  padding: 0 !important;
}
