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

.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 {height:calc(100% - 178px);height:-moz-calc(100% - 178px);height:-webkit-calc(100% - 178px);overflow-y:scroll}
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-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 {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);}


@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-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-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 {height:calc(100% - 103px);height:-moz-calc(100% - 103px);height:-webkit-calc(100% - 103px);}
  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.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%;} 
}

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

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

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

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

@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.show-conditions-modal, div.show-conditions-modal-shorter {
    height: unset;
  }
}
@media ( max-height: 600px ) {
  div.modal div.modal-body {
    max-height: 55vh !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;
  }
}