/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.page-patient-header {
  background-color: var(--wi-background-secondary);
  height: 75px;
  border-bottom: 1px solid var(--wi-divider);
  border-left: 1px solid var(--wi-divider);
  display: flex;
  justify-content: start;
  align-items: center;
  padding:  0vw 0.8823529412vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header {
    padding:  0vw 1.256281407vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header {
    padding:  0vw 1.953125vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header {
    padding:  0vw 3.5714285714vw;
  }
}
.page-patient-header .header-infos {
  margin-left:  0.8823529412vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .header-infos {
    margin-left:  1.256281407vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .header-infos {
    margin-left:  1.953125vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .header-infos {
    margin-left:  3.5714285714vw;
  }
}
.page-patient-header .header-infos .infos-patient {
  display: flex;
  align-items: center;
}
.page-patient-header .header-infos .infos-patient h1 {
  margin-right:  0.5882352941vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .header-infos .infos-patient h1 {
    margin-right:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .header-infos .infos-patient h1 {
    margin-right:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .header-infos .infos-patient h1 {
    margin-right:  2.380952381vw;
  }
}
.page-patient-header .header-infos .infos-patient h1.ans-module {
  text-transform: uppercase;
}
.page-patient-header .header-infos .infos-patient p {
  line-height: normal;
}
.page-patient-header .header-infos .infos-tags {
  display: flex;
  margin-top: 3px;
}
.page-patient-header .header-infos .infos-tags .witems-tag + .witems-tag {
  margin-left:  0.5882352941vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .header-infos .infos-tags .witems-tag + .witems-tag {
    margin-left:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .header-infos .infos-tags .witems-tag + .witems-tag {
    margin-left:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .header-infos .infos-tags .witems-tag + .witems-tag {
    margin-left:  2.380952381vw;
  }
}
.page-patient-header .header-infos .infos-tags .witems-tag .desktop-detail3 {
  min-width: 31px;
}
.page-patient-header .header-infos .infos-tags .witems-tag .tag-custom-content .ring-container {
  height: 19px !important;
}
.page-patient-header .header-infos .infos-tags .witems-tag .tag-custom-content .ring-container .circle-container.small {
  height: 19px;
  width: 19px;
  padding: 2px;
}
.page-patient-header .header-infos .infos-tags .witems-tag .tag-custom-content .ring-container .circle-container.small .circle-bg, .page-patient-header .header-infos .infos-tags .witems-tag .tag-custom-content .ring-container .circle-container.small .circle {
  stroke-width: 6;
}
.page-patient-header .header-actions {
  display: flex;
  margin-left: auto;
}
.page-patient-header .header-actions .w-button + .w-button {
  margin-left:  0.2941176471vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .header-actions .w-button + .w-button {
    margin-left:  0.418760469vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .header-actions .w-button + .w-button {
    margin-left:  0.6510416667vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .header-actions .w-button + .w-button {
    margin-left:  1.1904761905vw;
  }
}
.page-patient-header .header-actions .btn-infinite-mode {
  margin-right: 5px;
}
.page-patient-header .time-log-window {
  position: fixed;
  top: 76px;
  z-index: 20;
  background-color: var(--wi-background-secondary);
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(20, 20, 20, 0.08);
  text-align: left;
}
.page-patient-header .time-log-window__header {
  padding:  0.9411764706vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background-color: var(--wi-background-primary);
  border-bottom: 1px solid var(--wi-action-primary-disabled);
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__header {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__header {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__header {
    padding:  3.8095238095vw;
  }
}
.page-patient-header .time-log-window__activity-time {
  display: flex;
  align-items: center;
}
.page-patient-header .time-log-window__progress {
  margin-right:  0.9411764706vw;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__progress {
    margin-right:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__progress {
    margin-right:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__progress {
    margin-right:  3.8095238095vw;
  }
}
.page-patient-header .time-log-window__progress .circle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:  0.5882352941vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__progress .circle-wrapper {
    margin-right:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__progress .circle-wrapper {
    margin-right:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__progress .circle-wrapper {
    margin-right:  2.380952381vw;
  }
}
.page-patient-header .time-log-window__progress .circle-wrapper .RPMIcons {
  cursor: auto;
  color: var(--wi-background-secondary);
  font-size: 1rem;
  position: absolute;
  font-weight: bold;
}
.page-patient-header .time-log-window__interactions {
  max-height: 600px;
  overflow-y: scroll;
}
.page-patient-header .time-log-window__interaction {
  padding:  0.9411764706vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E5E6EA;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__interaction {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__interaction {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__interaction {
    padding:  3.8095238095vw;
  }
}
.page-patient-header .time-log-window__interaction:last-child {
  border-bottom: none;
}
.page-patient-header .time-log-window__interaction__edit {
  font-size: 1.25rem;
}
.page-patient-header .time-log-window__edit-mode .header2 {
  margin-top:  1.4705882353vw;
  padding:  0vw 0.9411764706vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__edit-mode .header2 {
    margin-top:  2.0938023451vw;
    padding:  0vw 1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__edit-mode .header2 {
    margin-top:  3.2552083333vw;
    padding:  0vw 2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__edit-mode .header2 {
    margin-top:  5.9523809524vw;
    padding:  0vw 3.8095238095vw;
  }
}
.page-patient-header .time-log-window__edit-mode__editor {
  margin:  1.2941176471vw 0vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__edit-mode__editor {
    margin:  1.8425460637vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__edit-mode__editor {
    margin:  2.8645833333vw 0vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__edit-mode__editor {
    margin:  5.2380952381vw 0vw;
  }
}
.page-patient-header .time-log-window__edit-mode__editor.has-error {
  margin:  1.2941176471vw 0vw 1.7647058824vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__edit-mode__editor.has-error {
    margin:  1.8425460637vw 0vw 2.5125628141vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__edit-mode__editor.has-error {
    margin:  2.8645833333vw 0vw 3.90625vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__edit-mode__editor.has-error {
    margin:  5.2380952381vw 0vw 7.1428571429vw;
  }
}
.page-patient-header .time-log-window__edit-mode__editor .field-container {
  width: 70%;
}
.page-patient-header .time-log-window__edit-mode__editor .edit-btn-control {
  width:  1.8823529412vw;
  height:  1.8823529412vw;
  margin-left:  0.9411764706vw;
  margin-right:  0.9411764706vw;
  font-size: 1.5625rem;
  background-color: var(--wi-action-primary);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--wi-background-secondary);
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  2.6800670017vw;
    height:  2.6800670017vw;
    margin-left:  1.3400335008vw;
    margin-right:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  4.1666666667vw;
    height:  4.1666666667vw;
    margin-left:  2.0833333333vw;
    margin-right:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  7.619047619vw;
    height:  7.619047619vw;
    margin-left:  3.8095238095vw;
    margin-right:  3.8095238095vw;
  }
}
.page-patient-header .time-log-window__edit-mode__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid var(--wi-action-primary-disabled);
}
.page-patient-header .time-log-window__edit-mode__actions .button-component {
  width: 100%;
}
.page-patient-header .time-log-window__edit-mode__actions .button-component:first-child {
  margin-right: 16px;
}
.page-patient-header .time-log-window__edit-mode__actions .button-component button {
  width: 100%;
}
.page-patient-header .time-log-window__all {
  padding:  0.9411764706vw;
}
@media screen and (max-width: 1194px) {
  .page-patient-header .time-log-window__all {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .page-patient-header .time-log-window__all {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .page-patient-header .time-log-window__all {
    padding:  3.8095238095vw;
  }
}
.page-patient-navigation {
  background-color: var(--wi-background-secondary);
  height: 45px;
  border-bottom: 1px solid var(--wi-divider);
  border-left: 1px solid var(--wi-divider);
  display: flex;
  align-items: center;
}
/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.patient-page {
  opacity: 1;
  transition: opacity 300ms ease;
  /* Header */
  /* End Header */
  /* Measurements & Triggers */
  /* Billing */
  /* Files */
  /* Pending */
}
.patient-page.loading {
  opacity: 0.4;
  pointer-events: none;
  overflow: hidden;
  height: 100vh;
}
.patient-page .header {
  display: flex;
  align-items: center;
  margin:  2.0588235294vw 0vw 2.6470588235vw 0vw;
  position: relative;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 1194px) {
  .patient-page .header {
    margin:  2.9313232831vw 0vw 3.7688442211vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header {
    margin:  4.5572916667vw 0vw 5.859375vw 0vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header {
    margin:  8.3333333333vw 0vw 10.7142857143vw 0vw;
  }
}
.patient-page .header .react-loading-skeleton {
  background-color: var(--wi-background-secondary);
  background-image: linear-gradient(90deg, var(--wi-background-secondary), var(--wi-divider), var(--wi-background-secondary));
}
.patient-page .header .sticky-patient-nav {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  width: 69%;
  right: 0;
  background: var(--wi-background-primary);
  box-shadow: 0 6px 4px -2px var(--wi-divider);
  z-index: 10;
  max-height: 84px;
  transform: translate3d(0, calc(-100% - 10px), 0);
  transition: transform 450ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 968px) {
  .patient-page .header .sticky-patient-nav {
    width: 100%;
  }
}
.patient-page .header .sticky-patient-nav-inner {
  display: flex;
  align-items: center;
  padding: 20px;
  position: relative;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 968px) {
  .patient-page .header .sticky-patient-nav-inner {
    padding: 10px 20px;
  }
}
.patient-page .header .sticky-patient-nav-inner .left {
  display: flex;
  align-items: center;
  min-width: 30%;
}
.patient-page .header .sticky-patient-nav-inner .left .mobile-back {
  margin-right: 10px;
  left: 0;
  position: relative;
}
.patient-page .header .sticky-patient-nav-inner .left .content {
  max-width: 80%;
}
.patient-page .header .sticky-patient-nav-inner .left .content h1 {
  font-size: 1.125rem;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-page .header .sticky-patient-nav-inner .badge {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
}
.patient-page .header .sticky-patient-nav-inner .badge:after, .patient-page .header .sticky-patient-nav-inner .badge:before {
  width: 28px;
  height: 28px;
}
@media (max-width: 968px) {
  .patient-page .header .sticky-patient-nav-inner .badge {
    position: relative;
    margin: 0;
    width: 44px;
    height: 44px;
  }
  .patient-page .header .sticky-patient-nav-inner .badge:after, .patient-page .header .sticky-patient-nav-inner .badge:before {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 968px) {
  .patient-page .header .sticky-patient-nav-inner .actions {
    display: none;
  }
}
.patient-page .header .sticky-patient-nav.visible {
  transform: translate3d(0, 0, 0);
}
.patient-page .header .sticky-patient-nav.new-header .content {
  text-align: left;
  font-size: 1rem;
}
.patient-page .header .sticky-patient-nav.new-header .header4 {
  text-align: left;
  margin-right: 8px;
  font-size: 1rem;
}
.patient-page .header .sticky-patient-nav.new-header .header4 .icon-user {
  font-size: 1.125rem !important;
  vertical-align: middle;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.patient-page .header .back-dashboard {
  width: 44px;
  height: 44px;
  font-size: 1rem;
  border-radius: 50%;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wi-action-primary-disabled);
  color: var(--wi-text-secondary);
  transition: box-shadow 250ms ease-out;
}
.patient-page .header .back-dashboard:hover {
  box-shadow: 0px 0px 10px 0px rgba(159, 189, 204, 0.3019607843);
}
.patient-page .header .mobile-back {
  left: 20px;
  position: absolute;
  top: 0;
  display: none;
}
.patient-page .header .mobile-back span {
  font-size: 2rem;
}
@media (max-width: 968px) {
  .patient-page .header .mobile-back {
    display: block;
  }
}
.patient-page .header .badge {
  width: 80px;
  height: 80px;
  background-color: var(--wi-background-secondary);
  transition: transform 300ms ease;
}
.patient-page .header .badge:after {
  width: 38px;
  height: 38px;
  transition: background-color 300ms ease;
}
.patient-page .header .badge.small {
  width: 60px;
  height: 60px;
}
.patient-page .header .badge.small:after {
  width: 28px;
  height: 28px;
}
.patient-page .header .badge:hover {
  transform: scale(1.05);
}
.patient-page .header .infos {
  margin-top:  0.7058823529vw;
  min-width: 40%;
  max-width: 80%;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .infos {
    margin-top:  1.0050251256vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .infos {
    margin-top:  1.5625vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .infos {
    margin-top:  2.8571428571vw;
  }
}
.patient-page .header .infos .header1 {
  text-transform: capitalize;
}
@media (min-width: 968px) {
  .patient-page .header .infos .header1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.patient-page .header .infos .header1 .icon-user {
  font-size: 2rem !important;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -3px;
}
.patient-page .header .infos p {
  margin-top:  0.2352941176vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .infos p {
    margin-top:  0.3350083752vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .infos p {
    margin-top:  0.5208333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .infos p {
    margin-top:  0.9523809524vw;
  }
}
.patient-page .header .infos p .react-loading-skeleton {
  width: 50%;
}
.patient-page .header .header-top-actions {
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-page .header .header-top-actions .actions {
  margin-top: 0;
}
.patient-page .header .header-top-actions .actions .action {
  min-width: auto;
  margin-left: 10px;
}
.patient-page .header .header-top-actions .actions .action .circle {
  margin: 0;
}
.patient-page .header .header-top-actions .actions .IconSVG {
  font-size: 1.3125rem;
}
.patient-page .header .actions {
  display: flex;
  align-items: center;
  margin-top: 24px;
  align-items: flex-start;
  align-items: center;
}
.patient-page .header .actions .note,
.patient-page .header .actions .devices,
.patient-page .header .actions .more,
.patient-page .header .actions .call {
  cursor: pointer;
  min-width: 80px;
}
.patient-page .header .actions.small {
  margin-top: 0;
}
.patient-page .header .actions.small .label {
  display: none;
}
.patient-page .header .actions.small .circle {
  width: 44px;
  height: 44px;
}
.patient-page .header .actions.small .circle span {
  font-size: 1.125rem;
}
.patient-page .header .actions.small .note,
.patient-page .header .actions.small .devices,
.patient-page .header .actions.small .more,
.patient-page .header .actions.small .call,
.patient-page .header .actions.small .videocall,
.patient-page .header .actions.small .close {
  min-width: 55px;
}
.patient-page .header .actions.small .note {
  margin-left: 5px;
}
.patient-page .header .actions.small .close {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 20px;
  font-size: 1.5rem;
  transition: opacity 300ms ease;
}
.patient-page .header .actions.small .close:hover {
  opacity: 0.4;
}
.patient-page .header .actions.small .message {
  margin: 0 5px;
}
.patient-page .header .actions .circle {
  display: flex;
  align-items: center;
  width: 44px;
  height: 44px;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--wi-action-primary);
  color: var(--wi-background-secondary);
  margin: auto;
  transition: opacity 300ms ease, background-color 300ms ease;
}
@media (max-width: 968px) {
  .patient-page .header .actions .circle {
    width: 44px;
    height: 44px;
  }
}
.patient-page .header .actions .circle:hover {
  background-color: var(--wi-action-primary-hover);
}
.patient-page .header .actions .circle span {
  font-size: 1.5rem !important;
}
.patient-page .header .actions .circle.action-bad {
  background-color: var(--wi-action-primary-bad);
}
.patient-page .header .actions .label {
  margin-top: 4px;
  display: block;
  color: var(--wi-text-secondary);
  text-align: center;
}
.patient-page .header .bottom-actions {
  display: flex;
  align-items: center;
  margin-top: 20px;
  align-items: flex-start;
  align-items: center;
}
.patient-page .header .bottom-actions .action {
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 10px 12px;
  margin-right: 10px;
  color: var(--wi-action-primary);
  border: 1px solid var(--wi-action-primary);
  border-radius: 16px;
}
.patient-page .header .bottom-actions .action:last-child {
  margin-right: 0px;
}
.patient-page .header .bottom-actions .action .RPMIcons {
  margin-right: 13px;
}
.patient-page .header .bottom-actions .action .label {
  font-size: 0.875rem;
}
.patient-page .header .bottom-actions.small {
  margin-top: 8px;
}
.patient-page .header .bottom-actions.small .action {
  font-size: 0.75rem;
  padding: 4px 12px;
  border-radius: 8px;
  font-weight: 450;
}
.patient-page .header .bottom-actions.small .action .label {
  font-size: 0.75rem;
}
.patient-page .header .back-home {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 1.5rem;
  transition: opacity 300ms ease;
}
.patient-page .header .back-home:hover {
  opacity: 0.4;
}
@media (max-width: 968px) {
  .patient-page .header .back-home {
    display: none;
  }
}
.patient-page .header .time-log-window {
  width:  23.5294117647vw;
  right:  8.2352941176vw;
  position: fixed;
  top: 92px;
  z-index: 900;
  background-color: var(--wi-background-secondary);
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(20, 20, 20, 0.08);
  text-align: left;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window {
    width:  33.5008375209vw;
    right:  11.7252931323vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window {
    width:  52.0833333333vw;
    right:  18.2291666667vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window {
    width:  95.2380952381vw;
    right:  33.3333333333vw;
  }
}
.patient-page .header .time-log-window__header {
  padding:  0.9411764706vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--wi-background-primary);
  border-bottom: 1px solid var(--wi-action-primary-disabled);
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__header {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__header {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__header {
    padding:  3.8095238095vw;
  }
}
.patient-page .header .time-log-window__activity-time {
  display: flex;
  align-items: center;
}
.patient-page .header .time-log-window__progress {
  margin-right:  0.9411764706vw;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__progress {
    margin-right:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__progress {
    margin-right:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__progress {
    margin-right:  3.8095238095vw;
  }
}
.patient-page .header .time-log-window__progress .circle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:  0.5882352941vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__progress .circle-wrapper {
    margin-right:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__progress .circle-wrapper {
    margin-right:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__progress .circle-wrapper {
    margin-right:  2.380952381vw;
  }
}
.patient-page .header .time-log-window__progress .circle-wrapper .RPMIcons {
  cursor: auto;
  color: var(--wi-background-secondary);
  font-size: 1rem;
  position: absolute;
  font-weight: bold;
}
.patient-page .header .time-log-window__interactions {
  max-height: 600px;
  overflow-y: scroll;
  padding:  0.9411764706vw 0vw 0.9411764706vw 0vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__interactions {
    padding:  1.3400335008vw 0vw 1.3400335008vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__interactions {
    padding:  2.0833333333vw 0vw 2.0833333333vw 0vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__interactions {
    padding:  3.8095238095vw 0vw 3.8095238095vw 0vw;
  }
}
.patient-page .header .time-log-window__interaction {
  padding:  0.9411764706vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E5E6EA;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__interaction {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__interaction {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__interaction {
    padding:  3.8095238095vw;
  }
}
.patient-page .header .time-log-window__interaction:last-child {
  border-bottom: none;
}
.patient-page .header .time-log-window__interaction__edit {
  font-size: 1.25rem;
}
.patient-page .header .time-log-window__edit-mode .header2 {
  margin-top:  1.4705882353vw;
  padding:  0vw 0.9411764706vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__edit-mode .header2 {
    margin-top:  2.0938023451vw;
    padding:  0vw 1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__edit-mode .header2 {
    margin-top:  3.2552083333vw;
    padding:  0vw 2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__edit-mode .header2 {
    margin-top:  5.9523809524vw;
    padding:  0vw 3.8095238095vw;
  }
}
.patient-page .header .time-log-window__edit-mode__editor {
  margin:  1.2941176471vw 0vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__edit-mode__editor {
    margin:  1.8425460637vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__edit-mode__editor {
    margin:  2.8645833333vw 0vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__edit-mode__editor {
    margin:  5.2380952381vw 0vw;
  }
}
.patient-page .header .time-log-window__edit-mode__editor.has-error {
  margin:  1.2941176471vw 0vw 1.7647058824vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__edit-mode__editor.has-error {
    margin:  1.8425460637vw 0vw 2.5125628141vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__edit-mode__editor.has-error {
    margin:  2.8645833333vw 0vw 3.90625vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__edit-mode__editor.has-error {
    margin:  5.2380952381vw 0vw 7.1428571429vw;
  }
}
.patient-page .header .time-log-window__edit-mode__editor .field-container {
  width: 70%;
}
.patient-page .header .time-log-window__edit-mode__editor .edit-btn-control {
  width:  1.8823529412vw;
  height:  1.8823529412vw;
  margin-left:  0.9411764706vw;
  margin-right:  0.9411764706vw;
  font-size: 1.5625rem;
  background: #1F4AC2;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--wi-background-secondary);
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  2.6800670017vw;
    height:  2.6800670017vw;
    margin-left:  1.3400335008vw;
    margin-right:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  4.1666666667vw;
    height:  4.1666666667vw;
    margin-left:  2.0833333333vw;
    margin-right:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__edit-mode__editor .edit-btn-control {
    width:  7.619047619vw;
    height:  7.619047619vw;
    margin-left:  3.8095238095vw;
    margin-right:  3.8095238095vw;
  }
}
.patient-page .header .time-log-window__edit-mode__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid var(--wi-action-primary-disabled);
}
.patient-page .header .time-log-window__edit-mode__actions .button-component {
  width: 100%;
}
.patient-page .header .time-log-window__edit-mode__actions .button-component:first-child {
  margin-right: 16px;
}
.patient-page .header .time-log-window__edit-mode__actions .button-component button {
  width: 100%;
}
.patient-page .header .time-log-window__all {
  padding:  0.9411764706vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .header .time-log-window__all {
    padding:  1.3400335008vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .header .time-log-window__all {
    padding:  2.0833333333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .header .time-log-window__all {
    padding:  3.8095238095vw;
  }
}
.patient-page .patient-details .RPMIcons {
  margin-right: 6px;
  font-size: 1.125rem;
  color: var(--wi-text-placeholder);
}
.patient-page .patient-details__contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}
.patient-page .patient-details__contact > p {
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.patient-page .patient-adherence,
.patient-page .triggers-section {
  padding: 0 20px;
}
.patient-page .triggers-section {
  margin-bottom: 30px;
}
.patient-page .triggers-section .section-title-component {
  justify-content: start;
}
.patient-page .triggers-section .section-title-component .action {
  margin-left: 10px;
}
.patient-page .triggers-section .categories-wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 968px) {
  .patient-page .triggers-section .categories-wrapper {
    flex-wrap: wrap;
  }
}
.patient-page .triggers-section .categories-wrapper .category {
  background: var(--wi-background-secondary);
  border-radius: 8px;
  width: calc(100% / var(--nb-categories) - 10px);
  transition: width 500ms ease;
  padding: 24px 20px 0 20px;
}
@media (max-width: 968px) {
  .patient-page .triggers-section .categories-wrapper .category {
    width: 100%;
  }
}
.patient-page .triggers-section .categories-wrapper .category .header4 {
  margin-bottom: 5px;
  display: block;
}
.patient-page .triggers-section .categories-wrapper .category .table-component {
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
}
.patient-page .triggers-section .categories-wrapper .category .table-component .table-cell-component {
  padding: 0;
}
.patient-page .triggers-section .categories-wrapper .category .table-component .table-cell-component .single-cell {
  padding: 24px 0 24px 4px;
}
.patient-page .triggers-section .categories-wrapper .category .trigger-cell,
.patient-page .triggers-section .categories-wrapper .category .empty-data {
  padding: 24px 0;
}
.patient-page .measurement-plans .section-title-component {
  justify-content: start;
}
.patient-page .measurement-plans .section-title-component .action {
  margin-left: 10px;
}
.patient-page .billing-section .billing-nav-component {
  width: 100%;
}
.patient-page .billing-section .billing-nav-component .nav-item {
  width: 50%;
  justify-content: center;
}
@media (max-width: 768px) {
  .patient-page .billing-section .billing-nav-component .nav-item {
    width: 100%;
    margin-left: 0;
  }
}
.patient-page .billing-section .month-picker-component {
  transform: translateY(calc(-100% - 10px));
  top: 0;
  width: calc(50% - 5px);
}
@media (max-width: 768px) {
  .patient-page .billing-section .month-picker-component {
    width: 100%;
  }
}
.patient-page .billing-section .month-picker-component--up {
  transform: translateY(calc(-100% - 10px));
}
.patient-page .billing-section .month-picker-component--down {
  transform: translateY(50px);
}
.patient-page .billing-section .header4 {
  text-transform: capitalize;
}
.patient-page .billing-section .table-component {
  margin-top: 12px;
  overflow: visible;
}
.patient-page .billing-section .billing-skeleton .header4.title {
  display: block;
  width: 30%;
}
.patient-page .billing-section .billing-skeleton .header4.title .react-loading-skeleton {
  background-color: var(--wi-background-secondary);
  background-image: linear-gradient(90deg, var(--wi-background-secondary), var(--wi-divider), var(--wi-background-secondary));
}
.patient-page .billing-section .billing-skeleton .table-cell-component {
  display: flex;
  align-items: center;
}
.patient-page .billing-section .billing-skeleton .table-cell-component span:last-child:not(.react-loading-skeleton) {
  margin-left: 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .patient-page .attached-documents {
    padding-bottom: 10vw;
    margin-bottom: 30px;
  }
}
.patient-page .attached-documents .files .table-component .files-wrapper {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
  padding:  1.8823529412vw 2.6470588235vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .attached-documents .files .table-component .files-wrapper {
    padding:  2.6800670017vw 3.7688442211vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .attached-documents .files .table-component .files-wrapper {
    padding:  4.1666666667vw 5.859375vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .attached-documents .files .table-component .files-wrapper {
    padding:  7.619047619vw 10.7142857143vw;
  }
}
.patient-page .pending-patient {
  padding-top: 30px;
}
.patient-page .pending-patient .table-component {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.patient-page .category.clickable-section {
  cursor: pointer;
}
.patient-page .category.hoverable-section:hover {
  background-color: var(--wi-background-secondary-pressed);
}
.patient-page .category.hoverable-section:hover .table-component {
  background-color: var(--wi-background-secondary-pressed);
}
.patient-page .profil-section, .patient-page .devices-section {
  padding-bottom: 40px;
}
.patient-page .profil-section .header3, .patient-page .devices-section .header3 {
  display: block;
  margin: 20px 0;
}
.patient-page .profil-section .header3:last-of-type:not(:first-of-type), .patient-page .devices-section .header3:last-of-type:not(:first-of-type) {
  margin-top: 40px;
}
.patient-page .profil-section .table-component .table-cell-component, .patient-page .devices-section .table-component .table-cell-component {
  display: flex;
}
.patient-page .profil-section .cells .device, .patient-page .profil-section .cells .info, .patient-page .devices-section .cells .device, .patient-page .devices-section .cells .info {
  display: flex;
  justify-content: space-between;
  padding:  0.9411764706vw 1.1764705882vw;
  align-items: normal;
  background: var(--wi-background-secondary);
}
@media screen and (max-width: 1194px) {
  .patient-page .profil-section .cells .device, .patient-page .profil-section .cells .info, .patient-page .devices-section .cells .device, .patient-page .devices-section .cells .info {
    padding:  1.3400335008vw 1.675041876vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .profil-section .cells .device, .patient-page .profil-section .cells .info, .patient-page .devices-section .cells .device, .patient-page .devices-section .cells .info {
    padding:  2.0833333333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .profil-section .cells .device, .patient-page .profil-section .cells .info, .patient-page .devices-section .cells .device, .patient-page .devices-section .cells .info {
    padding:  3.8095238095vw 4.7619047619vw;
  }
}
.patient-page .profil-section .cells .device:first-child, .patient-page .profil-section .cells .info:first-child, .patient-page .devices-section .cells .device:first-child, .patient-page .devices-section .cells .info:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.patient-page .profil-section .cells .device:last-child, .patient-page .profil-section .cells .info:last-child, .patient-page .devices-section .cells .device:last-child, .patient-page .devices-section .cells .info:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.patient-page .profil-section .cells .device:not(:last-child), .patient-page .profil-section .cells .info:not(:last-child), .patient-page .devices-section .cells .device:not(:last-child), .patient-page .devices-section .cells .info:not(:last-child) {
  border-bottom: 1px solid var(--wi-divider);
}
.patient-page .profil-section .cells .device.ans-module .left span.subtextRegular, .patient-page .profil-section .cells .info.ans-module .left span.subtextRegular, .patient-page .devices-section .cells .device.ans-module .left span.subtextRegular, .patient-page .devices-section .cells .info.ans-module .left span.subtextRegular {
  text-transform: uppercase;
}
.patient-page .profil-section .cells .device .left span, .patient-page .profil-section .cells .info .left span, .patient-page .devices-section .cells .device .left span, .patient-page .devices-section .cells .info .left span {
  display: block;
}
.patient-page .profil-section .cells .device .left span span, .patient-page .profil-section .cells .info .left span span, .patient-page .devices-section .cells .device .left span span, .patient-page .devices-section .cells .info .left span span {
  display: inline;
}
.patient-page .profil-section .cells .device .left span.subtextRegular, .patient-page .profil-section .cells .info .left span.subtextRegular, .patient-page .devices-section .cells .device .left span.subtextRegular, .patient-page .devices-section .cells .info .left span.subtextRegular {
  color: var(--wi-text-secondary);
}
.patient-page .profil-section .cells .device .right, .patient-page .profil-section .cells .info .right, .patient-page .devices-section .cells .device .right, .patient-page .devices-section .cells .info .right {
  font-size: 1rem;
}
.patient-page .profil-section .cells .device .patient-devices-modal-component__right, .patient-page .profil-section .cells .info .patient-devices-modal-component__right, .patient-page .devices-section .cells .device .patient-devices-modal-component__right, .patient-page .devices-section .cells .info .patient-devices-modal-component__right {
  height: auto;
}
.patient-page .profil-section .cells .device .device-battery, .patient-page .profil-section .cells .info .device-battery, .patient-page .devices-section .cells .device .device-battery, .patient-page .devices-section .cells .info .device-battery {
  display: flex;
  align-items: center;
  color: var(--wi-text-primary);
}
.patient-page .profil-section .cells .device .device-battery .RPMIcons, .patient-page .profil-section .cells .info .device-battery .RPMIcons, .patient-page .devices-section .cells .device .device-battery .RPMIcons, .patient-page .devices-section .cells .info .device-battery .RPMIcons {
  font-size: 1.25rem;
}
.patient-page .profil-section .cells .device .device-battery.low .RPMIcons, .patient-page .profil-section .cells .info .device-battery.low .RPMIcons, .patient-page .devices-section .cells .device .device-battery.low .RPMIcons, .patient-page .devices-section .cells .info .device-battery.low .RPMIcons {
  color: var(--wi-status-bad);
}
.patient-page .profil-section .cells .device .device-battery .body1, .patient-page .profil-section .cells .info .device-battery .body1, .patient-page .devices-section .cells .device .device-battery .body1, .patient-page .devices-section .cells .info .device-battery .body1 {
  margin-left:  0.5882352941vw;
}
@media screen and (max-width: 1194px) {
  .patient-page .profil-section .cells .device .device-battery .body1, .patient-page .profil-section .cells .info .device-battery .body1, .patient-page .devices-section .cells .device .device-battery .body1, .patient-page .devices-section .cells .info .device-battery .body1 {
    margin-left:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .patient-page .profil-section .cells .device .device-battery .body1, .patient-page .profil-section .cells .info .device-battery .body1, .patient-page .devices-section .cells .device .device-battery .body1, .patient-page .devices-section .cells .info .device-battery .body1 {
    margin-left:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .patient-page .profil-section .cells .device .device-battery .body1, .patient-page .profil-section .cells .info .device-battery .body1, .patient-page .devices-section .cells .device .device-battery .body1, .patient-page .devices-section .cells .info .device-battery .body1 {
    margin-left:  2.380952381vw;
  }
}
.patient-page .profil-section .cells .shipment-cell-component, .patient-page .devices-section .cells .shipment-cell-component {
  margin-top: 30px;
}
.patient-page .profil-section .profil-actions, .patient-page .profil-section .devices-actions, .patient-page .devices-section .profil-actions, .patient-page .devices-section .devices-actions {
  display: flex;
  margin-top: 30px;
}
.patient-page .profil-section .profil-actions .w-button + .w-button, .patient-page .profil-section .devices-actions .w-button + .w-button, .patient-page .devices-section .profil-actions .w-button + .w-button, .patient-page .devices-section .devices-actions .w-button + .w-button {
  margin-left: 30px;
}
.patient-page .scroll-view-component.patient-sections {
  padding-bottom: 40px;
  height: calc(100vh - 131px);
}
/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.program-dashboard-page {
  padding: 0 20px;
  /* Block header */
  /* General Blocks */
}
.program-dashboard-page .program-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 250px;
  margin-top: 40px;
}
.program-dashboard-page .program-dashboard-header .texts, .program-dashboard-page .program-dashboard-header .media {
  width: 50%;
}
.program-dashboard-page .program-dashboard-header .texts img, .program-dashboard-page .program-dashboard-header .media img {
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.9);
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms ease;
}
.program-dashboard-page .program-dashboard-header .texts img.enter-done, .program-dashboard-page .program-dashboard-header .media img.enter-done {
  opacity: 1;
  transform: scale(1);
}
.program-dashboard-page .program-dashboard-header .texts {
  opacity: 0;
  transition: opacity 400ms ease;
}
.program-dashboard-page .program-dashboard-header .texts.enter-done {
  opacity: 1;
}
.program-dashboard-page .program-dashboard-header .texts p {
  margin-top: 12px;
}
.program-dashboard-page .card-skeleton {
  background-color: var(--wi-background-secondary);
  border-radius: 10px;
  color: var(--wi-text-primary);
  font-size: 1rem;
  padding: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.program-dashboard-page .program-dashboard-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 35px;
}
.program-dashboard-page .billing-dashboard-block-container {
  width: 100%;
  margin-bottom: 24px;
  flex-shrink: 0;
  opacity: 0;
  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms ease;
  transform: translate3d(0, 50px, 0);
}
.program-dashboard-page .billing-dashboard-block-container.size-half {
  width: calc(50% - 12px);
}
.program-dashboard-page .billing-dashboard-block-container.enter-done, .program-dashboard-page .billing-dashboard-block-container.visible {
  opacity: 1;
  transform: none;
}
.program-dashboard-page .program-dashboard-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.program-dashboard-page .program-dashboard-block .header3 {
  display: flex;
  margin-bottom: 20px;
}
.program-dashboard-page .program-dashboard-block .header3 .header3-tooltip {
  margin-left: 10px;
  margin-top: 2px;
}
.program-dashboard-page .program-dashboard-block.full {
  width: 100%;
}
.program-dashboard-page .program-dashboard-block .overview-cell-container:not(:first-of-type) {
  margin-top: 8px;
}
.program-dashboard-page .program-dashboard-block .program-dashboard-block-inner {
  background-color: var(--wi-background-secondary);
  border-radius: 8px;
  padding: 17px 10px;
  height: 100%;
}
.program-dashboard-page .program-dashboard-block .program-dashboard-block-inner.center {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.program-dashboard-page .program-dashboard-block .program-dashboard-block-inner.center .body1 {
  margin-top: 25px;
  max-width: 60%;
  color: var(--wi-text-secondary);
}
.program-dashboard-page .program-dashboard-block .program-dashboard-block-inner.block-billing {
  padding: 23px 20px;
}
.program-dashboard-page .program-dashboard-block .wicard.card-cpt .cpt-header {
  display: flex;
  justify-content: space-between;
}
.program-dashboard-page .program-dashboard-block .wicard.card-cpt .cpt-progress {
  position: relative;
  left: -8px;
}
.program-dashboard-page .program-dashboard-block .wicard.card-cpt .cpt-tooltip .tooltip-content {
  width: 300px;
}
.program-dashboard-page .heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.program-dashboard-page .buttonInline {
  margin-bottom:  0.5882352941vw;
  padding:  0.4117647059vw 0.5882352941vw 0.2941176471vw 0.5882352941vw;
  border-radius: 8px;
  display: block;
  border: 1px solid var(--wi-action-primary);
  color: var(--wi-action-primary);
}
@media screen and (max-width: 1194px) {
  .program-dashboard-page .buttonInline {
    margin-bottom:  0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .program-dashboard-page .buttonInline {
    margin-bottom:  1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .program-dashboard-page .buttonInline {
    margin-bottom:  2.380952381vw;
  }
}
@media screen and (max-width: 1194px) {
  .program-dashboard-page .buttonInline {
    padding:  0.5862646566vw 0.837520938vw 0.418760469vw 0.837520938vw;
  }
}
@media screen and (max-width: 768px) {
  .program-dashboard-page .buttonInline {
    padding:  0.9114583333vw 1.3020833333vw 0.6510416667vw 1.3020833333vw;
  }
}
@media screen and (max-width: 420px) {
  .program-dashboard-page .buttonInline {
    padding:  1.6666666667vw 2.380952381vw 1.1904761905vw 2.380952381vw;
  }
}
.program-dashboard-page .buttonInline .inner {
  display: flex;
  align-items: center;
  transition: transform 300ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.program-dashboard-page .buttonInline:hover .inner {
  transform: translate3d(5px, 0, 0);
}
.program-dashboard-page .buttonInline .RPMIcons {
  margin-left:  0.2941176471vw;
}
@media screen and (max-width: 1194px) {
  .program-dashboard-page .buttonInline .RPMIcons {
    margin-left:  0.418760469vw;
  }
}
@media screen and (max-width: 768px) {
  .program-dashboard-page .buttonInline .RPMIcons {
    margin-left:  0.6510416667vw;
  }
}
@media screen and (max-width: 420px) {
  .program-dashboard-page .buttonInline .RPMIcons {
    margin-left:  1.1904761905vw;
  }
}
.program-dashboard-page .billing-cells {
  display: flex;
  flex-wrap: wrap;
}
/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.televisit-informations-banner {
  background-color: var(--wi-sharing-background-page);
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  box-sizing: border-box;
  height: 220px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .televisit-informations-banner {
    margin-top: 16px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 1224px) {
  .televisit-informations-banner {
    min-height: 200px;
    height: auto;
  }
}
.televisit-informations-banner .informations-left {
  padding: 32px;
  width: 60%;
}
@media (max-width: 768px) {
  .televisit-informations-banner .informations-left {
    width: 100%;
  }
}
.televisit-informations-banner .informations-image {
  width: 40%;
  max-width: 500px;
  position: relative;
}
@media (max-width: 768px) {
  .televisit-informations-banner .informations-image {
    width: 100%;
  }
}
.televisit-informations-banner .informations-image .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  background: white;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.televisit-informations-banner .informations-image img {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .televisit-informations-banner .informations-image img {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0px;
    height: 200px;
  }
}
/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.televisit-patient-page .televisit-patient-header {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--wi-background-secondary);
  justify-content: space-between;
  padding: 22px 16px;
  gap: 10px;
}
@media (max-width: 768px) {
  .televisit-patient-page .televisit-patient-header {
    flex-direction: column;
  }
}
.televisit-patient-page .televisit-patient-header .header-left {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex: 1;
  gap: 5px;
}
.televisit-patient-page .televisit-patient-header .header-left .expireDate {
  text-align: right;
}
.televisit-patient-page .televisit-patient-header .header-right {
  text-align: right;
  display: flex;
  align-items: center;
  gap: 15px;
}
.televisit-patient-page .wrapper {
  padding: 0px;
}
.televisit-patient-page .televisit-patient-content {
  max-width: 1650px;
  margin: auto;
  padding: 0 32px 32px;
}
@media (max-width: 768px) {
  .televisit-patient-page .televisit-patient-content {
    padding: 0 16px 16px;
  }
}
.televisit-patient-page .patient-section-reasons .reasons-list {
  flex-wrap: wrap;
}
/* SHORTCUTS */
/* MEDIA-QUERIES */
/* CONVERT FUNCTIONS */
.televisit-error-page {
  position: relative;
  height: calc(100vh - 77px);
  width: 100%;
}
.televisit-error-page img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.televisit-error-page .overlay-informations {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .televisit-error-page .overlay-informations {
    display: block;
  }
}
.televisit-error-page .overlay-informations .televisit-informations-banner {
  margin-top: 5%;
}
.televisit-header {
  width: 100%;
  height: 77px;
  padding: 22px 16px;
  background-color: var(--wi-background-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--wi-divider);
}
.televisit-header .withings-logo {
  width: 130px;
}
.televisit-header .withings-logo img {
  width: 100%;
}
.televisit-app {
  background: var(--wi-background-primary);
}
.welcome-back-modal-component {
  text-align: center;
}
.welcome-back-modal-component div:first-child {
  margin-bottom: 1rem;
}