.container {
  width: 100%;
}

.container2 {
  width: 100% !important;
}

.wrapper-box {
  border: none;
  height: 100%;
}

.rightpanel {
  width: calc(100% - 300px);
}

.leftpanel {
  position: relative;
}

#hide-leftpanel-container {
  width: 300px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #313444;
  border-top: 1px solid #acafba;
  padding: 5px 15px;
}

.wrapper-box.xsection.rightpanel-fullscreen > .rightpanel,
.leftpanel-hidden .wrapper-box .rightpanel,
.wrapper-box > .leftpanel.ng-hide ~ .rightpanel {
  width: 100%;
}

p#show-leftpanel-button {
  box-sizing: border-box;
  position: fixed;
  bottom: 15px;
  left: 0;
  background-color: #313444;
  border: 1px solid #acafba;
  border-radius: 0 3px 3px 0;
  z-index: 22;
}

p#show-leftpanel-button > a {
  box-sizing: inherit;
  padding: 10px 20px;
  color: gray;
  display: block;
}

p#show-leftpanel-button.show-above-toolbar {
  bottom: 75px;
}

p#show-leftpanel-button.show-above-message-input {
  bottom: 110px;
}

#leftpanel-patient-menu {
  padding-bottom: 45px;
}

/* SurveyWeb Styles (RP Patient Home Check-in, Skills Review Survey) */
#rp-checkin-container,
#skills-review-survey-container {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --ink: #1e2433;
  --muted: #4f5b71;
  --accent: #1769ff;
  --accent-2: #19c1a7;
  --border: #d9e0ef;
  --radius: 14px;
  --shadow: 0 12px 30px rgba(30, 36, 51, 0.08);
  margin-top: 16px;
  display: grid;
  gap: 18px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
}

#rp-checkin-container,
#rp-checkin-container *,
#skills-review-survey-container,
#skills-review-survey-container * {
  box-sizing: border-box;
}

#rp-checkin-container .srr-question,
#skills-review-survey-container .srr-question {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px;
  background: #fbfcff;
}

#rp-checkin-container .srr-question__header,
#skills-review-survey-container .srr-question__header {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin-bottom: 6px;
}

#rp-checkin-container .srr-question__header .srr-header,
#skills-review-survey-container .srr-question__header .srr-header {
  color: var(--accent-2);
  font-weight: 600;
}

#rp-checkin-container .srr-question__text,
#skills-review-survey-container .srr-question__text {
  margin: 4px 0 12px;
  font-size: 16px;
  white-space: pre-wrap;
}

#rp-checkin-container .srr-options,
#skills-review-survey-container .srr-options {
  display: grid;
  gap: 8px;
}

#rp-checkin-container .srr-option,
#skills-review-survey-container .srr-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

#rp-checkin-container .srr-option input[type="text"],
#skills-review-survey-container .srr-option input[type="text"],
#rp-checkin-container .srr-option input[type="number"],
#skills-review-survey-container .srr-option input[type="number"],
#rp-checkin-container .srr-option textarea,
#skills-review-survey-container .srr-option textarea {
  flex: 1;
}

#rp-checkin-container .srr-text-area-actions,
#skills-review-survey-container .srr-text-area-actions,
#rp-checkin-container .srr-text-field-actions,
#skills-review-survey-container .srr-text-field-actions,
#rp-checkin-container .srr-multi-select-actions,
#skills-review-survey-container .srr-multi-select-actions,
#rp-checkin-container .srr-single-select-actions,
#skills-review-survey-container .srr-single-select-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

#rp-checkin-container .srr-add-field-actions,
#skills-review-survey-container .srr-add-field-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

#rp-checkin-container .srr-field-error,
#skills-review-survey-container .srr-field-error {
  color: #c62828;
  font-size: 13px;
  margin-top: 6px;
}

#rp-checkin-container input[type="text"],
#skills-review-survey-container input[type="text"],
#rp-checkin-container input[type="number"],
#skills-review-survey-container input[type="number"],
#rp-checkin-container textarea,
#skills-review-survey-container textarea,
#rp-checkin-container select,
#skills-review-survey-container select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  background: #fff;
}

#rp-checkin-container textarea,
#skills-review-survey-container textarea {
  min-height: 90px;
}

#rp-checkin-container .srr-segment,
#skills-review-survey-container .srr-segment {
  display: grid;
  gap: 8px;
}

#rp-checkin-container .srr-segment__labels,
#skills-review-survey-container .srr-segment__labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--muted);
}

#rp-checkin-container .srr-segment-buttons,
#skills-review-survey-container .srr-segment-buttons {
  display: grid;
  grid-auto-flow: column;
  gap: 6px;
}

#rp-checkin-container .srr-segment-btn,
#skills-review-survey-container .srr-segment-btn {
  background: #eef2ff;
  color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  box-shadow: none;
  min-width: 42px;
}

#rp-checkin-container .srr-segment-btn.srr-active,
#skills-review-survey-container .srr-segment-btn.srr-active {
  background: linear-gradient(135deg, var(--accent), #194dff);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(23,105,255,0.2);
}

#rp-checkin-container .srr-year-picker select,
#skills-review-survey-container .srr-year-picker select,
#rp-checkin-container .srr-date-picker input[type="date"],
#skills-review-survey-container .srr-date-picker input[type="date"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
}

#rp-checkin-container .srr-multi-text-field,
#skills-review-survey-container .srr-multi-text-field {
  display: grid;
  gap: 10px;
}

#rp-checkin-container .srr-multi-text-row,
#skills-review-survey-container .srr-multi-text-row {
  display: grid;
  gap: 6px;
}

#rp-checkin-container .srr-multi-text-actions,
#skills-review-survey-container .srr-multi-text-actions,
#rp-checkin-container .srr-dynamic-label-actions,
#skills-review-survey-container .srr-dynamic-label-actions,
#rp-checkin-container .srr-table-select-actions,
#skills-review-survey-container .srr-table-select-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

#rp-checkin-container .srr-dynamic-label-text,
#skills-review-survey-container .srr-dynamic-label-text,
#rp-checkin-container .srr-table-select,
#skills-review-survey-container .srr-table-select {
  display: grid;
  gap: 8px;
}

#rp-checkin-container .srr-table-select-grid,
#skills-review-survey-container .srr-table-select-grid {
  display: grid;
  grid-auto-rows: auto;
  gap: 4px;
}

#rp-checkin-container .srr-table-row,
#skills-review-survey-container .srr-table-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  gap: 6px;
  align-items: center;
}

#rp-checkin-container .srr-table-row.srr-header-row,
#skills-review-survey-container .srr-table-row.srr-header-row {
  font-weight: 600;
  color: var(--muted);
}

#rp-checkin-container .srr-table-cell,
#skills-review-survey-container .srr-table-cell {
  text-align: center;
  padding: 6px;
}

#rp-checkin-container .srr-table-cell.srr-stub,
#skills-review-survey-container .srr-table-cell.srr-stub {
  text-align: left;
  font-weight: 600;
}

#rp-checkin-container .srr-add-field-list,
#skills-review-survey-container .srr-add-field-list {
  display: grid;
  gap: 8px;
}

#rp-checkin-container .srr-add-row,
#skills-review-survey-container .srr-add-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

#rp-checkin-container .srr-add-row button,
#skills-review-survey-container .srr-add-row button {
  flex: 0 0 auto;
}

#rp-checkin-container .srr-add-field > .srr-ghost,
#skills-review-survey-container .srr-add-field > .srr-ghost {
  margin-top: 10px;
}

#rp-checkin-container button,
#skills-review-survey-container button {
  border: 1px solid transparent;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--accent), #194dff);
  box-shadow: 0 4px 12px rgba(23,105,255,0.24);
}

#rp-checkin-container button.srr-ghost,
#skills-review-survey-container button.srr-ghost {
  color: var(--accent);
  background: transparent;
  border-color: var(--accent);
  box-shadow: none;
}

#rp-checkin-container button.srr-link,
#skills-review-survey-container button.srr-link {
  background: transparent;
  color: var(--accent);
  box-shadow: none;
  border: none;
  padding: 6px 8px;
}

#rp-checkin-container .srr-hidden,
#skills-review-survey-container .srr-hidden {
  display: none !important;
}

div.patient-audio-lessons-scroll.rightpanel-scroll .rounded-white-card, div.skills-review-survey-scroll.rightpanel-scroll .rounded-white-card {
  max-width: 800px;
  margin-left:auto;
  margin-right:auto;
}
div.rightpanel-skills-review-survey div.skills-review-survey-scroll.rightpanel-scroll.padded {
  box-sizing: border-box;
}
div.rightpanel.patient-log-screen {
  height: 100%;
}
div.rightpanel.patient-log-screen .patient-log-message-area {
  width:150px;
  float:right;
}
div.rightpanel.patient-log-screen .patient-log-card-container {
  margin:30px 30px 50px;
}
div.rightpanel.patient-log-screen .rounded-white-card.patient-log-question-card {
  max-width: 1200px;
  margin-left:auto;
  margin-right:auto;
  padding:15px 30px;
  margin-bottom:5px;
}
div.rightpanel.patient-log-screen .rounded-white-card.patient-log-question-card > label {
  display: block;
  margin-bottom: 12px;
}
div.rightpanel.patient-log-screen .patient-log-choice-row {
  padding:4px 0;
  position: relative;
}
div.rightpanel.patient-log-screen .patient-log-checkbox-label {
  margin-left: 20px;
  font-weight: normal;
  cursor: pointer;
}
div.rightpanel.patient-log-screen .patient-log-inline-field {
  width: calc(100% - 200px);
  float: left;
}
div.rightpanel.patient-log-screen .patient-log-inline-action {
  float:right;
}
div.rightpanel.patient-log-screen .patient-log-clear {
  clear: both;
}
div.rightpanel.patient-log-screen .patient-log-loading {
  padding:30px;
  text-align:center;
}
div.rightpanel.patient-log-screen .rounded-white-card.patient-log-question-card.more-bottom-padding {
  padding-bottom: 20px;
}
div.rightpanel.rightpanel-log-trigger .risky-event-prep-toggles .btn-log, div.rightpanel.rightpanel-log-cravings-and-urges .risky-event-prep-toggles .btn-log, div.rightpanel.rightpanel-log-anxiety-episode .risky-event-prep-toggles .btn-log, div.rightpanel.rightpanel-log-anger .risky-event-prep-toggles .btn-log {
  color:#189FFB;
  padding:12px;
}
div.rightpanel.rightpanel-log-trigger .risky-event-prep-toggles .btn-log.active, div.rightpanel.rightpanel-log-cravings-and-urges .risky-event-prep-toggles .btn-log.active, div.rightpanel.rightpanel-log-anxiety-episode .risky-event-prep-toggles .btn-log.active, div.rightpanel.rightpanel-log-anger .risky-event-prep-toggles .btn-log.active {
  color: #FFFFFF;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-question-card-relative, div.rightpanel.rightpanel-log-cravings-and-urges .log-trigger-question-card-relative {
  position: relative;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-top-right-action, div.rightpanel.rightpanel-log-cravings-and-urges .log-trigger-top-right-action {
  position:absolute;
  top:20px;
  right:20px;
  z-index:10;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-info-button {
  position:absolute;
  top:20px;
  right:20px;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-info-button button {
  cursor: pointer;
  border: none;
  background: none;
  outline: 0;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-skills-picker, div.rightpanel.rightpanel-log-cravings-and-urges .log-trigger-skills-picker {
  padding-top:10px;
}
div.rightpanel.rightpanel-log-dysfunctional-thought .log-dysfunctional-thought-question-card-relative {
  position: relative;
}
div.rightpanel.rightpanel-log-dysfunctional-thought .log-dysfunctional-thought-top-right-action {
  position:absolute;
  top:20px;
  right:20px;
  z-index:10;
}
div.rightpanel.rightpanel-log-dysfunctional-thought .log-dysfunctional-thought-scale-hints {
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#666666;
  font-size:13px;
  padding-top:8px;
}
div.rightpanel.rightpanel-log-dysfunctional-thought .log-dysfunctional-thought-choice-row {
  position:relative;
  padding-right:54px;
}
div.rightpanel.rightpanel-log-dysfunctional-thought .log-dysfunctional-thought-inline-info {
  position:absolute;
  top:2px;
  right:0;
}
div.trigger-skill-info-modal-body {
  max-height: 70vh;
  overflow-y: auto;
  padding: 20px;
}
div.trigger-skill-info-modal-body .trigger-skill-info-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 24px;
}
div.trigger-skill-info-modal-body .trigger-skill-info-card a {
  display: block;
  padding-bottom: 6px;
  text-decoration: none;
  color: #36A5B5;
}
div.trigger-skill-info-modal-body .trigger-skill-info-card a:visited {
  color: #36A5B5;
}
div.trigger-skill-info-modal-body .trigger-skill-info-card h1 {
  font-size: 20px;
  margin: 22px 0 12px;
}
div.trigger-skill-info-modal-body .trigger-skill-info-card p,
div.trigger-skill-info-modal-body .trigger-skill-info-card li {
  line-height: 1.5;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-toolbar, div.rightpanel.rightpanel-log-cravings-and-urges .log-cravings-and-urges-toolbar, div.rightpanel.rightpanel-log-dysfunctional-thought .log-trigger-toolbar, div.rightpanel.rightpanel-log-quick-journal .log-quick-journal-toolbar, div.rightpanel.rightpanel-log-anxiety-episode .log-anxiety-episode-toolbar, div.rightpanel.rightpanel-log-anger .log-anger-toolbar {
  height:42px;
}
div.rightpanel.rightpanel-log-trigger .log-trigger-configure-btn, div.rightpanel.rightpanel-log-cravings-and-urges .log-trigger-configure-btn, div.rightpanel.rightpanel-log-dysfunctional-thought .log-trigger-configure-btn, div.rightpanel.rightpanel-log-anxiety-episode .log-trigger-configure-btn {
  position:absolute;
  left:20px;
}
div.patient-audio-lessons-scroll.rightpanel-scroll button.select-format-btn {
  width: 415px;
  margin: 10px auto 0;
}
div.patient-audio-lessons-scroll.rightpanel-scroll button.audio-lesson-skip-quiz-btn {
  color: #313444; text-decoration: underline; border:none; outline:none; cursor: pointer; display:block; margin: 10px auto 15px; background-color:unset;padding:8px;
}
div.patient-audio-lessons-scroll.rightpanel-scroll div.audio-lesson-content-container {
  margin:30px auto;
}

div.patient-audio-lessons-scroll.rightpanel-scroll div.audio-lesson-content-container.less-vertical-margin {
  margin: 20px auto;
}
div.patient-audio-lessons-scroll.rightpanel-scroll h4{
  font-size: 18px;
  color: #000000;
  margin-bottom: 10px;
}
div.patient-audio-lessons-scroll.rightpanel-scroll div.audio-lesson-quiz-question label {
  padding-left:25px;
  font-size: 16px;
}
div.rightpanel.rightpanel-log-trigger div.log-trigger-container, div.rightpanel.rightpanel-log-quick-journal div.log-quick-journal-container, div.rightpanel.rightpanel-log-cravings-and-urges div.log-cravings-and-urges-container, div.rightpanel.rightpanel-log-dysfunctional-thought div.log-dysfunctional-thought-container, div.rightpanel.rightpanel-log-anxiety-episode div.log-anxiety-episode-container, div.rightpanel.rightpanel-log-anger div.log-anger-container {
  margin:30px 30px 50px;
}
div.rightpanel.rightpanel-log-quick-journal .rounded-white-card.patient-log-question-card p.log-quick-journal-index {
  font-weight: bold;
  margin-bottom: 8px;
}
div.rightpanel.rightpanel-log-quick-journal .log-quick-journal-entry-type-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.rightpanel.rightpanel-log-quick-journal .log-quick-journal-entry-type-actions button {
  width: 100%;
  max-width: 280px;
}
div.rightpanel.rightpanel-log-quick-journal .log-quick-journal-entry-type-actions button + button {
  margin-top: 20px;
}
div.patient-log-question-card button.hud-info-btn {
  padding: 2px 8px;
  border-radius: 17px;
  font-weight: bold;
  font-size: 16px;
  border: 2px solid #189FFB;
  color: #189FFB;
  background-color: #FFF;
  position:absolute;
  min-width: 28px;
  right:0;
  top:0;
}
div.patient-log-question-card button.hud-info-btn:hover {
  background-color: #BFDFFF;
  cursor: pointer;
}
div.patient-log-question-card button.hud-info-btn:active {
  color: FFF;
  background-color: #189FFB;
}
/* Anxiety Episode Log */
div.patient-log-question-card .patient-log-segmented-control,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-segmented-control,
div.rightpanel.rightpanel-log-anger .anxiety-episode-segmented-control {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
div.patient-log-question-card .patient-log-segmented-control button,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-segmented-control button,
div.rightpanel.rightpanel-log-anger .anxiety-episode-segmented-control button {
  min-width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}
div.patient-log-question-card .patient-log-segmented-control button.selected,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-segmented-control button.selected,
div.rightpanel.rightpanel-log-anger .anxiety-episode-segmented-control button.selected {
  background-color: #189FFB;
  color: #fff;
  border-color: #189FFB;
}
div.patient-log-question-card .patient-log-scale-hint,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-scale-hint,
div.rightpanel.rightpanel-log-anger .anxiety-episode-scale-hint {
  font-size: 13px;
  color: #777;
  margin-bottom: 8px;
}
div.patient-log-question-card .patient-log-duration-control {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
div.patient-log-question-card .patient-log-plus-minus,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-plus-minus {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
div.patient-log-question-card .patient-log-plus-minus button,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-plus-minus button {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  background-color: #555;
  border-radius: 4px;
  border: none;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
}
div.patient-log-question-card .patient-log-plus-minus-value,
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-plus-minus-value {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  font-size: 18px;
  padding: 0 8px;
}
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-attached-trigger-row, div.rightpanel.rightpanel-log-anger .anxiety-episode-attached-trigger-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
div.rightpanel.rightpanel-log-anxiety-episode .anxiety-episode-attached-trigger-row:last-child, div.rightpanel.rightpanel-log-anger .anxiety-episode-attached-trigger-row:last-child {
  border-bottom: none;
  margin-bottom: 8px;
}
h4.safety-plan-header {
  color: #000000;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Safety Plan */
div.rightpanel.rightpanel-safety-plan div#dyn-height.rightpanel-scroll.safety-plan-scroll {height:calc(100% - 124px);height:-moz-calc(100% - 124px);height:-webkit-calc(100% - 124px);padding-bottom:30px}
h4.safety-plan-section-header {color:#000;font-size:18px;font-weight:600;padding:10px 0;margin:15px 0 5px}
.safety-plan-section-info {color:#555;font-size:16px;line-height:1.5;margin:0 0 15px}
.safety-plan-view-section {margin-bottom:15px}
.safety-plan-view-header {display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.safety-plan-contact-display {padding:6px 0;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.safety-plan-contact-display:last-child {border-bottom:none}
.safety-plan-contact-name {font-weight:500;margin-right:10px}
.safety-plan-contact-actions {display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.safety-plan-action-btn {margin:4px 0;font-size:12px}
.safety-plan-contact-group {padding-bottom:5px}
.safety-plan-contact-group label {display:block;margin-top:8px;margin-bottom:3px;font-size:13px;color:#555;font-weight:bold}
.safety-plan-numbered-row {display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.safety-plan-numbered-row label {padding-top:8px;min-width:20px;flex-shrink:0;margin:0}
.safety-plan-numbered-row textarea {flex:1}

div.modal-body.grey-background.person-select-view-modal-body.add-relationship-hidden{max-height:390px;height:390px;}

.sa-emoji-form { width: calc(100% - 120px);}
.emoji-wysiwyg-editor, .onboarding .emoji-wysiwyg-editor { width:calc(100% - 120px); }
.modal.comment-modal .sa-emoji-form { width:100%;}
.meal-list {width: calc(100% - 277px);}
.patient-configure-log-questions div.conf-log, div.rightpanel.rightpanel-manage-program-goals-and-skills .rightpanel-scroll div.manage-program-goals-and-skills-content {margin: 0 auto; max-width:800px;}
div.rightpanel.rightpanel-log-goals div#dyn-height.padded form.radio-group, div.rightpanel.rightpanel-log-entry div#dyn-height form.radio-group {
  padding:20px;width:100%;margin:0 auto;box-sizing:border-box;
}

div.modal.backfill-modal div.modal-body .group-info {width:343px;}
div.modal.backfill-modal div.modal-body .group-info .xarticle {width:325px;margin-top:16px;}
div.modal.backfill-modal div.modal-body .group-info .xaside {width:320px;padding-right:16px;margin-bottom:3px;}
div.modal.backfill-modal div.modal-body .group-info .xaside p {float:right;color:#aaa;margin-top:3px;}

div.modal-body.outstanding-invite div.link-invite {width:425px;}
div.modal-body.outstanding-invite div.link-invite input.flat-grey-input.less-padding.shorter {width:398px;}
div.modal-body.outstanding-invite div.link-invite textarea.flat-grey-input.less-padding.shorter {width:398px;}
div.modal-body.outstanding-invite div.link-invite button.flat-rounded-btn {width:327px;}
div.modal-body.clinician-link div.link-invite {width:425px;}
div.modal-body.clinician-link div.profile-info-inner.patient-clinician-link div.xarticle {width:440px;}
div.modal-body.clinician-link button.flat-rounded-btn.bigger.red.centered {width:80%;}
div.modal-body.clinician-link {overflow-x:hidden}
div.modal-body.clinician-link-tos div.bglink-invite .yellow-bar h3 {width:425px;}
div.bglink-invite.link-invite-accept-or-reject .yellow-bar h3 {width:425px;}
div.modal-body.link-invite-accept-or-reject div.link-invite {width:425px;}
div.modal-body.link-invite-accept-or-reject textarea.flat-grey-input.less-padding.shorter {width:398px;}
div.modal-body.select-file-to-upload-modal-body div.rounded-white-card {margin:0 30px 30px;padding:30px;}
div.narrow-shortish-modal-coping .modal-body div.detail-info ul {width:380px;}
div.narrow-shortish-modal-coping .modal-footer button.flat-rounded-btn.bigger.less-padding {width:160px;}
div.narrow-shortish-modal-coping .modal-footer button.flat-rounded-btn.bigger.less-padding.full-width-footer-btn {width:340px;}
div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box {width:300px;}
div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle {width:300px;}
div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle div.xaside {width:277px;}
div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle div.xaside h3 {width:257px;}
div.modal.show-conditions-modal-shorter div.modal-footer button.flat-rounded-btn.bigger {width:160px;}
div.rightpanel.rightpanel-about-us div.toolbar-white a {
  width:300px;text-align:center;
}

/* Toggle positions */
div.rightpanel.rightpanel-about-us div.heading-bar.toggle-bg a.nav-toggle.active.about-us-toggle {background-position: bottom right 16px}
div.rightpanel.rightpanel-about-us div.rightpanel-scroll div.rightpanel-inner div {width:450px;margin:0 auto;padding-top:40px;font-family:sans-serif}
div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll div.data-insights div.chart-events-content, div.rightpanel.rightpanel-chart-insights div#dyn-height.rightpanel-scroll div.data-insights div.chart-insights-content, div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll div.data-insights div.chart-trends-content {width:600px;height:450px;margin:20px auto}
div.rightpanel.rightpanel-clinical-goals div.heading-bar.toggle-bg a.nav-toggle.active.clinical-goals-toggle {background-position: bottom right 17px;}
div.rightpanel.rightpanel-direct-messages div#dyn-height.scroll-bottom.rightpanel-scroll div.message-info div div.message-container, div.rightpanel.rightpanel-team-messages div#dyn-height1.patient-team-messages.scroll-bottom.rightpanel-scroll div.message-info div div.team-chat-message-container {max-width:850px;margin:0 20px}
div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded {width:415px;margin:20px auto}
div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div div.tab-links-goal ul {width:422px;margin:0}
div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div.meal-list {width:420px;float:none}
div.rightpanel.rightpanel-feedback div.heading-bar.toggle-bg a.nav-toggle, div.rightpanel.rightpanel-help div.heading-bar.toggle-bg a.nav-toggle, div.rightpanel.rightpanel-support div.heading-bar.toggle-bg a.nav-toggle {background-position:bottom right}
div.rightpanel.rightpanel-feedback div.heading-bar.toggle-bg a.nav-toggle.active.feedback-toggle, div.rightpanel.rightpanel-support div.heading-bar.toggle-bg a.nav-toggle.active.support-toggle {background-position:bottom right 12px}
div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded {width:510px;margin:30px auto}
div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded p, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded p {text-align:center;margin:20px auto;width:510px}
div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn {width:512px;height:52px;font-size:15px}
div.rightpanel.rightpanel-help div.heading-bar.toggle-bg a.nav-toggle.active.help-toggle {background-position:bottom right -5px}
div.rightpanel.rightpanel-log-calendar div.heading-bar.toggle-bg div a.nav-toggle.active.log-calendar-toggle {background-position:bottom right 18px}
div.rightpanel.rightpanel-logging-goals div.heading-bar.toggle-bg a.nav-toggle.active.logging-toggle {background-position: bottom right 16px;}
div.rightpanel.rightpanel-logs div.heading-bar.toggle-bg div a.nav-toggle.active.logs-toggle {background-position:bottom right -4px}
div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll div p.meal-photo-note {width:400px; margin:0 auto; text-align:left; color:#323444}
div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll div.meal-photo-detail-section {width:600px;margin:15px auto}
div.rightpanel.rightpanel-privacy-policy div.heading-bar.toggle-bg a.nav-toggle.active.privacy-policy-toggle {background-position:bottom right 36px}
div.rightpanel.rightpanel-program-tune-module div.heading-bar.toggle-bg a.nav-toggle {background-position-x:right}
div.rightpanel.rightpanel-share-documents div.heading-bar.toggle-bg a.nav-toggle {background-position: bottom right 45px}
div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll div iframe {width:450px;border-radius:3px;margin: 0 auto; background-color:#ffffff; display:block;height:inherit}
div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded p {text-align:center;width:510px;margin: 20px auto}
div.rightpanel.rightpanel-terms-of-use div.heading-bar.toggle-bg a.nav-toggle.active.terms-of-use-toggle {background-position:bottom right 30px}


/* rightpanel dyn-height */
div.rightpanel.rightpanel-clinical-goals div#dyn-height.rightpanel-scroll.clinical-goals {height:calc(100% - 224px);height:-moz-calc(100% - 224px);height:-webkit-calc(100% - 224px); padding-bottom:30px}
div.rightpanel.rightpanel-thought-log-view div.meal-list div div#dyn-height1.scroll-bottom.meal-list-inner.thought-log {height:calc(100% - 214px);height:-moz-calc(100% - 214px);height:-webkit-calc(100% - 214px);border-top: 1px solid #e3e3e3;background-color:#fff}
div.leftpanel div.navbar {max-height:calc(100% - 199px);max-height:-moz-calc(100% - 199px);max-height:-webkit-calc(100% - 199px);overflow-y:scroll}
div.rightpanel.rightpanel-program-tune-module div#dyn-height.rightpanel-scroll {height:calc(100% - 195px);height:-moz-calc(100% - 195px);height:-webkit-calc(100% - 195px)}
div.rightpanel.rightpanel-about-us div.rightpanel-scroll {height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px);}
div.rightpanel.rightpanel-share-documents div.rightpanel-scroll {height: calc(100% - 192px); height: -webkit-calc(100% - 192px); height: -moz-calc(100% - 192px);}
div.rightpanel.rightpanel-log-goals div#dyn-height.padded {height:calc(100% - 188px);height:-moz-calc(100% - 188px);height:-webkit-calc(100% - 188px);overflow-y:scroll;position:relative;}
div.rightpanel.rightpanel-blood-glucose-log div#dyn-height, div.rightpanel.rightpanel-goal-set-review div#dyn-height, div.rightpanel.rightpanel-stool-tracking-log div#dyn-height {height:calc(100% - 178px);height:-moz-calc(100% - 178px);height:-webkit-calc(100% - 178px);overflow-y:scroll;position:relative}
div.rightpanel.rightpanel-triggered-log-view div#dyn-height, div.rightpanel.rightpanel-shared-document-view div#dyn-height, div.rightpanel.rightpanel-cravings-and-urges-log-view div#dyn-height {height:calc(100% - 178px);height:-moz-calc(100% - 178px);height:-webkit-calc(100% - 178px);overflow-y:scroll}
div.rightpanel.rightpanel-anger-log-view div#dyn-height.anger-log-scroll, div.rightpanel.rightpanel-anxiety-episode-log-view div#dyn-height.anxiety-episode-scroll, div.rightpanel.rightpanel-arfid-food-exposure-log-view div#dyn-height.arfid-food-exposure-log-scroll, div.rightpanel.rightpanel-completed-homework-assignment div#dyn-height.completed-homework-assignment-scroll, div.rightpanel.rightpanel-cravings-and-urges-log-view div#dyn-height.cravings-and-urges-log-scroll, div.rightpanel.rightpanel-dbt-diary-card div#dyn-height.dbt-diary-card-scroll, div.rightpanel.rightpanel-dysfunctional-thought-log-view div#dyn-height.dysfunctional-thought-log-scroll, div.rightpanel.rightpanel-exposure-learnings-view div#dyn-height.exposure-learnings-scroll, div.rightpanel.rightpanel-exposure-plan-view div#dyn-height.exposure-plan-scroll, div.rightpanel.rightpanel-five-minute-log-view div#dyn-height.five-minute-log-scroll, div.rightpanel.rightpanel-listened-to-meditation-view div#dyn-height.listened-to-meditation-scroll, div.rightpanel.rightpanel-medical-questionnaire-view div#dyn-height.medical-questionnaire-view-scroll, div.rightpanel.rightpanel-mood-and-activity-checkin div#dyn-height.mood-and-activity-checkin-scroll, div.rightpanel.rightpanel-refusal-log-view div#dyn-height.refusal-log-scroll, div.rightpanel.rightpanel-rp-daily-checkin-log-view div#dyn-height.rp-daily-checkin-log-scroll, div.rightpanel.rightpanel-ml-daily-checkin-log-view div#dyn-height.ml-daily-checkin-log-scroll, div.rightpanel.rightpanel-support-meeting-checkin-view div#dyn-height.support-meeting-checkin-scroll, div.rightpanel.rightpanel-used-substance-log-view div#dyn-height.used-substance-log-scroll, div.rightpanel.rightpanel-audio-lesson-taken-view div#dyn-height.audio-lesson-taken-scroll, div.rightpanel.rightpanel-skill-set-review div#dyn-height.skill-set-review-scroll, div.rightpanel.rightpanel-meadows-check-in div#dyn-height.meadows-check-in-scroll {height:calc(100% - 179px);height:-moz-calc(100% - 179px);height:-webkit-calc(100% - 179px);overflow-y:scroll}
div.rightpanel.rightpanel-risky-events div#dyn-height.rightpanel-scroll.risky-events-scroll {padding-bottom:30px; height:calc(100% - 222px);height:-moz-calc(100% - 222px);height:-webkit-calc(100% - 222px);}
div.rightpanel.rightpanel-risky-event-prep div#dyn-height.rightpanel-scroll.risky-event-prep-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-review-risky-event div#dyn-height.rightpanel-scroll.review-risky-event-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-enjoyable-activities div#dyn-height.rightpanel-scroll.enjoyable-activities-scroll {padding-bottom:30px; height:calc(100% - 222px);height:-moz-calc(100% - 222px);height:-webkit-calc(100% - 222px);}
div.rightpanel.rightpanel-schedule-enjoyable-activity div#dyn-height.rightpanel-scroll.schedule-enjoyable-activity-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-review-enjoyable-activity div#dyn-height.rightpanel-scroll.review-enjoyable-activity-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-record-completed-activity div#dyn-height.rightpanel-scroll.record-completed-activity-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-clinical-goals div#dyn-height.rightpanel-scroll.manage-missions {height:calc(100% - 165px);height:-moz-calc(100% - 165px);height:-webkit-calc(100% - 165px); padding-bottom:30px}
div.rightpanel.rightpanel-meditation-list div#dyn-height.meditation-list-scroll {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);overflow-y:scroll}

/* Meditation List */
div.rightpanel.rightpanel-meditation-list .med-info-text {text-align:center;padding:40px 30px;color:#666}
div.rightpanel.rightpanel-meditation-list .med-info-text p {margin-bottom:10px;font-size:15px;line-height:1.4}
div.rightpanel.rightpanel-meditation-list .med-section-heading {padding:16px 20px;border-bottom:1px solid #999;color:#000;font-size:18px;background-color:#efeff4}
div.rightpanel.rightpanel-meditation-list .med-card {height:100px;position:relative;border-bottom:1px solid #999;background-size:cover;background-position:center}
div.rightpanel.rightpanel-meditation-list table.med-card-info {width:100%;background-color:rgba(255,255,255,0.5);height:100px;padding:5px 15px 0 15px;cursor:pointer}
div.rightpanel.rightpanel-meditation-list table.med-card-info td {text-align:left;padding-bottom:5px;opacity:0.5}
div.rightpanel.rightpanel-meditation-list table.med-card-info td.med-col-right {text-align:right;color:#0e840f;opacity:1}
div.rightpanel.rightpanel-meditation-list table.med-card-info span {padding:10px;margin-right:10px}
div.rightpanel.rightpanel-meditation-list .med-icon-audio {background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/meditation_audio_icon.png) no-repeat center center/100%}
div.rightpanel.rightpanel-meditation-list .med-icon-video {background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/meditation_video_icon.png) no-repeat center center/100%}
div.rightpanel.rightpanel-meditation-list .med-icon-calendar {background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/meditation_calendar_icon.png) no-repeat center center/100%}
div.rightpanel.rightpanel-meditation-list .med-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff;display:flex;justify-content:center;gap:10px}
div.rightpanel.rightpanel-meditation-list .med-action-btn {flex:1;max-width:220px;padding:10px 8px;font-size:14px}
div.rightpanel.rightpanel-meditation-list .med-action-btn-secondary {background-color:#fff;color:#3b8af3;border:1px solid #3b8af3}

/* Meditation Preview/Playback */
div.rightpanel.rightpanel-meditations-preview {height:100%}
div.rightpanel.rightpanel-meditations-preview .medp-container {overflow:hidden;background-color:#000;width:100%;text-align:center;height:calc(100% - 95px);height:-moz-calc(100% - 95px);height:-webkit-calc(100% - 95px)}
div.rightpanel.rightpanel-meditations-preview .medp-video-container {position:relative;height:100%;max-height:960px;display:inline-block}
div.rightpanel.rightpanel-meditations-preview .medp-video-container video {display:block;margin:0 auto;max-height:100%;max-width:100%}
div.rightpanel.rightpanel-meditations-preview .medp-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff}
div.rightpanel.rightpanel-meditations-preview .medp-close-btn {width:200px}
@keyframes medpOverlayOut {
  0% {opacity:1}
  80% {opacity:1}
  100% {opacity:0}
}
div.rightpanel.rightpanel-meditations-preview .medp-overlay-text {position:absolute;top:20%;left:15%;width:70%;color:#fff;text-align:center;font-size:18px;animation:medpOverlayOut 10s ease 0s 1 normal forwards}
div.rightpanel.rightpanel-meditations-preview .medp-overlay-text.medp-dark-text {color:#000}
div.rightpanel.rightpanel-meditations-preview .medp-timer-display {position:absolute;bottom:15px;right:15px;background:rgba(0,0,0,0.6);color:#fff;padding:8px 14px;border-radius:20px;font-size:16px;font-weight:bold}
div.rightpanel.rightpanel-meditations-preview .medp-timer-display.medp-timer-finished {background:rgba(76,175,80,0.8);animation:medpTimerPulse 1s ease 3}
@keyframes medpTimerPulse {
  0% {transform:scale(1)}
  50% {transform:scale(1.15)}
  100% {transform:scale(1)}
}
@keyframes medpBreathingIntro {
  0% {opacity:1}
  70% {opacity:1}
  90% {opacity:0}
  100% {opacity:0}
}
@keyframes medpBreathingText {
  0% {opacity:1}
  74% {opacity:1}
  92% {opacity:0}
  100% {opacity:0}
}
@keyframes medpBreathingIn {
  0% {top:-88%;padding:35%}
  74% {top:-95%;padding:49%}
  92% {top:-95%;padding:49%}
  100% {top:-95%;padding:49%}
}
@keyframes medpBreathingOut {
  0% {top:-95%;padding:49%}
  74% {top:-88%;padding:35%}
  92% {top:-88%;padding:35%}
  100% {top:-88%;padding:35%}
}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-circle {position:relative;border-radius:50%;background-color:rgba(23,117,169,0.5);margin:0 auto;height:auto;padding:35%;top:-88%;width:0%}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-circle.medp-breathing-in {animation-name:medpBreathingIn;animation-duration:3.6s;animation-iteration-count:1;top:-95%;padding:49%}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-circle.medp-breathing-out {animation-name:medpBreathingOut;animation-duration:3.6s;animation-iteration-count:1;padding:35%;top:-88%}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-text {position:absolute;margin:0 auto;font-size:16px;top:33%;width:100%;text-align:center}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-text.medp-breathing-intro {animation-name:medpBreathingIntro;animation-duration:2s;animation-iteration-count:1;opacity:0;color:rgba(255,255,255,0.9)}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-text.medp-breathing-in {animation:medpBreathingText;animation-duration:3.6s;animation-iteration-count:infinite;color:rgba(255,255,255,0.85);opacity:0}
div.rightpanel.rightpanel-meditations-preview .medp-breathing-text.medp-breathing-out {animation:medpBreathingText;animation-duration:3.6s;animation-iteration-count:infinite;color:rgba(255,255,255,0.85);opacity:0}

/* Meditation Choose Scene */
div.rightpanel.rightpanel-meditations-choose-scene div#dyn-height.mcs-scroll {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);overflow-y:scroll}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-next-step {background-color:#000;color:#fff;padding:15px;text-align:center;font-size:14px}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene {height:100px;position:relative;cursor:pointer;background-size:cover;background-position:center}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene p {top:5px;left:5px;position:absolute;padding:5px 10px;color:#fff}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene p.mcs-label-selected {border-radius:10px;background-color:rgba(0,0,0,0.5)}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene-filter {position:absolute;height:100px;width:100%;background-color:#000;opacity:0.5}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene:hover .mcs-scene-filter {background:none}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-scene-selected {position:absolute;height:100px;width:5%;left:95%;opacity:1;background-color:#189FFB}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff;display:flex;justify-content:center;gap:10px}
div.rightpanel.rightpanel-meditations-choose-scene .mcs-btn {flex:1;max-width:220px;padding:10px 8px;font-size:14px}

/* Meditation Choose Audio Track */
div.rightpanel.rightpanel-meditations-choose-audio-track div#dyn-height.mca-scroll {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);overflow-y:scroll}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-card {cursor:pointer;margin:10px 30px;padding:10px 15px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-card.mca-first-card {margin-top:40px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-card:hover {background-color:#BFDFFF}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-icon {background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/meditation_audio_icon.png) no-repeat center center/35%;float:right;padding:30px 35px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-title {display:block;padding:15px 15px;font-size:18px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-subtitle {padding-left:20px;font-size:15px;color:#7f7f7f;padding-bottom:10px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff;display:flex;justify-content:center;gap:10px}
div.rightpanel.rightpanel-meditations-choose-audio-track .mca-btn {flex:1;max-width:220px;padding:10px 8px;font-size:14px}

/* Meditation Configure */
div.rightpanel.rightpanel-meditations-configure div#dyn-height.mcf-scroll, div.rightpanel.rightpanel-meditations-edit div#dyn-height.mce-scroll {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);overflow-y:scroll}
div.rightpanel.rightpanel-meditations-configure .mcf-container, div.rightpanel.rightpanel-meditations-edit .mce-container {margin:30px}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle, div.rightpanel.rightpanel-meditations-edit .mcf-toggle {display:block;width:320px;cursor:pointer}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle-wider, div.rightpanel.rightpanel-meditations-edit .mcf-toggle-wider {margin:20px auto;width:275px}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle section, div.rightpanel.rightpanel-meditations-edit .mcf-toggle section {display:inline-block;padding:5px 8px;color:#189FFB;border:1px solid #189FFB}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle-wider section, div.rightpanel.rightpanel-meditations-edit .mcf-toggle-wider section {padding:5px 25px}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle section:not(:first-child), div.rightpanel.rightpanel-meditations-edit .mcf-toggle section:not(:first-child) {border-left:1px solid #189FFB;margin-left:-5px}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle-first, div.rightpanel.rightpanel-meditations-edit .mcf-toggle-first {border-radius:3px 0 0 3px}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle-last, div.rightpanel.rightpanel-meditations-edit .mcf-toggle-last {border-radius:0 3px 3px 0}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle-selected, div.rightpanel.rightpanel-meditations-edit .mcf-toggle-selected {background-color:#189FFB;color:#fff !important}
div.rightpanel.rightpanel-meditations-configure .mcf-toggle section:hover, div.rightpanel.rightpanel-meditations-edit .mcf-toggle section:hover {background-color:#eee}
div.rightpanel.rightpanel-meditations-configure .mcf-form, div.rightpanel.rightpanel-meditations-edit .mcf-form {padding:0 30px}
div.rightpanel.rightpanel-meditations-configure .mcf-section, div.rightpanel.rightpanel-meditations-edit .mcf-section {margin-bottom:30px}
div.rightpanel.rightpanel-meditations-configure .mcf-section label, div.rightpanel.rightpanel-meditations-edit .mcf-section label {padding-bottom:10px;cursor:pointer}
div.rightpanel.rightpanel-meditations-configure .mcf-section input, div.rightpanel.rightpanel-meditations-edit .mcf-section input {margin-right:10px}
div.rightpanel.rightpanel-meditations-configure .mcf-day-label, div.rightpanel.rightpanel-meditations-edit .mcf-day-label {display:block}
div.rightpanel.rightpanel-meditations-configure .mcf-checkbox-label, div.rightpanel.rightpanel-meditations-edit .mcf-checkbox-label {display:block}
div.rightpanel.rightpanel-meditations-configure .mcf-link, div.rightpanel.rightpanel-meditations-edit .mcf-link {color:#189ffb;padding:0 0 10px 10px;cursor:pointer}
div.rightpanel.rightpanel-meditations-configure .mcf-link:hover, div.rightpanel.rightpanel-meditations-edit .mcf-link:hover {color:#003ce7;text-decoration:none}
div.rightpanel.rightpanel-meditations-configure .mcf-textarea, div.rightpanel.rightpanel-meditations-edit .mcf-textarea {width:100%;box-sizing:border-box}
div.rightpanel.rightpanel-meditations-configure .mcf-char-count, div.rightpanel.rightpanel-meditations-edit .mcf-char-count {float:right;color:#777}
div.rightpanel.rightpanel-meditations-configure .mcf-char-too-long, div.rightpanel.rightpanel-meditations-edit .mcf-char-too-long {color:#f00}
div.rightpanel.rightpanel-meditations-configure .mcf-time-btn, div.rightpanel.rightpanel-meditations-edit .mcf-time-btn {background-color:#fff;border-radius:5px;border:1px solid #189FFB;color:#189FFB;padding:8px 40px;cursor:pointer;margin-top:10px}
div.rightpanel.rightpanel-meditations-configure .mcf-time-btn:hover, div.rightpanel.rightpanel-meditations-edit .mcf-time-btn:hover {background-color:#eee}
div.rightpanel.rightpanel-meditations-configure .mcf-template-list, div.rightpanel.rightpanel-meditations-edit .mcf-template-list {padding:20px 0}
div.rightpanel.rightpanel-meditations-configure .mcf-template-message, div.rightpanel.rightpanel-meditations-edit .mcf-template-message {padding:20px;cursor:pointer;margin:0 10px 5px}
div.rightpanel.rightpanel-meditations-configure .mcf-template-message:hover, div.rightpanel.rightpanel-meditations-edit .mcf-template-message:hover {background-color:#BFDFFF}
div.rightpanel.rightpanel-meditations-configure .mcf-template-message h3, div.rightpanel.rightpanel-meditations-edit .mcf-template-message h3 {display:block;font-size:18px}
div.rightpanel.rightpanel-meditations-configure .mcf-toolbar, div.rightpanel.rightpanel-meditations-edit .mce-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff}
div.rightpanel.rightpanel-meditations-configure .mcf-toolbar-btns, div.rightpanel.rightpanel-meditations-edit .mce-toolbar-btns {display:flex;justify-content:center;gap:10px}
div.rightpanel.rightpanel-meditations-configure .mcf-btn, div.rightpanel.rightpanel-meditations-edit .mce-btn {flex:1;max-width:220px;padding:10px 8px;font-size:14px}
div.rightpanel.rightpanel-meditations-edit .mce-delete-btn {flex:1;max-width:220px;padding:10px 8px;font-size:14px}
div.rightpanel.rightpanel-meditations-configure .mcf-time-picker-heading, div.rightpanel.rightpanel-meditations-edit .mcf-time-picker-heading {text-align:center;font-weight:bold}
div.rightpanel.rightpanel-meditations-configure .mcf-timepicker-container, div.rightpanel.rightpanel-meditations-edit .mcf-timepicker-container {text-align:center}
div.rightpanel.rightpanel-meditations-configure .mcf-cancel-btn, div.rightpanel.rightpanel-meditations-edit .mcf-cancel-btn {display:block;float:left}

/* Meditation Edit */
div.rightpanel.rightpanel-meditations-edit div#dyn-height.mce-scroll {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);overflow-y:scroll}
div.rightpanel.rightpanel-meditations-edit .mce-container {margin:30px}
div.rightpanel.rightpanel-meditations-edit .mce-toolbar {padding:10px 20px;text-align:center;border-top:1px solid #ddd;background:#fff}
div.rightpanel.rightpanel-meditations-edit .mce-toolbar-btns {display:flex;justify-content:center;gap:10px}
div.rightpanel.rightpanel-meditations-edit .mce-btn {flex:1;max-width:180px;padding:10px 8px;font-size:14px}
div.rightpanel.rightpanel-meditations-edit .mce-delete-btn {flex:1;max-width:180px;padding:10px 8px;font-size:14px}

/* Meditation Edit Popover */
.mep-heading {text-align:center}
.mep-body {text-align:center;padding:0 !important}
.mep-option {padding:15px 0;color:#3b8af3;border-bottom:1px solid #999;font-size:18px;cursor:pointer}
.mep-option:hover {background-color:#eee}
.mep-option:active {background-color:#999;color:#fff}
.mep-option.mep-delete {color:#f00;border-top:1px solid #999;margin-top:25px}
.mep-footer {text-align:center}
.mep-cancel-btn {margin:0 auto;display:block;font-weight:bold}

div.rightpanel.rightpanel-identified-triggers div#dyn-height.rightpanel-scroll.identified-triggers-scroll, div.rightpanel.rightpanel-interpersonal-relationships div#dyn-height.rightpanel-scroll.interpersonal-relationships-scroll {height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);padding-bottom:30px}
div.rightpanel.rightpanel-clinician-links div#dyn-height.rightpanel-scroll.manage-links, div.rightpanel.rightpanel-clinician-messages div#dyn-height.rightpanel-scroll.manage-links {height:calc(100% - 158px);height:-moz-calc(100% - 158px);height:-webkit-calc(100% - 158px);overflow-y:scroll;position:relative;padding-bottom:30px}
div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-chart-insights div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll {height:calc(100% - 148px);height:-moz-calc(100% - 148px);height:-webkit-calc(100% - 148px); overflow-x:scroll}
div.rightpanel.rightpanel-logging-goals div#dyn-height.rightpanel-scroll {height:calc(100% - 143px);height:-moz-calc(100% - 143px);height:-webkit-calc(100% - 143px)}
div.rightpanel.rightpanel-log div#dyn-height.meal-list-time-table-container.patient-meal-list-time-table-container div.meal-list div div.scroll-bottom.meal-list-inner {height:calc(100% - 141px);height:-moz-calc(100% - 141px);height:-webkit-calc(100% - 141px);border-top: 1px solid #e3e3e3;background-color:#fff}
div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);padding-top:8px}
div.rightpanel.rightpanel-program-checkins div#dyn-height.rightpanel-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px)}
div.rightpanel.rightpanel-faq-general-help div#dyn-height.padded, div.rightpanel.rightpanel-home div#dyn-height.padded {overflow-y:scroll;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px)}
div.rightpanel.rightpanel-help div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-privacy-policy div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-terms-of-use div#dyn-height.rightpanel-scroll {overflow:hidden;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px)}
div.rightpanel.rightpanel-log-calendar div#dyn-height.rightpanel-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px)}
div.rightpanel.rightpanel-log-entry div#dyn-height, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);overflow-y:scroll;position:relative; padding:30px 0}
div.rightpanel.rightpanel-coping-tactics div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-manage-program-goals-and-skills div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-log-trigger div.rightpanel-scroll.log-trigger-scroll, div.rightpanel.rightpanel-log-quick-journal div.rightpanel-scroll.log-quick-journal-scroll, div.rightpanel.rightpanel-log-cravings-and-urges div.rightpanel-scroll.log-cravings-and-urges-scroll, div.rightpanel.rightpanel-log-dysfunctional-thought div.rightpanel-scroll.log-dysfunctional-thought-scroll, div.rightpanel.rightpanel-log-anxiety-episode div.rightpanel-scroll.log-anxiety-episode-scroll, div.rightpanel.rightpanel-log-anger div.rightpanel-scroll.log-anger-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
div.rightpanel.rightpanel-sd-exercise div#dyn-height {height:calc(100% - 129px);height:-moz-calc(100% - 129px);height:-webkit-calc(100% - 129px);border-top: 1px solid #aaa;overflow-y:scroll;position:relative}
div.rightpanel.rightpanel-log-thought div#dyn-height, div.rightpanel.rightpanel-sleep-tracking-log div#dyn-height {height:calc(100% - 128px);height:-moz-calc(100% - 128px);height:-webkit-calc(100% - 128px);overflow-y:scroll;position:relative}
div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll {position:relative; height: calc(100% - 128px); height: -moz-calc(100% - 128px); height: -webkit-calc(100% - 128px);}
div.rightpanel.rightpanel-configure-log-questions div#dyn-height.rightpanel-inner.patient-configure-log-questions {padding-bottom:20px;height:calc(100% - 94px); height:-moz-calc(100% - 94px); height:-webkit-calc(100% - 94px);}
div.rightpanel.rightpanel-patient-audio-lessons div.rightpanel-scroll.patient-audio-lessons-scroll {height: calc(100% - 75px); height: -webkit-calc(100% - 75px); height: -moz-calc(100% - 75px);}
/* Resolve Ambivalence */
div.rightpanel.rightpanel-resolve-ambivalence {height:100%}
div.rightpanel.rightpanel-resolve-ambivalence div#dyn-height.rightpanel-scroll.resolve-ambivalence-scroll {box-sizing:border-box; padding: 0 30px 30px; height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);}
div.rightpanel.rightpanel-resolve-ambivalence div#dyn-height.rightpanel-scroll.resolve-ambivalence-scroll.resolve-ambivalence-step-scroll {height:calc(100% - 142px);height:-moz-calc(100% - 142px);height:-webkit-calc(100% - 142px)}
div.rightpanel.rightpanel-meditation-list div#dyn-height.rightpanel-scroll.meditation-list-scroll {
  height:calc(100% - 141px);height:-moz-calc(100% - 141px);height:-webkit-calc(100% - 141px)
}
div.rightpanel.rightpanel-meditations-preview {
    height:calc(100% - 46px);height:-moz-calc(100% - 46px);height:-webkit-calc(100% - 46px)
  }

div.rightpanel.rightpanel-resolve-ambivalence .ra-message-area {width:150px;float:right}
div.rightpanel.rightpanel-resolve-ambivalence .ra-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-resolve-ambivalence .ra-summary-list {margin-bottom:20px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-actions {text-align:center;padding:20px 30px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-action-btn {width:100%;max-width:400px;margin:0px auto 10px;display:block}
div.rightpanel.rightpanel-resolve-ambivalence .ra-action-link {display:inline-block;box-sizing:border-box;text-align:center}
div.rightpanel.rightpanel-resolve-ambivalence .ra-intro-container {padding:30px;max-width:600px;margin:0 auto}
div.rightpanel.rightpanel-resolve-ambivalence .ra-intro-card {margin-bottom:20px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-intro-title {margin-bottom:10px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-intro-text {margin-bottom:10px;line-height:1.5}
div.rightpanel.rightpanel-resolve-ambivalence .ra-time-estimate {text-align:center;color:#888;margin-bottom:20px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-full-width-btn {width:100%}
div.rightpanel.rightpanel-resolve-ambivalence .ra-step-container {padding:20px 30px;max-width:700px;margin:30px auto}
div.rightpanel.rightpanel-resolve-ambivalence .ra-step-description {margin-bottom:20px;line-height:1.5; font-size:18px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-examples-section {margin-bottom:20px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-example-row {padding:6px 0;border-bottom:1px solid #eee;display:flex;align-items:flex-start;gap:8px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-example-text {flex:1;line-height:1.5}
div.rightpanel.rightpanel-resolve-ambivalence .ra-use-this-link {color:#007aff;white-space:nowrap;text-decoration:underline}
div.rightpanel.rightpanel-resolve-ambivalence .ra-entry-row {margin-bottom:8px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-entry-textarea {width:100%;box-sizing:border-box;resize:vertical}
div.rightpanel.rightpanel-resolve-ambivalence .ra-ranking-container, .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise{padding:20px 30px;max-width:800px;margin:30px auto}
div.rightpanel.rightpanel-resolve-ambivalence .ra-ranking-grid {display:flex;gap:20px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-ranking-column {flex:1}
div.rightpanel.rightpanel-resolve-ambivalence .ra-ranking-header {margin-bottom:10px;font-weight:600;color:#000}
div.rightpanel.rightpanel-resolve-ambivalence .ra-rank-slot {padding:10px;margin-bottom:8px;min-height:50px;display:flex;align-items:center;gap:6px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-rank-number {font-weight:bold;color:#888;flex-shrink:0}
div.rightpanel.rightpanel-resolve-ambivalence .ra-rank-text {flex:1}
div.rightpanel.rightpanel-resolve-ambivalence .ra-choose-btn {font-size:12px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-change-btn {font-size:11px;flex-shrink:0;margin-left:auto}
div.rightpanel.rightpanel-resolve-ambivalence .ra-choice-list {padding:10px;border:2px solid #007aff;margin-bottom:10px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-choice-list-header {font-weight:600;margin-bottom:8px}
div.rightpanel.rightpanel-resolve-ambivalence .ra-choice-item {padding:6px 0;border-bottom:1px solid #eee;cursor:pointer}
div.rightpanel.rightpanel-resolve-ambivalence .ra-choice-text {color:#007aff}
div.rightpanel.rightpanel-resolve-ambivalence .ra-cancel-link {display:block;margin-top:8px;color:#888}
div.rightpanel.rightpanel-resolve-ambivalence .ra-step-toolbar {height:52px;text-align:center}
div.rightpanel.rightpanel-resolve-ambivalence .ra-step-next-btn {width:100%;max-width:400px}
.ra-email-modal {display:block;width:400px}
.ra-email-modal .ra-email-modal-body {padding:20px}
.ra-email-modal .ra-email-prompt-text {margin-bottom:15px}
.ra-email-modal .ra-email-input {width:100%;box-sizing:border-box;margin-bottom:15px}
.ra-email-modal .ra-email-send-btn {width:100%}

/* Reasons to Recover */
div.rightpanel.rightpanel-reasons-to-recover {height:100%}
div.rightpanel.rightpanel-reasons-to-recover div#dyn-height.rightpanel-scroll.reasons-to-recover-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);overflow-y:scroll}
div.rightpanel.rightpanel-reasons-to-recover .rtr-message-area {width:150px;float:right}
div.rightpanel.rightpanel-reasons-to-recover .rtr-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-container {max-width:700px;margin:20px auto}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-domain {margin-bottom:15px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-domain-header {padding-bottom:5px;border-bottom:1px solid #aaa;margin-bottom:10px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-domain-text {padding:10px 0;line-height:1.5}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-images {display:flex;gap:10px;flex-wrap:wrap}
div.rightpanel.rightpanel-reasons-to-recover .rtr-view-image {max-width:300px;max-height:250px;border-radius:6px;object-fit:cover}
div.rightpanel.rightpanel-reasons-to-recover .rtr-toolbar {text-align:center;height:auto;padding:10px 0}
div.rightpanel.rightpanel-reasons-to-recover .rtr-toolbar-row {display:flex;gap:10px;justify-content:center;max-width:500px;margin:0 auto;padding:0 15px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-toolbar-btn {flex:1}
div.rightpanel.rightpanel-reasons-to-recover .rtr-edit-container {max-width:700px;margin:20px auto}
div.rightpanel.rightpanel-reasons-to-recover .rtr-intro {margin-bottom:20px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-intro-text {line-height:1.5;margin-bottom:10px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-selection-count {font-weight:600;color:#555}
div.rightpanel.rightpanel-reasons-to-recover .rtr-count-error {color:#d9534f}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domains-list {margin-bottom:20px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-item {margin-bottom:10px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-checkbox-row {display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;background:#fff;border-radius:6px;border:1px solid #ddd}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-checkbox-row:hover {background:#f9f9f9}
div.rightpanel.rightpanel-reasons-to-recover .rtr-checkbox {width:22px;height:22px;border:2px solid #ccc;border-radius:4px;flex-shrink:0;position:relative}
div.rightpanel.rightpanel-reasons-to-recover .rtr-checkbox-checked {border-color:#007aff;background:#007aff}
div.rightpanel.rightpanel-reasons-to-recover .rtr-checkbox-checked::after {content:'\2713';color:#fff;position:absolute;top:-1px;left:3px;font-size:16px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-name {font-size:16px;font-weight:500}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-detail {margin-top:5px;margin-left:32px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-prompt {color:#666;line-height:1.5;margin-bottom:10px;font-style:italic}
div.rightpanel.rightpanel-reasons-to-recover .rtr-domain-textarea {width:100%;box-sizing:border-box;resize:vertical}
div.rightpanel.rightpanel-reasons-to-recover .rtr-char-count {text-align:right;font-size:12px;color:#888;margin-top:2px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-char-over {color:#d9534f}
div.rightpanel.rightpanel-reasons-to-recover .rtr-images-label {font-weight:500;margin:15px 0 8px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-slots {display:flex;gap:10px;margin-bottom:10px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-slot {width:120px;height:120px;border:2px dashed #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#fafafa}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-slot:hover {border-color:#007aff}
div.rightpanel.rightpanel-reasons-to-recover .rtr-slot-image {width:100%;height:100%;object-fit:cover}
div.rightpanel.rightpanel-reasons-to-recover .rtr-slot-placeholder {font-size:32px;color:#ccc}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-chooser {margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-chooser-label {font-weight:500;margin-bottom:8px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-image-chooser-buttons {display:flex;gap:10px;margin-bottom:5px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-chooser-btn {flex:1}
div.rightpanel.rightpanel-reasons-to-recover .rtr-stock-cancel {display:inline-block;margin-top:8px;color:#888}
.rtr-modal-stock-grid {display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.rtr-modal-stock-item {cursor:pointer;border:3px solid transparent;border-radius:8px;overflow:hidden;transition:border-color 0.15s}
.rtr-modal-stock-item:hover {border-color:#007aff}
.rtr-modal-stock-img {display:block;width:250px;height:180px;object-fit:cover}
div.rightpanel.rightpanel-reasons-to-recover .rtr-share-section {margin:20px 0}
div.rightpanel.rightpanel-reasons-to-recover .rtr-share-prompt {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
div.rightpanel.rightpanel-reasons-to-recover .rtr-share-text {margin:0;font-size:15px}
div.rightpanel.rightpanel-reasons-to-recover .rtr-share-btn {white-space:nowrap}
div.rightpanel.rightpanel-reasons-to-recover .rtr-share-confirmed-text {color:#5cb85c;font-weight:500;text-align:center;padding:10px 0}

/* Resolve Ambivalence Print */
div.rightpanel.rightpanel-resolve-ambivalence-print {height:100%}
div.rightpanel.rightpanel-resolve-ambivalence-print div#dyn-height.rightpanel-scroll.resolve-ambivalence-print-scroll {box-sizing:border-box;padding:0 30px 30px; height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px)}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-container {max-width:700px;margin:30px auto;padding:0 30px}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-title {text-align:center;margin-bottom:30px; color:#000}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-section {margin-bottom:20px}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-section-header {margin-bottom:10px;color:#333}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-list {padding-left:25px}
div.rightpanel.rightpanel-resolve-ambivalence-print li.ra-print-list-item {padding:4px 0;line-height:1.5; list-style:auto;}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-actions {text-align:center;padding:20px 0}
div.rightpanel.rightpanel-resolve-ambivalence-print .ra-print-btn {width:100%;max-width:300px}

/* Relapse Warning Signs */
div.rightpanel.rightpanel-relapse-warning-signs {height:100%}
div.rightpanel.rightpanel-relapse-warning-signs div#dyn-height.rightpanel-scroll.rws-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px)}
div.rightpanel.rightpanel-relapse-warning-signs .rws-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-relapse-warning-signs .rws-content {max-width:640px;margin:20px auto 0}
div.rightpanel.rightpanel-relapse-warning-signs .rws-intro-card {margin-bottom:20px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-intro-text {white-space:pre-line;color:#555;font-size:16px;line-height:1.5}
div.rightpanel.rightpanel-relapse-warning-signs .rws-time-estimate {text-align:center;color:#888;margin:15px 0 0;font-size:14px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-actions {text-align:center;margin-top:20px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-full-width-btn {width:100%;max-width:400px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-actions-top {display:flex;gap:10px;justify-content:center;margin-bottom:20px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-action-btn {min-width:140px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-sign-card {margin-bottom:10px}
div.rightpanel.rightpanel-relapse-warning-signs .rws-sign-text {font-size:16px;line-height:1.5;margin:0}
div.rightpanel.rightpanel-relapse-warning-signs .rws-sign-plan {color:#555;font-size:14px;line-height:1.4;margin:6px 0 0}
div.rightpanel.rightpanel-relapse-warning-signs .rws-plan-label {font-weight:600}

/* Relapse Warning Signs - Check-In Entry */
div.rightpanel.rightpanel-rws-check-in {height:100%}
div.rightpanel.rightpanel-rws-check-in div#dyn-height.rightpanel-scroll.rws-check-in-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 143px);height:-moz-calc(100% - 143px);height:-webkit-calc(100% - 143px)}
div.rightpanel.rightpanel-rws-check-in .rws-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-content {max-width:640px;margin:20px auto 0}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-header {color:#555;font-size:16px;line-height:1.5;margin-bottom:20px}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-row {display:flex;align-items:flex-start;gap:12px;padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-text {flex:1;font-size:16px;line-height:1.4}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-toolbar {height:52px;text-align:center}
div.rightpanel.rightpanel-rws-check-in .rws-checkin-done-btn {width:100%;max-width:400px}

/* Relapse Warning Signs - Take Action */
div.rightpanel.rightpanel-rws-take-action {height:100%}
div.rightpanel.rightpanel-rws-take-action div#dyn-height.rightpanel-scroll.rws-take-action-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 143px);height:-moz-calc(100% - 143px);height:-webkit-calc(100% - 143px)}
div.rightpanel.rightpanel-rws-take-action .rws-take-action-content {max-width:640px;margin:20px auto 0}
div.rightpanel.rightpanel-rws-take-action .rws-take-action-header {color:#555;font-size:16px;line-height:1.5;margin-bottom:20px}
div.rightpanel.rightpanel-rws-take-action .rws-take-action-content button.flat-rounded-btn.bigger.centered { max-width:100%; display:block; margin: 10px auto; width:400px;}
div.rightpanel.rightpanel-rws-take-action .rws-action-option {margin-bottom:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
div.rightpanel.rightpanel-rws-take-action .rws-action-option-text {margin:0;font-size:16px}
div.rightpanel.rightpanel-rws-take-action .rws-action-arrow {color:#888;font-size:12px}
div.rightpanel.rightpanel-rws-take-action .rws-plan-review {margin-top:30px}
div.rightpanel.rightpanel-rws-take-action .rws-plan-review-header {font-size:18px;font-weight:600;margin-bottom:15px;color:#000}
div.rightpanel.rightpanel-rws-take-action .rws-plan-review-card {margin-bottom:10px}
div.rightpanel.rightpanel-rws-take-action .rws-plan-review-sign-text {font-size:16px;line-height:1.4;margin:0 0 6px}
div.rightpanel.rightpanel-rws-take-action .rws-plan-review-plan-text {color:#555;font-size:14px;line-height:1.4;margin:0}
div.rightpanel.rightpanel-rws-take-action .rws-plan-label {font-weight:600}
div.rightpanel.rightpanel-rws-take-action .rws-take-action-toolbar {height:52px;text-align:center}
div.rightpanel.rightpanel-rws-take-action .rws-close-btn {width:100%;max-width:400px}

/* CMS Missed Dosing Message to Self */
div.rightpanel.rightpanel-cms-missed-dosing-message {height:100%}
div.rightpanel.rightpanel-cms-missed-dosing-message div#dyn-cms-missed-dosing-message.rightpanel-scroll.cmdm-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px)}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-status-message {padding:30px;text-align:center}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-content {max-width:640px;margin:20px auto 0}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-intro-card {margin-bottom:20px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-intro-text {color:#555;font-size:16px;line-height:1.5;margin:0 0 12px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-shortcut-buttons {display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-shortcut-btn {min-width:180px;text-decoration:none;text-align:center;padding: 8px 30px;height: unset;}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-actions {text-align:center;margin-top:20px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-full-width-btn {width:100%;max-width:400px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-message-card {margin-bottom:20px}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-message-heading {margin:15px auto;font-size:16px;}
div.rightpanel.rightpanel-cms-missed-dosing-message .cmdm-message-text {white-space:pre-line;color:#555;font-size:16px;line-height:1.5;margin:0}
.cmdm-edit-card {margin-bottom:0}
.cmdm-edit-instructions {color:#555;font-size:15px;line-height:1.5;margin:0 0 15px}
textarea.flat-grey-input.less-padding.cmdm-edit-textarea {width:100%;box-sizing:border-box;min-height:160px;font-size:15px;line-height:1.5;resize:vertical}
.cmdm-edit-char-count {text-align:right;font-size:13px;color:#888;margin:6px 0 0}
.cmdm-char-over {color:#d9534f}
.cmdm-char-under {color:#f0ad4e}
.cmdm-view-examples-btn {margin-top:12px}
.cmdm-edit-error {margin-top:10px}
.cmdm-templates-list {padding:0}
.cmdm-template-card {margin-bottom:12px;cursor:pointer;transition:background-color 0.15s}
.cmdm-template-card:hover {background-color:#BFDFFF}
.cmdm-template-text {color:#333;font-size:15px;line-height:1.5;margin:0}
.cmdm-template-use-hint {color:#888;font-size:13px;margin:8px 0 0}

/* Helpline */
div.rightpanel.rightpanel-helpline {height:100%}
div.rightpanel.rightpanel-helpline div#dyn-height.rightpanel-scroll.helpline-scroll {box-sizing:border-box;padding:0 30px 30px;height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px)}
div.rightpanel.rightpanel-helpline .helpline-content {max-width:640px;margin:20px auto 0}
div.rightpanel.rightpanel-helpline .helpline-card {margin-bottom:12px;cursor:pointer}
div.rightpanel.rightpanel-helpline .helpline-name {font-size:18px;font-weight:600;margin:0 0 4px;color:#000}
div.rightpanel.rightpanel-helpline .helpline-number {font-size:16px;color:#007aff;margin:0}
div.rightpanel.rightpanel-helpline .helpline-description {font-size:14px;color:#555;line-height:1.4;margin:8px 0 0}

/* Relapse Warning Signs - Select/Order/Plan Modal */
.rws-modal-window .modal-dialog {max-width:600px;width:90%}
.rws-modal .rws-modal-title {text-align:center;font-weight:bold}
.rws-modal .rws-modal-body {padding:20px;max-height:60vh;overflow-y:auto}
.rws-modal .rws-select-instruction {color:#555;font-size:15px;line-height:1.5;margin-bottom:15px}
.rws-modal .rws-select-row {border-bottom:1px solid #eee;padding: 0px 15px;cursor: pointer;}
.rws-modal .rws-select-row:hover,div.rightpanel.rightpanel-rws-check-in .rws-checkin-row:hover {background-color:#BFDFFF}
.rws-modal .rws-select-row-inner {display:flex;align-items:flex-start;gap:10px;padding:10px 0}
.rws-modal .rws-checkbox-btn {background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.rws-modal .rws-check-icon {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:2px solid #ccc;font-size:14px}
.rws-modal .rws-check-icon.rws-checked {background:#007aff;border-color:#007aff;color:#fff}
.rws-modal .rws-check-icon.rws-unchecked {background:#fff}
.rws-modal .rws-select-text {flex:1;font-size:15px;line-height:1.4;padding-top:2px}
.rws-modal .rws-custom-actions {flex-shrink:0;display:flex;gap:8px}
.rws-modal .rws-edit-link {color:#007aff;font-size:13px}
.rws-modal .rws-delete-link {color:#d9534f;font-size:13px}
.rws-modal .rws-edit-actions {display:flex;gap:10px;align-items:center}
.rws-modal .rws-add-sign-row {padding:15px 0;text-align:center}
.rws-modal .rws-add-btn {width:100%}
.rws-modal .rws-add-form, .rws-modal .rws-edit-form {padding:15px; margin-top:15px;}
.rws-modal input[type="text"].rws-add-input, .rws-modal input[type="text"].rws-edit-input {width:100%;box-sizing:border-box;margin-bottom:8px}
.rws-modal .rws-add-actions {display:flex;gap:10px;align-items:center}
.rws-modal .rws-order-instruction {color:#555;font-size:15px;line-height:1.5;margin-bottom:15px}
.rws-modal .rws-order-row {display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}
.rws-modal .rws-order-number {font-weight:bold;color:#888;flex-shrink:0;width:30px}
.rws-modal .rws-order-text {flex:1;font-size:15px;line-height:1.4}
.rws-modal .rws-order-buttons {flex-shrink:0;display:flex;gap:4px}
.rws-modal .rws-move-btn {padding:2px 8px;font-size:12px;min-width:30px}
.rws-modal .rws-plan-instruction {color:#555;font-size:15px;line-height:1.5;margin-bottom:15px}
.rws-modal .rws-plan-card {margin-bottom:15px}
.rws-modal .rws-plan-sign-number {color:#888;font-size:13px;margin:0 0 4px}
.rws-modal .rws-plan-sign-text {font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px}
.rws-modal .rws-plan-textarea {width:100%;box-sizing:border-box;resize:vertical}
.rws-modal .rws-plan-footer {display:flex;flex-direction:column;align-items:center;gap:10px}
.rws-modal .rws-skip-link {color:#888;font-size:14px}

/* Check-in shared checkbox styles */
div.rightpanel.rightpanel-rws-check-in .rws-check-icon {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:2px solid #ccc;font-size:14px;flex-shrink:0}
div.rightpanel.rightpanel-rws-check-in .rws-check-icon.rws-checked {background:#007aff;border-color:#007aff;color:#fff}
div.rightpanel.rightpanel-rws-check-in .rws-check-icon.rws-unchecked {background:#fff}

/* Helpline menu icon */
.navbar .nav-links ul li .helpline{background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-relapse-warning.png) no-repeat 13px 3px/31px;padding-left:56px}
.navbar .nav-links ul li a.active .helpline{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-relapse-warning-selected.png)}

/* Resolve Ambivalence - print styles */
.no-print { display: block; }
@media print {
  .no-print, .leftpanel, .heading-main, p#show-leftpanel-button { display: none !important; }
  .rightpanel { width: 100% !important; }
  div.rightpanel.rightpanel-resolve-ambivalence-print div#dyn-height.rightpanel-scroll.resolve-ambivalence-print-scroll { height: auto !important; overflow: visible !important; }
}

div.rightpanel.rightpanel-home div.patient-homework-section > h3 {
  margin: 0 0 15px;
}

div.rightpanel.rightpanel-home div.patient-homework-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 14px;
  align-items: stretch;
}

div.rightpanel.rightpanel-home div.patient-homework-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  column-gap: 16px;
  position: relative;
  width: 100%;
  min-width: 330px;
  max-width: 500px;
  border: 1px solid #313444;
  border-radius: 10px;
  background-color: #313444;
  overflow: hidden;
  height: 100%;
}

div.rightpanel.rightpanel-home div.patient-homework-grid > div.patient-homework-card {
  justify-self: start;
  align-self: stretch;
}

div.rightpanel.rightpanel-home div.patient-homework-card:hover {
  background-color: #5f6377;
  cursor:pointer;
}

div.rightpanel.rightpanel-home div.patient-homework-card:active {
  background-color: #5f6377;
}

div.rightpanel.rightpanel-home button.patient-homework-main-button {
  width: 100%;
  display: grid;
  border: none;
  background: transparent;
  text-align: left;
  padding: 18px 0 18px 18px;
  border-radius: 10px;
  box-sizing: border-box;
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  row-gap: 8px;
}

div.rightpanel.rightpanel-home button.patient-homework-main-button > span {
  display: block;
}

div.rightpanel.rightpanel-home span.patient-homework-title-wrap {
  display: block;
  grid-row: 1 / 2;
}

div.rightpanel.rightpanel-home span.patient-homework-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

div.rightpanel.rightpanel-home span.patient-homework-subtitle {
  grid-row: 2 / 3;
  color: #cccccc;
  font-size: 16px;
  line-height: 1.45;
}

div.rightpanel.rightpanel-home span.patient-homework-requested-by {
  grid-row: 3 / 4;
  color: #aaaaaa;
  font-size: 15px;
  line-height: 1.4;
}

div.rightpanel.rightpanel-home div.patient-homework-side-column {
  display: grid;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  grid-template-rows: auto auto;
  justify-items: end;
  align-content: start;
  row-gap: 8px;
  padding: 18px 14px 0 0;
}

div.rightpanel.rightpanel-home span.patient-homework-time-wrap {
  display: block;
}

div.rightpanel.rightpanel-home span.patient-homework-time {
  display: block;
  color: #cccccc;
  font-size: 15px;
  line-height: 1.4;
  text-align: right;
  white-space: normal;
}

div.rightpanel.rightpanel-home button.patient-homework-info-button {
  border: none;
  background: transparent;
  padding: 0;
  min-width: 27px;
  min-height: 27px;
}

div.rightpanel.rightpanel-home button.patient-homework-info-button > img {
  display: block;
}

@media (max-width: 1199px) {
  .rightpanel {
    min-width: 699px;
    width: calc(100% - 280px);
  }

  #hide-leftpanel-container {
    width: 280px;
  }

  .wrapper-box {
    background: #313444;
    min-width: 980px;
  }

  .tab-bar {
    width: 100%;
  }
  .wrapper-box.xsection.rightpanel-fullscreen > .rightpanel {width:100%;}
  .emoji-wysiwyg-editor { width:calc(100% - 120px); }
  .meal-list {width: 100%;}

  .patient-configure-log-questions div.conf-log, div.rightpanel.rightpanel-manage-program-goals-and-skills .rightpanel-scroll div.manage-program-goals-and-skills-content {max-width:650px;}

}

@media (max-width: 982px) {
  .container {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .container2 {
    overflow-x: auto !important;
  }

  .wrapper-box {
    min-width: 340px;
  }

  .leftpanel {
    position: absolute;
    z-index: 21;
  }

  .rightpanel {
    width: 100%;
    min-width: 340px;
  }

  .modal,
  div.modal.comment-modal {
    max-width: 96%;
    min-width: 340px;
  }

  div.modal.comment-modal {
    width: 600px;
  }



  .patient-notifications-likes {
    display: block;
  }

  .patient-notifications-likes section {
    margin-left: 0;
  }

  .patient-notifications-likes section + section {
    margin-top: 20px;
  }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form {width:350px; }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul { width:348px; }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul li { width:300px; }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.configure-log-questions-with-custom.troup-info.log-form ul li { width:324px; }
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines-smaller{line-height:36px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines-smaller {top:0px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log {padding: 0px 30px; max-width: 100%; }

  div.narrow-shortish-modal-coping, div.narrow-tall-modal-goals {margin-left: -425px;}
  div.show-conditions-modal {margin-left:25px;}
  div.medication-modal { margin-left: -50px;}
}

@media (max-width:850px) {
  /* Home View  */
  div.patient-logging-options div.patient-log-type-button {
    width: 100px;
    padding: 12px;
    height: 85px;
    border-radius: 7px;
    margin: 5px 12px;
  }

  div.patient-logging-options div.patient-log-type-button > img {
    width: 55px;
    margin-bottom: 10px;
  }
  
  div.patient-logging-options div.patient-log-type-button > p {
    bottom: 10px;
    font-size: 15px;
  }
}

@media (max-width:835px) {
  /* Modals */
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form {width:292px;padding-left:10px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul { width:275px }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul li { width:227px }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.configure-log-questions-with-custom.troup-info.log-form ul li { width:251px }
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines-smaller{line-height:20px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines-smaller {top:-10px}

  div.narrow-shortish-modal-coping, div.show-conditions-modal,div.narrow-tall-modal-goals {margin-left:-280px;}
}

@media (max-width:699px) {
  .navbar .nav-links ul li.menu-items-for-wider-screens {display:none;}
  .modal, .modal.all-buttons.fade.in, div.modal.fade.in.info-text-modal, div.purchase-saas-popover, div.purchase-saas-popover-narrow, .change-subscription-modal.modal.fade.in, .subscription-info-modal.modal.fade.in, div.confirm-dlg.modal.fade.in {margin-left:unset;left:unset;transform:translateX(2%)}
  .heading-main h2{ padding:10px; font-size:18px;}
  .heading-main .logout-btn {padding:10px}
  .heading-main p.reset-idle-logout {padding: 10px 0;}
  .heading-sub{ box-shadow: 0px 5px 14px -11px #000;padding:8px 12px 8px;}
  .heading-sub button, button.white-header-btn {padding: 3px 10px; margin: 0 8px;font-size: 12px;}
  .heading-sub h3 {font-size:12px;}
  .heading-sub button.patient-app-name-btn {font-size:12px;padding:3px 0px;}
  .heading-bar{ height:42px; padding:8px 12px 21px; box-shadow: 0px 2px 14px -11px #000}
  .heading-bar .btn-center{ width:290px;}
  .heading-bar a.nav-toggle{padding-right: 14px;}
  .heading-bar button, .heading-bar a.nav-toggle, .heading-main .logout-btn, .heading-bar h3{ font-size:12px; }
  .header-info-text p {max-width:100%;box-sizing:border-box;}
  .heading-main button.nav-back-btn {padding: 4px 12px 4px 6px;}
  .btn-log, a.btn-log{ width:143px; height:35px; border-radius:3px 0 0 3px; font-size:12px; text-align:center; line-height:35px;padding:12px;}
  .btn-log.btn-glance, a.btn-log.btn-glance{ width:143px; padding:12px;}
  .btn-middle{ width:143px;}
  div.patient-notifications-likes > section {
    display: block;
    width: 100%;
  }
  div.patient-notifications-likes > section:nth-child(2) {
    margin-left: 0;
  }
  .heading-bar.toggle-bg a.nav-toggle { line-height: 28px;}
  div.bed-times, div.sleep-bar-container {max-width:100%;}
  div.rightpanel.rightpanel-sleep-tracking-log-view div#dyn-height.sleep-tracking-log-scroll div.goal-set-review.rounded-white-card.padded {padding: 15px; margin: 5px 15px;}
  div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll div.meal-photo-detail-section {width:100%;margin:15px auto; box-sizing:border-box;padding:10px}
  .activity-feed.rightpanel-scroll .article-list div.patient-logs-right {width:calc(100% - 50px);box-sizing: border-box;padding-left: 20px;padding-top: 10px;}
  .activity-feed.rightpanel-scroll .article-list div.patient-logs-right div.xarticle.activity-feed-epcot-container { width:100%;}
  .activity-feed.rightpanel-scroll .article-list div.patient-logs-right div.xarticle.activity-feed-epcot-container .activity-feed-epcot {margin-left:-15px; width:calc(100% + 30px);max-width:500px;}
  div.rightpanel-clinical-goals.rightpanel div#dyn-height.rightpanel-scroll .group-info.goals-info {max-width:96%; box-sizing: border-box;}
  div.rightpanel-clinical-goals.rightpanel div#dyn-height.rightpanel-scroll .group-info.goals-info ul li {width:100%}
  .assigned-coping-tactics div.left-column, .assigned-coping-tactics div.right-column {width:100%;}
  .assigned-coping-tactics div.left-column {margin-right:0;}
  
  /* configure log questions */
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul {
    width: 348px;
  }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul li {width:300px;}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.configure-log-questions-with-custom.troup-info.log-form ul li {
    width: 324px;
  }
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form.conf-log-left-column, div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form.conf-log-right-column {float:none;}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log h3 { text-align: center;}
  div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form.conf-log-right-column ul {margin-top:2px;}
  div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form, div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form { width:350px; max-width:100%; box-sizing:border-box}
  div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form ul, div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form ul { width:348px; max-width:100%; box-sizing:border-box}
  div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form ul li, div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form ul li, div.rightpanel-inner.configure-log-questions div.conf-log div.configure-log-questions-with-custom.troup-info.log-form ul li { width:343px; float:left; max-width:100%; box-sizing:border-box}
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines-smaller{line-height:36px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines-smaller {top:0px}
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines {line-height:20px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines {top:-10px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form { width: 350px;}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log {padding: 0 10px}

  .flat-rounded-btn.bigger {height:42px; font-size:16px;}

  div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded {
    width: 95%; box-sizing: border-box;
  }
  div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn {
    width: 100%;
  }

  /* toggle background-positions  */
  div.rightpanel.rightpanel-help div.heading-bar.toggle-bg a.nav-toggle.active.help-toggle { background-position: bottom right -14px; }
  div.rightpanel.rightpanel-feedback div.heading-bar.toggle-bg a.nav-toggle.active.feedback-toggle, div.rightpanel.rightpanel-support div.heading-bar.toggle-bg a.nav-toggle.active.support-toggle { background-position: bottom right 5px; }
  div.rightpanel.rightpanel-about-us div.heading-bar.toggle-bg a.nav-toggle.active.about-us-toggle { background-position: bottom right 7px; }
  div.rightpanel.rightpanel-privacy-policy div.heading-bar.toggle-bg a.nav-toggle.active.privacy-policy-toggle {background-position: bottom right 24px; }
  div.rightpanel.rightpanel-terms-of-use div.heading-bar.toggle-bg a.nav-toggle.active.terms-of-use-toggle {background-position: bottom right 20px;}
  div.rightpanel.rightpanel-logging-goals div.heading-bar.toggle-bg a.nav-toggle.active.logging-toggle {background-position:bottom right 4px;}
  div.rightpanel.rightpanel-clinical-goals div.heading-bar.toggle-bg a.nav-toggle.active.clinical-goals-toggle {background-position:bottom right 2px;}
  div.rightpanel.rightpanel-logs div.heading-bar.toggle-bg div a.nav-toggle.active.logs-toggle {background-position:bottom right -14px}
  div.rightpanel.rightpanel-log-calendar div.heading-bar.toggle-bg div a.nav-toggle.active.log-calendar-toggle {background-position:bottom right 8px}
  div.rightpanel.rightpanel-share-documents div.heading-bar.toggle-bg div a.nav-toggle.active.shared-toggle, 
  div.rightpanel.rightpanel-share-documents div.heading-bar.toggle-bg div a.nav-toggle.active.your-documents-toggle{background-position:bottom right 33px}
  div.rightpanel.rightpanel-program-tune-module div.heading-bar.toggle-bg a.nav-toggle.skills-toggle, div.rightpanel.rightpanel-program-tune-module div.heading-bar.toggle-bg a.nav-toggle.goals-toggle {background-position-x: right -10px;}

  /* rightpanel dyn-height scrollview */
  div.rightpanel.rightpanel-direct-messages div#dyn-height.rightpanel-scroll.direct-messages-scroll {height:calc(100% - 222px);height:-moz-calc(100% - 222px);height:-webkit-calc(100% - 222px)}
  .patient-team-messages.scroll-bottom.rightpanel-scroll {height:calc(100% - 200px);height:-moz-calc(100% - 200px);height:-webkit-calc(100% - 200px)}
  div.rightpanel.rightpanel-clinical-goals div#dyn-height.rightpanel-scroll.clinical-goals {height:calc(100% - 187px);height:-moz-calc(100% - 187px);height:-webkit-calc(100% - 187px)}
  #dyn-height.rightpanel-scroll.chart-insights {height: calc(100% - 186px);}
  div.rightpanel.rightpanel-thought-log-view div.meal-list div div#dyn-height1.scroll-bottom.meal-list-inner.thought-log {height:calc(100% - 184px);height:-moz-calc(100% - 184px);height:-webkit-calc(100% - 184px)}
  #dyn-height.rightpanel-scroll.activity-feed {height:calc(100% - 172px);height:-moz-calc(100% - 172px);height:-webkit-calc(100% - 172px)}
  div.leftpanel div.navbar {max-height:calc(100% - 169px);max-height:-moz-calc(100% - 169px);max-height:-webkit-calc(100% - 169px);}
  div.rightpanel.rightpanel-program-tune-module div#dyn-height.rightpanel-scroll {height:calc(100% - 157px);height:-moz-calc(100% - 157px);height:-webkit-calc(100% - 157px)}
  div.rightpanel.rightpanel-about-us div.rightpanel-scroll, div.rightpanel.rightpanel-share-documents div.rightpanel-scroll {height: calc(100% - 155px); height: -webkit-calc(100% - 155px); height: -moz-calc(100% - 155px);}
  div.rightpanel.rightpanel-log-goals div#dyn-height.padded {height:calc(100% - 158px);height:-moz-calc(100% - 158px);height:-webkit-calc(100% - 158px);}
  div.rightpanel.rightpanel-anger-log-view div#dyn-height.anger-log-scroll, div.rightpanel.rightpanel-anxiety-episode-log-view div#dyn-height.anxiety-episode-scroll, div.rightpanel.rightpanel-arfid-food-exposure-log-view div#dyn-height.arfid-food-exposure-log-scroll, div.rightpanel.rightpanel-completed-homework-assignment div#dyn-height.completed-homework-assignment-scroll, div.rightpanel.rightpanel-cravings-and-urges-log-view div#dyn-height.cravings-and-urges-log-scroll, div.rightpanel.rightpanel-dbt-diary-card div#dyn-height.dbt-diary-card-scroll, div.rightpanel.rightpanel-dysfunctional-thought-log-view div#dyn-height.dysfunctional-thought-log-scroll, div.rightpanel.rightpanel-exposure-learnings-view div#dyn-height.exposure-learnings-scroll, div.rightpanel.rightpanel-exposure-plan-view div#dyn-height.exposure-plan-scroll, div.rightpanel.rightpanel-five-minute-log-view div#dyn-height.five-minute-log-scroll, div.rightpanel.rightpanel-listened-to-meditation-view div#dyn-height.listened-to-meditation-scroll, div.rightpanel.rightpanel-medical-questionnaire-view div#dyn-height.medical-questionnaire-view-scroll, div.rightpanel.rightpanel-mood-and-activity-checkin div#dyn-height.mood-and-activity-checkin-scroll, div.rightpanel.rightpanel-refusal-log-view div#dyn-height.refusal-log-scroll, div.rightpanel.rightpanel-rp-daily-checkin-log-view div#dyn-height.rp-daily-checkin-log-scroll, div.rightpanel.rightpanel-ml-daily-checkin-log-view div#dyn-height.ml-daily-checkin-log-scroll, div.rightpanel.rightpanel-support-meeting-checkin-view div#dyn-height.support-meeting-checkin-scroll, div.rightpanel.rightpanel-used-substance-log-view div#dyn-height.used-substance-log-scroll, div.rightpanel.rightpanel-audio-lesson-taken-view div#dyn-height.audio-lesson-taken-scroll, div.rightpanel.rightpanel-skill-set-review div#dyn-height.skill-set-review-scroll, div.rightpanel.rightpanel-meadows-check-in div#dyn-height.meadows-check-in-scroll {height:calc(100% - 149px);height:-moz-calc(100% - 149px);height:-webkit-calc(100% - 149px);overflow-y:scroll}
  div.rightpanel.rightpanel-meditation-list div#dyn-height.meditation-list-scroll {height:calc(100% - 105px);height:-moz-calc(100% - 105px);height:-webkit-calc(100% - 105px)}
  div.rightpanel.rightpanel-meditations-preview .medp-container {height:calc(100% - 85px);height:-moz-calc(100% - 85px);height:-webkit-calc(100% - 85px)}
  div.rightpanel.rightpanel-meditations-choose-scene div#dyn-height.mcs-scroll {height:calc(100% - 105px);height:-moz-calc(100% - 105px);height:-webkit-calc(100% - 105px)}
  div.rightpanel.rightpanel-meditations-choose-audio-track div#dyn-height.mca-scroll {height:calc(100% - 105px);height:-moz-calc(100% - 105px);height:-webkit-calc(100% - 105px)}
  div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-card {margin:10px 15px}
  div.rightpanel.rightpanel-meditations-choose-audio-track .mca-audio-card.mca-first-card {margin-top:20px}
  div.rightpanel.rightpanel-meditations-configure div#dyn-height.mcf-scroll, div.rightpanel.rightpanel-meditations-edit div#dyn-height.mce-scroll {height:calc(100% - 105px);height:-moz-calc(100% - 105px);height:-webkit-calc(100% - 105px)}
  div.rightpanel.rightpanel-meditations-configure .mcf-container, div.rightpanel.rightpanel-meditations-edit .mce-container {margin:15px;padding:15px}
  div.rightpanel.rightpanel-meditations-configure .mcf-form, div.rightpanel.rightpanel-meditations-edit .mcf-form {padding:0 10px}
  div.rightpanel.rightpanel-risky-events div#dyn-height.rightpanel-scroll.risky-events-scroll {height:calc(100% - 192px);height:-moz-calc(100% - 192px);height:-webkit-calc(100% - 192px);}
  div.rightpanel.rightpanel-risky-event-prep div#dyn-height.rightpanel-scroll.risky-event-prep-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-review-risky-event div#dyn-height.rightpanel-scroll.review-risky-event-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-enjoyable-activities div#dyn-height.rightpanel-scroll.enjoyable-activities-scroll {height:calc(100% - 192px);height:-moz-calc(100% - 192px);height:-webkit-calc(100% - 192px);}
  div.rightpanel.rightpanel-schedule-enjoyable-activity div#dyn-height.rightpanel-scroll.schedule-enjoyable-activity-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-review-enjoyable-activity div#dyn-height.rightpanel-scroll.review-enjoyable-activity-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-record-completed-activity div#dyn-height.rightpanel-scroll.record-completed-activity-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-blood-glucose-log div#dyn-height, div.rightpanel.rightpanel-goal-set-review div#dyn-height, div.rightpanel.rightpanel-stool-tracking-log div#dyn-height, div.rightpanel.rightpanel-triggered-log-view div#dyn-height, div.rightpanel.rightpanel-shared-document-view div#dyn-height {height:calc(100% - 148px);height:-moz-calc(100% - 148px);height:-webkit-calc(100% - 148px);}
  div.rightpanel.rightpanel-clinical-goals div#dyn-height.rightpanel-scroll.manage-missions {height:calc(100% - 135px);height:-moz-calc(100% - 135px);height:-webkit-calc(100% - 135px);}
  div.rightpanel.rightpanel-identified-triggers div#dyn-height.rightpanel-scroll.identified-triggers-scroll, div.rightpanel.rightpanel-interpersonal-relationships div#dyn-height.rightpanel-scroll.interpersonal-relationships-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);}
  div.rightpanel.rightpanel-safety-plan div#dyn-height.rightpanel-scroll.safety-plan-scroll {height:calc(100% - 94px);height:-moz-calc(100% - 94px);height:-webkit-calc(100% - 94px);}
  div.rightpanel.rightpanel-clinician-links div#dyn-height.rightpanel-scroll.manage-links, div.rightpanel.rightpanel-clinician-messages div#dyn-height.rightpanel-scroll.manage-links {height:calc(100% - 128px);height:-moz-calc(100% - 128px);height:-webkit-calc(100% - 128px);}
  div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-chart-insights div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll {height:calc(100% - 118px);height:-moz-calc(100% - 118px);height:-webkit-calc(100% - 118px)}
  div.rightpanel.rightpanel-logging-goals div#dyn-height.rightpanel-scroll {height:calc(100% - 113px);height:-moz-calc(100% - 113px);height:-webkit-calc(100% - 113px)}
  div.rightpanel.rightpanel-log div#dyn-height.meal-list-time-table-container.patient-meal-list-time-table-container div.meal-list div div.scroll-bottom.meal-list-inner {height:calc(100% - 111px);height:-moz-calc(100% - 111px);height:-webkit-calc(100% - 111px);}
  div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll, div.rightpanel.rightpanel-program-checkins div#dyn-height.rightpanel-scroll {height:calc(100% - 106px);height:-moz-calc(100% - 106px);height:-webkit-calc(100% - 106px)}
  div.rightpanel.rightpanel-faq-general-help div#dyn-height.padded, div.rightpanel.rightpanel-home div#dyn-height.padded, div.rightpanel.rightpanel-log-entry div#dyn-height {height:calc(100% - 104px);height:-moz-calc(100% - 104px);height:-webkit-calc(100% - 104px);}
  div.rightpanel.rightpanel-coping-tactics div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-manage-program-goals-and-skills div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-log-trigger div.rightpanel-scroll.log-trigger-scroll, div.rightpanel.rightpanel-log-quick-journal div.rightpanel-scroll.log-quick-journal-scroll, div.rightpanel.rightpanel-log-cravings-and-urges div.rightpanel-scroll.log-cravings-and-urges-scroll, div.rightpanel.rightpanel-log-dysfunctional-thought div.rightpanel-scroll.log-dysfunctional-thought-scroll, div.rightpanel.rightpanel-log-anxiety-episode div.rightpanel-scroll.log-anxiety-episode-scroll, div.rightpanel.rightpanel-log-anger div.rightpanel-scroll.log-anger-scroll {height:calc(100% - 103px);height:-moz-calc(100% - 103px);height:-webkit-calc(100% - 103px);}
  div.rightpanel.rightpanel-skills-review-survey div#dyn-height.rightpanel-scroll {height:calc(100% - 94px);height:-moz-calc(100% - 94px);height:-webkit-calc(100% - 94px)}
  /* Resolve Ambivalence - mobile height override */
  div.rightpanel.rightpanel-resolve-ambivalence div#dyn-height.rightpanel-scroll.resolve-ambivalence-scroll {padding: 0 10px 20px;height:calc(100% - 44px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px)}
  div.rightpanel.rightpanel-resolve-ambivalence div#dyn-height.rightpanel-scroll.resolve-ambivalence-scroll.resolve-ambivalence-step-scroll {height:calc(100% - 112px);height:-moz-calc(100% - 112px);height:-webkit-calc(100% - 112px)}
  div.rightpanel.rightpanel-resolve-ambivalence-print div#dyn-height.rightpanel-scroll.resolve-ambivalence-print-scroll {padding: 0 10px 20px;height:calc(100% - 44px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px)}
  div.rightpanel.rightpanel-resolve-ambivalence .ra-ranking-grid { flex-direction: column; }
  /* Reasons to Recover - mobile */
  div.rightpanel.rightpanel-reasons-to-recover div#dyn-height.rightpanel-scroll.reasons-to-recover-scroll {padding:0 10px 20px;height:calc(100% - 104px);height:-moz-calc(100% - 104px);height:-webkit-calc(100% - 104px)}
  /* Relapse Warning Signs - mobile */
  div.rightpanel.rightpanel-relapse-warning-signs div#dyn-height.rightpanel-scroll.rws-scroll {padding:0 10px 20px;height:calc(100% - 44px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px)}
  div.rightpanel.rightpanel-rws-check-in div#dyn-height.rightpanel-scroll.rws-check-in-scroll {padding:0 10px 20px;height:calc(100% - 113px);height:-moz-calc(100% - 113px);height:-webkit-calc(100% - 113px)}
  div.rightpanel.rightpanel-rws-take-action div#dyn-height.rightpanel-scroll.rws-take-action-scroll {padding:0 10px 20px;height:calc(100% - 113px);height:-moz-calc(100% - 113px);height:-webkit-calc(100% - 113px)}
  /* CMS Missed Dosing Message - mobile */
  div.rightpanel.rightpanel-cms-missed-dosing-message div#dyn-cms-missed-dosing-message.rightpanel-scroll.cmdm-scroll {padding:0 10px 20px;height:calc(100% - 44px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px)}
  div.rightpanel.rightpanel-helpline div#dyn-height.rightpanel-scroll.helpline-scroll {padding:0 10px 20px;height:calc(100% - 44px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px)}
  div.rightpanel.rightpanel-meditation-list div#dyn-height.rightpanel-scroll.meditation-list-scroll {
    height:calc(100% - 108px);height:-moz-calc(100% - 108px);height:-webkit-calc(100% - 108px)
  }
  div.rightpanel.rightpanel-meditations-preview {
    height:calc(100% - 23px);height:-moz-calc(100% - 23px);height:-webkit-calc(100% - 23px)
  }

  div.rightpanel.rightpanel-log-anger .log-anger-question-card-relative {
    position: relative;
  }

  div.rightpanel.rightpanel-log-anger .log-anger-top-right-action {
    position: absolute;
    top: 14px;
    right: 16px;
  }

  div.rightpanel.rightpanel-log-anger .log-anger-choice-row-with-info {
    position: relative;
    padding-right: 36px;
    min-height: 28px;
  }

  div.rightpanel.rightpanel-log-anger .log-anger-choice-row-with-info button.hud-info-btn {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 28px;
  }

  div.rightpanel.rightpanel-log-anger .log-anger-choice-row-with-info label {
    display: block;
    padding-right: 4px;
  }
  div.rightpanel.rightpanel-sd-exercise div#dyn-height {height:calc(100% - 99px);height:-moz-calc(100% - 99px);height:-webkit-calc(100% - 99px);}
  div.rightpanel.rightpanel-log-thought div#dyn-height, div.rightpanel.rightpanel-sleep-tracking-log div#dyn-height, div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll {height: calc(100% - 98px); height: -moz-calc(100% - 98px); height: -webkit-calc(100% - 98px);}
  div.rightpanel.rightpanel-help div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-privacy-policy div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-terms-of-use div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll, div.rightpanel.rightpanel-log-calendar div#dyn-height.rightpanel-scroll {height: calc(100% - 96px); height: -moz-calc(100% - 96px); height: -webkit-calc(100% - 96px);}
  div.rightpanel.rightpanel-configure-log-questions div#dyn-height.rightpanel-inner.patient-configure-log-questions {height:calc(100% - 64px); height:-moz-calc(100% - 64px); height:-webkit-calc(100% - 64px);}
  div.rightpanel.rightpanel-patient-audio-lessons div.rightpanel-scroll.patient-audio-lessons-scroll {height: calc(100% - 45px); height: -webkit-calc(100% - 45px); height: -moz-calc(100% - 45px);}

  div.rightpanel.rightpanel-home button.patient-homework-main-button {
    padding: 16px 0 16px 16px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-title {
    font-size: 17px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-subtitle {
    font-size: 14px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-time {
    font-size: 14px;
  }

  div.rightpanel.rightpanel-home div.patient-homework-side-column {
    padding: 16px 12px 0 0;
  }

  div.narrow-shortish-modal-coping, div.show-conditions-modal, div.narrow-tall-modal-goals, div.show-conditions-modal-shorter, div.modal.fade.narrow-tall-modal-meal.in, div.modal.medication-modal {margin-left:unset;}
  div.modal-body.add-coping-tactic-modal-body div.rightpanel-scroll div.detail-info form ul {max-width:100%;}
  div.rightpanel-logging-goals.rightpanel div.logging-goals-scroll.rightpanel-scroll div.target-info { max-width:100%;} 
  .audio-lesson-content-container button.pacing-option-btn, .audio-lesson-content-container button.audio-lesson-progress-btn {
    padding: 8px 20px;
  }

  div.toolbar-white button.flat-rounded-btn {
    padding: 8px 30px;
  }
}

@media (max-width:600px) {
  div.modal-body.clinician-link div.profile-info-inner,
  div.modal-body.clinician-link div.link-invite,
  div.modal-body.clinician-link div.profile-info-inner.patient-clinician-link div.xarticle,
  div.modal-body.clinician-link button.flat-rounded-btn.bigger.red.centered, div.modal-body.clinician-link div.profile-info-inner div.xaside.avatar {
    width: 100%;
    box-sizing: border-box;
  }
  div.modal-body.clinician-link div.profile-info-inner.patient-clinician-link div.xarticle, div.modal-body.clinician-link div.profile-info-inner div.xaside.avatar {
    float:none;
  }
  div.patient-audio-lessons-scroll.rightpanel-scroll button.select-format-btn {
    width: 100%;
    max-width: 300px;
    line-height: 20px;
    margin: 10px auto 0;
    padding: 8px;
    font-size: 14px;
  }
  div.patient-audio-lessons-scroll.rightpanel-scroll div.audio-lesson-content-container {
    margin:15px auto;
  }

  div.patient-audio-lessons-scroll.rightpanel-scroll div.audio-lesson-content-container.less-vertical-margin {
    margin: 10px auto;
  }
  div.rightpanel-patient-audio-lessons button.flat-rounded-btn.nav-back-btn {display:none;}
}

@media (max-width: 500px) {
  div.rightpanel-logging-goals.rightpanel div.logging-goals-scroll.rightpanel-scroll div.target-info div.value-box {float:none;}
  div.rightpanel-logging-goals.rightpanel div.logging-goals-scroll.rightpanel-scroll div.target-info div.value-box li {float:none;}
  div.rightpanel-logging-goals.rightpanel div.logging-goals-scroll.rightpanel-scroll div.target-info div.xarticle div.xaside {max-width: 100%; }
  div.rightpanel-logging-goals.rightpanel div.logging-goals-scroll.rightpanel-scroll div.target-info div.xarticle { max-width:96%; margin:auto;} 

  div.modal-body.clinician-link-tos div.bglink-invite .yellow-bar h3,
  div.bglink-invite.link-invite-accept-or-reject .yellow-bar h3, div.modal-body.link-invite-accept-or-reject div.link-invite,
  div.modal-body.link-invite-accept-or-reject textarea.flat-grey-input.less-padding.shorter, div.rightpanel.rightpanel-about-us div.rightpanel-scroll div.rightpanel-inner div {
    width: 100%;
    box-sizing: border-box;
  }

  div.modal-body.select-file-to-upload-modal-body div.rounded-white-card {
    margin: 0 0px 30px;
  }

  div.share-documents.drop-zone {
    margin: 30px 0px 5px;
  }
  div.rightpanel.rightpanel-about-us div.rightpanel-scroll div.rightpanel-inner div {
    padding: 40px 15px;
  }
  div.rightpanel.rightpanel-about-us div.toolbar-white {
    text-align: center;
  }
  div.rightpanel.rightpanel-about-us div.toolbar-white a.flat-rounded-btn.centered {
    width: auto;
    display: inline-block;
    padding: 8px;
  }
  div.toolbar-white button.flat-rounded-btn {
    padding: 8px 15px;
  }
}

@media (max-width:460px) {
  div.rightpanel-logging-goals div.target-info {
    width: 100%;
    box-sizing: border-box;
  }

  div.rightpanel-logging-goals div.target-info div.xarticle {
    width: 95%;
    margin: 0 auto;
  }

  .audio-lesson-content-container button.pacing-option-btn, .audio-lesson-content-container button.audio-lesson-progress-btn {
    padding: 8px;
  }
}

@media (max-width: 540px) {
   /* Major breakpoint */
  div.padded, form.padded {
    padding:15px;
  }
  div.padded-shorter, form.padded-shorter {
    padding:10px 15px;
  }
  div.patient-meals-today-yesterday section > div {
    line-height: 30px;
    font-size: 15px;
  }

  div.rightpanel.rightpanel-home button.patient-homework-main-button {
    padding-right: 0;
  }

  div.rightpanel.rightpanel-home div.patient-homework-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: 8px;
  }

  div.rightpanel.rightpanel-home button.patient-homework-main-button {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  div.rightpanel.rightpanel-home div.patient-homework-side-column {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto;
    justify-items: start;
    align-items: center;
    padding: 0 15px 15px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-title {
    font-size: 16px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-subtitle {
    font-size: 15px;
  }

  div.rightpanel.rightpanel-home span.patient-homework-requested-by,
  div.rightpanel.rightpanel-home span.patient-homework-time {
    font-size: 14px;
  }

  div.rightpanel.rightpanel-home div.patient-homework-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  div.rightpanel.rightpanel-home div.patient-homework-card {
    min-width: 0;
    max-width: none;
  }

  div.rightpanel.rightpanel-home span.patient-homework-time {
    text-align: left;
  }

  div.patient-meals-today-yesterday section > h3 {
    font-size: 20px;
  }
  .activity-feed.rightpanel-scroll .article-list div.patient-logs-right div.xarticle.activity-feed-epcot-container .activity-feed-epcot {min-width:275px;}
  .activity-feed-epcot div.tableinfo li {padding:4px 8px;border-bottom-width:1px; font-size:12px;}
  .activity-feed-epcot div.tableinfo li.nodivider {font-size:11px;}
  .activity-feed-epcot div.tableinfo ul li img {max-width: 12px;height: auto;}
  .rightpanel.rightpanel-manage-program-goals-and-skills div.toolbar-white .flat-rounded-btn.bigger, .rightpanel.rightpanel-clinical-goals div.toolbar-white .flat-rounded-btn.bigger {padding: 8px 20px;}
  div.rightpanel.rightpanel-log-goals div#dyn-height.padded {height:calc(100% - 129px);}

  div.log-calendar-scroll.rightpanel-scroll div.rounded-white-card.padded.patient-log-calendar-container {margin:30px 10px 350px;padding:30px 10px 60px}
}

@media (max-width: 500px) {

  div.log-entry-section {
    margin: 0 10px 6px;
  }

  div.modal-body.outstanding-invite div.link-invite input.flat-grey-input.less-padding.shorter,
  div.modal-body.outstanding-invite div.link-invite textarea.flat-grey-input.less-padding.shorter {
    width: 100%;
    box-sizing: border-box;
  }

  div.modal-body.outstanding-invite div.link-invite input.flat-grey-input.less-padding.shorter {
    padding: 16px;
  }

  div.modal-body.outstanding-invite div.link-invite,
  div.modal-body.outstanding-invite div.link-invite button.flat-rounded-btn {
    width: 100%;
    box-sizing: border-box;
  }

}

@media (max-width:440px) {
  /* Major breakpoint */
    div.patient-logging-options div.patient-log-type-button {
    width: 85px;
    height: 70px;
  }

  div.patient-logging-options div.patient-log-type-button > img {
    width: 45px;
  }
  
  div.patient-logging-options div.patient-log-type-button > p {
    font-size: 13px;
  }
  div.patient-meals-today-yesterday section > h3 {
    font-size: 18px;
  }
  div.patient-meals-today-yesterday section > div {
    line-height: 25px;
    font-size: 14px;
  }

  div.narrow-shortish-modal-coping div.modal-footer.add-coping-tactic-modal-footer button.flat-rounded-btn.bigger.less-padding.full-width-footer-btn, div.modal-footer.extra-pad-bottom.simple-add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.full-width-btn, div.modal-footer.extra-pad-bottom.add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.full-width-btn {width:280px;}
  div.narrow-shortish-modal-coping div.modal-footer.add-coping-tactic-modal-footer button.flat-rounded-btn.bigger.less-padding:not(.full-width-footer-btn) {width:125px;}
  div.modal-footer.extra-pad-bottom.add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.less-padding , div.modal-footer.extra-pad-bottom.simple-add-clinical-goal-modal-footer button.flat-rounded-btn.bigger {width:130px;}
  div.modal-body.add-clinical-goal-modal-body, div.modal-body.simple-add-clinical-goal-modal-body {padding:0px;}

  div.log-entry-section a.btn-log,
  div.log-entry-section a.btn-log.btn-glance {
    padding: 12px 6px;
  }

  div.narrow-shortish-modal-coping .modal-body div.detail-info ul {
    width: 95%;
    box-sizing: border-box;
  }
  div.modal-body.add-meal-to-plan-modal-body div.rightpanel, div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan div.xarticle a {width:100%}
  div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan div.xarticle a { display:block;}
  div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box {width:95%;}
  div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle,
  div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle div.xaside, div.modal.medication-modal div.modal-body div.addmeal-info {
    width:100%;
    box-sizing:border-box;
  }
  div.modal.show-conditions-modal-shorter div.modal-body.show-conditions-popover-modal-body div.coping-examples.group-info div.article-box div.xarticle div.xaside h3, div.modal-body.add-meal-to-plan-modal-body div.rightpanel div.rightpanel-inner div.addmeal-info form ul {width:inherit;}
  div.modal-body.add-meal-to-plan-modal-body div.rightpanel div.rightpanel-inner div.addmeal-info form ul {padding-left:0}
  div.modal.medication-modal div.modal-body div.addmeal-info ul li input[type="text"].flat-grey-input.less-padding {
    width: calc(100% - 65px) !important;
  }

  div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan {width:100%;}
  div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan div.xarticle,
  div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan div.xarticle div.xaside, div.modal.narrow-tall-modal-meal .coping-examples.plandays.theplan div.xarticle div.xaside h3 {
    width:inherit;
    box-sizing:border-box;
    margin-left:0;
  }
  div.modal.narrow-tall-modal-meal .modal-footer.meal-plan-day-modal-footer button.flat-rounded-btn, div.modal .modal-footer.add-meal-to-plan-modal-footer button.flat-rounded-btn {
    width: unset !important;
    margin: 1px auto;
  }

  input#show_thoughts,
  label[for="show_thoughts"].radio.inline.control-label {
    display:none;
  }

  /* Log entry: label + inputs set to fixed widths */
  .rightpanel.rightpanel-log-entry label,
  .rightpanel.rightpanel-log-entry input.flat-grey-input,
  .rightpanel.rightpanel-log-entry select {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
  div.xsection.container.log-calendar-container {min-width:405px;}
}

@media (max-width:400px) {
  .patient-log-calendar {
    min-width: 300px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .patient-log-calendar .calendar-month {
    width: 300px;
    margin: 20px auto 0;
  }

  .patient-log-calendar div.calendar-headers {
    width: 300px;
  }
  .patient-log-calendar div.calendar-week {
    width: 294px;
  }

  .patient-log-calendar .calendar-headers div.day-header,
  .patient-log-calendar .calendar-week div.calendar-day {
    width: 34px;
    height: 34px;
    box-sizing: content-box;
  }

  .patient-log-calendar .calendar-headers div.day-header {
    padding: 0 4px 3px 4px;
  }

  .patient-log-calendar .calendar-week div.calendar-day {
    padding: 4px;
  }

  .patient-log-calendar .calendar-headers div.day-header > h4 {
    font-size: 10px;
    line-height: 12px;
  }

  .patient-log-calendar .calendar-week div.calendar-day > h5 {
    font-size: 9px;
    line-height: 10px;
  }

  .patient-log-calendar .calendar-week div.calendar-day > .calendar-today-highlighted {
    width: 34px;
    height: 34px;
    right: 3px;
    top: 2px;
  }

  .patient-log-calendar .calendar-week div.calendar-day .calendar-log-square {
    width: 8px;
    height: 8px;
    margin: 1px;
  }

  div.rightpanel-logging-goals div.target-info div.xarticle div.value-box,
  div.rightpanel-logging-goals div.target-info div.xarticle div.value-box li {
    float:none;
  }

  div.modal.backfill-modal div.modal-body .group-info,
  div.modal.backfill-modal div.modal-body .group-info .xarticle,
  div.modal.backfill-modal div.modal-body .group-info .xaside {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }

  div.modal.backfill-modal div.modal-body .group-info .xarticle {
    margin-top: 16px;
  }

  div.modal.backfill-modal div.modal-body .group-info .xaside {
    margin-bottom: 3px;
  }

  div.patient-meals-today-yesterday > section {
    width: 92%;
  }
  .rightpanel.rightpanel-manage-program-goals-and-skills div.toolbar-white .flat-rounded-btn.bigger, .rightpanel.rightpanel-clinical-goals div.toolbar-white .flat-rounded-btn.bigger {padding: 8px 10px;}

    /* Log calendar + backfill modals */
  div.group-info,
  div.group-info ul,
  div.group-info ul li {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box !important;
  }

  div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xarticle, div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xaside {
    width: inherit !important;
  }

  .audio-lesson-content-container button.audio-lesson-progress-btn {
    margin-bottom:5px;
  }
}

@media (max-width:380px) {
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form {width:292px;padding-left:10px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul {width:275px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.troup-info.log-form ul li {width:227px}
  div.rightpanel-inner.patient-configure-log-questions div.conf-log div.configure-log-questions-with-custom.troup-info.log-form ul li {width:251px}
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines-smaller {line-height:20px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines-smaller {top:-10px}
  .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines {line-height:20px;}
  .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines {top:-10px}
}

@media (max-width:360px) {
  .message-info div.inline-message-container.associated-message {max-width:75%}
}

@media (max-width:340px) {
  .container {min-width:340px;}
  .container2 {min-width:340px !important;}
  .wrapper-box{min-width:340px;}
}

/* Height */

@media (max-height:1024px) {
  .navbar .nav-links ul li a, .navbar .nav-links ul li label{ padding:7px 5px 7px 6px}
  .navbar .nav{ padding-bottom:15px}
}
@media (max-height:1024px) and (max-width:982px) {
  #the-nav-bar {height: calc(100% - 108px); height:-webkit-calc(100% - 108px); height:-moz-calc(100% - 108px);position:relative;top:75px;}
}

@media (max-height:900px) {
  .xsection.container.login .logo-product-container a {display:inline-block;}
  .xsection.container.login .logo-product-container h1 {display:inline-block}
  .xsection.container.login .logo-product-container a img {height:60px; width:60px; margin:0px 15px 0px 0px}
  .xsection.container.login .logo-product-container {padding-bottom:0px}

  .navbar .nav-links ul li a, .navbar .nav-links ul li label{ padding:7px 5px 7px 6px}
}
@media (max-height:740px) {
  div.select-coping-tactic-template-modal div.modal-body.grey-background, div.modal-body.grey-background.select-goal-template-modal-body { max-height:420px;}
}
  
@media ( max-height: 700px ) {
  div.modal div.modal-body {
    max-height: 60vh !important;
    min-height: unset !important;
  }
  div.modal  {
    max-height: 80vh !important;
  }
  div.modal div.modal-body.add-or-edit-activity-modal-body {
    max-height: 55vh !important;
  }
  
  div.show-conditions-modal, div.show-conditions-modal-shorter {
    height: unset;
  }
}
@media ( max-height: 600px ) {
  div.modal div.modal-body {
    max-height: 45vh !important;
  }
  div.modal div.modal-body.add-or-edit-activity-modal-body {
    max-height: 40vh !important;
  }
  .container { overflow-y:auto;}
}

@media (max-width: 360px) {
  /* Clamp fixed-width patient containers to viewport */
  div.rightpanel.rightpanel-about-us div.rightpanel-scroll div.rightpanel-inner div,
  div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll div.data-insights div.chart-events-content,
  div.rightpanel.rightpanel-chart-insights div#dyn-height.rightpanel-scroll div.data-insights div.chart-insights-content,
  div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll div.data-insights div.chart-trends-content,
  div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded,
  div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div div.tab-links-goal ul,
  div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div.meal-list,
  div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded,
  div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded,
  div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll div p.meal-photo-note,
  div.rightpanel.rightpanel-meal-photo div#dyn-height2.rightpanel-scroll div.meal-photo-detail-section,
  div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll div iframe,
  .activity-feed-epcot {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Support/feedback button + text blocks */
  div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded p,
  div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded p,
  div.rightpanel.rightpanel-feedback div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn,
  div.rightpanel.rightpanel-support div#dyn-height.rightpanel-scroll form div.rounded-white-card.padded div button.flat-rounded-btn {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Modal width clamp */
  .modal,
  div.modal.comment-modal {
    width: calc(100% - 20px) !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Clinician invite/link modals */
  .link-invite,
  .link-icons,
  .other-clinician-links-container,
  .other-clinician-links,
  .clinician-link-tos h3 {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .link-invite button.flat-rounded-btn {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Long text/URLs in messages */
  .message-info div.xarticle.message,
  .message-info div.inline-message-container {
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

/* ── Survey responsive: narrow viewports ── */
@media (max-width: 625px) {
  #rp-checkin-container .srr-segment-buttons,
  #skills-review-survey-container .srr-segment-buttons {
    grid-auto-flow: unset;
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    gap: 3px;
  }
  #rp-checkin-container .srr-segment-btn,
  #skills-review-survey-container .srr-segment-btn {
    min-width: 0;
    padding: 8px 4px;
    font-size: 13px;
  }
  #rp-checkin-container .srr-segment__labels,
  #skills-review-survey-container .srr-segment__labels {
    font-size: 12px;
  }
  #rp-checkin-container .srr-question,
  #skills-review-survey-container .srr-question {
    padding: 12px 10px;
  }
  #rp-checkin-container .srr-question__text,
  #skills-review-survey-container .srr-question__text {
    font-size: 14px;
    margin: 2px 0 8px;
  }
  #rp-checkin-container input[type="text"],
  #skills-review-survey-container input[type="text"],
  #rp-checkin-container input[type="number"],
  #skills-review-survey-container input[type="number"],
  #rp-checkin-container textarea,
  #skills-review-survey-container textarea,
  #rp-checkin-container select,
  #skills-review-survey-container select {
    padding: 8px 10px;
    font-size: 14px;
  }
  #rp-checkin-container button,
  #skills-review-survey-container button {
    padding: 8px 10px;
    font-size: 14px;
  }
  #rp-checkin-container .srr-table-select-grid,
  #skills-review-survey-container .srr-table-select-grid {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #rp-checkin-container .srr-table-cell,
  #skills-review-survey-container .srr-table-cell {
    padding: 4px;
    font-size: 13px;
  }
  #rp-checkin-container .srr-add-row,
  #skills-review-survey-container .srr-add-row {
    gap: 6px;
  }
}

@media (max-width: 470px) {
  #rp-checkin-container .srr-segment-buttons,
  #skills-review-survey-container .srr-segment-buttons {
    grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
  }
  #rp-checkin-container .srr-segment-btn,
  #skills-review-survey-container .srr-segment-btn {
    padding: 6px 2px;
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  #rp-checkin-container .srr-segment-buttons,
  #skills-review-survey-container .srr-segment-buttons {
    grid-template-columns: repeat(auto-fill, minmax(28px, 1fr));
  }
}

.rp-checkin-home-card .srr-survey-container {
  max-width: 100%;
}

.rp-checkin-home-card .srr-question__header .srr-question__text {
  font-size: 16px;
}

.rp-checkin-home-card.rp-checkin-expanded {
  min-height: calc(100vh - 190px);
}

/* ---- Affected By (Thought Log) ---- */

.affected-by-toggle-btn {
  background: none;
  border: 1px solid #ccc;
  color: #555;
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
}

.affected-by-toggle-btn:hover {
  border-color: #999;
}

.affected-by-chevron {
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.2s ease;
}

.affected-by-chevron-open {
  transform: rotate(180deg);
}

.affected-by-section {
  margin-top: 12px;
}

.affected-by-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.affected-by-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.15s ease;
}

.affected-by-item:hover {
  border-color: #aaa;
}

.affected-by-item-selected {
  border-color: #189FFB;
  background-color: #f0f7ff;
}

.affected-by-icon {
  width: 36px;
  height: 36px;
  background-color: #189FFB;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  flex-shrink: 0;
}

.affected-by-icon-sm {
  width: 32px;
  height: 32px;
}

.affected-by-item-label {
  font-size: 11px;
  margin-top: 4px;
  text-align: center;
  max-width: 74px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #189FFB;
}

.affected-by-actions {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}

.affected-by-action-btn {
  padding: 5px 14px !important;
  font-size: 12px !important;
}

.affected-by-delete-btn {
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}

.flat-rounded-btn-cancel {
  background-color: #999 !important;
  border-color: #999 !important;
}

/* ---- Icon Picker (Add/Edit Activity Modal) ---- */

.affected-by-icon-picker-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.affected-by-icon-picker-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
}

.affected-by-icon-picker-item:hover {
  border-color: #aaa;
}

.affected-by-icon-picker-item-selected {
  border-color: #189FFB;
  background-color: #f0f7ff;
}

/* ---- Edit Activities Modal ---- */

.edit-activity-row {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  border-bottom: 1px solid #eee;
  background-color: #FFFFFF;
  border-radius: 0;
}

.edit-activity-row:first-child {
  border-radius: 3px 3px 0 0;
}

.edit-activity-row:last-child {
  border-radius: 0 0 3px 3px;
}

.edit-activity-name {
  flex: 1;
  font-size: 14px;
}

.edit-activity-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}



@media (max-width: 699px) {
  .affected-by-item {
    width: 68px;
    height: 68px;
  }

  .affected-by-item .affected-by-icon {
    width: 28px;
    height: 28px;
  }

  .affected-by-item-label {
    font-size: 10px;
    max-width: 62px;
  }
}

/* ---- Activity Modal Sizing ---- */

.add-or-edit-activity-modal-body {
  max-height: 420px;
}

.edit-activities-modal-body {
  max-height: 420px;
}

.shadow-cast-down {
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
}

.selected-icon-preview {
  position: absolute;
  right: 20px;
  top: 0px;
  width: 40px;
  height: 40px;
}



/* Patient-only: make reviewable risky/enjoyable entries match upcoming hover/active behavior */
div.rounded-white-card.risky-event.reviewable-risky-event:hover {
  cursor: pointer;
  background-color: #BFDFFF;
}

div.rounded-white-card.risky-event.reviewable-risky-event:active {
  background-color: #4AB6FD;
}

.post-log-iframe-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 156px);
  overflow: hidden;
  max-width: 680px;
  margin: 10px auto;
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
  box-sizing: border-box;
}

.post-log-iframe {
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  box-sizing: border-box;
}

/* Affirmation Collection */
div.rightpanel.rightpanel-affirmation-collection div#dyn-height.ac-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);overflow-y:auto;padding:15px 20px;box-sizing:border-box}
div.rightpanel.rightpanel-affirmation-collection .ac-status-message {text-align:center;padding:40px 0;color:#888}
div.rightpanel.rightpanel-affirmation-collection .ac-empty-state {text-align:center;padding:60px 20px}
div.rightpanel.rightpanel-affirmation-collection .ac-empty-message {color:#888;font-size:16px;margin-bottom:20px}
div.rightpanel.rightpanel-affirmation-collection .ac-like-card {position:relative;max-width:800px;margin:0 auto 10px}
div.rightpanel.rightpanel-affirmation-collection .ac-like-card.rounded-white-card.padded.ac-editing-image-order {padding:15px;}
div.rightpanel.rightpanel-affirmation-collection .ac-edit-controls {position:absolute;right:10px;top:10px;z-index:10}
div.rightpanel.rightpanel-affirmation-collection button.flat-rounded-btn.ac-edit-btn {margin-right:4px;padding:8px}
div.rightpanel.rightpanel-affirmation-collection .ac-like-image {max-width:100%;border-radius:6px}
div.rightpanel.rightpanel-affirmation-collection .ac-editing-image-order img.ac-like-image {max-height:65px}
div.rightpanel.rightpanel-affirmation-collection .ac-like-text {font-size:15px;margin:0}
div.rightpanel.rightpanel-affirmation-collection .ac-toolbar {text-align:center}
div.rightpanel.rightpanel-affirmation-collection .ac-toolbar-btn {margin:0 4px}

.ac-examples-body {text-align:center;min-height:300px}
.ac-examples-status {color:#888;padding:60px 0}
.ac-image-container {height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ac-examples-image {max-width:100%;max-height:380px;border-radius:6px;margin-bottom:15px;object-fit:contain}
.ac-examples-counter {color:#888;margin-bottom:0}
.ac-examples-next-btn {margin-left:8px}

@media (max-width: 699px) {
  div.rightpanel.rightpanel-affirmation-collection div#dyn-height.ac-scroll {height:calc(100% - 103px);height:-moz-calc(100% - 103px);height:-webkit-calc(100% - 103px)}
}

/* Skills Review Survey */
div.rightpanel.rightpanel-skills-review-survey div#dyn-height.rightpanel-scroll {height:calc(100% - 124px);height:-moz-calc(100% - 124px);height:-webkit-calc(100% - 124px);overflow-y:auto}
div.rightpanel-skills-review-survey #skills-review-survey-container .srr-question {margin-bottom:12px}
div.rightpanel-skills-review-survey #skills-review-survey-container .srr-submit {display:none!important}