/* Variables */

:root {
  --font-size-xs:12px;
  --font-size-sm:14px;
  --font-size-normal:16px;
  --line-height-xs:16px;
  --line-height-sm:18px;
  --line-height-md:20px;
  --line-height-lg:24px;
  --line-height-xl:36px;
  --font-family-poppins:"Poppins",sans-serif;
  --black:#000;
  --lt-black: #2B2B2B;
  --white: #FFF;
  --secondary-text: #737373;
  --primary-color: #6D2158;
  --primary-base-color: #6D2157;
  --lt-purple-color: #7A5770;
  --grey-color:#DFDFDF;
  --dark-grey-color: #727D89;
  --md-grey-color: #6C7D89;
  --slate-grey-color: #A4A4A4;
  --normal-grey: #6C6C6C;
  --lt-grey-color: #F1F2F4;
  --lt-pink: #F1DEEC;
  --rose-pink-color: #B6AEDB;
  --dark-voilet-color: #0D0630;
  --red-color: #E32727;
  --blue-color:#005a9c;
  --green-color: #369D36;
  --error-color: #e60000;
  --grey-grey-5:#AAB1B8;
  --grey-grey-2: #818A95;
  --icon-btn-color: #8091a3;
  --primary-border-color: #e6e9ed;


  --button-primary-bg: #6D2158;
  --button-primary-text: #FFF;
  --button-primary-disabled-bg: #7A5770;
  --button-primary-focus-box-shadow:0px 0px 0px 2px #3184FD;
  --button-primary-focus-border: #FFF;
  --button-primary-border-color: #6D2158;
  --button-secondary-bg: #FFF;
  --button-secondary-border-color: #6D2158;
  --button-secondary-text-color: #6D2158;

  --button-primary-hover-bg: #6D2158;
  --button-primary-hover-border: #FFF;
  --button-primary-hover-box-shadow:0px 4px 5px 0px rgba(34, 34, 34, 0.08);
  --button-secondary-hover-bg: #FFF;
  --button-secondary-hover-border-color: #6D2158;

  --button-icon-width: 24px;
  --button-icon-min-width: 24px;
  --button-icon-height: 24px;
  --button-icon-max-height: 24px;

  --radio-input-accent-color: #4D173F;
  --input-disable-color: #F5F5F5;
  --input-disable-border: #B9BEC4;
  --input-disable-value: #959595;
  --input-disable-placeholder: #B6B6B6;
  --input-disabled-icon: #C3C1CC;
}

/*Reset */

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins/poppins-light-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins/poppins-light-normal-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-regular-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-regular-italic-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-regular-italic-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-regular-normal-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-medium-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins/poppins-medium-normal-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins/poppins-semibold-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins/poppins-semibold-normal-latin.woff2') format('woff2');
}


@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-bold-italic-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-bold-italic-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-bold-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-bold-normal-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins/poppins-extrabold-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins/poppins-extrabold-normal-latin.woff2') format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-black-normal-latinext.woff2') format('woff2');
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/poppins/poppins-black-normal-latin.woff2') format('woff2');
}

html {
  height: var(--height);
  overflow: hidden;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
  /* Ensures consistent box-sizing */
}

body {
  font-family: 'Poppins', sans-serif;
  color: var(--black);
}

.healow-now-wrapper {
  height: calc(var(--height));
  width: 100vw;
  background: transparent;
  border: none;
  box-sizing: border-box;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  color: var(--black);
}


body.modal-open {
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
}

.healow-now-wrapper .text-secondary {
  color: var(--secondary-text)
}

/* Optionally, you can also disable the 'blue' phone number link styling */
.healow-now-wrapper a[href^="tel:"],
.healow-now-wrapper .no-appearance {
  color: var(--secondary-text);
  /* Remove blue color for links starting with 'tel:' */
  text-decoration: none;
  /* Remove underline */
}

/* common card css */
.healow-now-wrapper .healow-theme-card {
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 4px 16px 0px rgba(35, 103, 120, 0.10);
  padding: 24px;
}

.healow-now-wrapper  .telerequest-section-wrapper .healow-theme-card {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

/* common card css */

.healow-now-wrapper .healow-now-header {
  padding: 10px 25px;
  box-shadow: 0px 0px 15px 0px rgba(42, 75, 97, 0.15);
  background: var(--white);
  height: 69px;
  width: 100%;
  z-index: 11;
  position: relative;
}

.healow-now-wrapper .healow-now-header .container-fluid {
  padding: 0;
}

.healow-now-wrapper nav .header-container .navbar-brand {
  margin-right: 0;
  padding: 0;
}

.healow-now-wrapper .header-container .divider-line {
  margin: 0 16px;
  width: 1px;
  height: 24px;
  background-color: #DFDFDF;
}

.healow-now-wrapper main.main-container {
  width: 100vw;
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.4) 100%),
  conic-gradient(from 270deg at 100% 100%, #fff 0deg, #e9a7d6 360deg);
}

.healow-now-wrapper .healow-now-header .navbar-menu a.nav-menu-link {
  margin: 8px 20px;
}

.healow-now-wrapper .healow-now-header .navbar-menu .menu-item {
  border-right: 1px solid #c9d1d4;
}

.healow-now-wrapper .healow-now-header .navbar-menu .nav-menu-link {
  color: #323232;
  font-size: 13px;
  line-height: 23px;
}

.healow-now-wrapper .healow-now-header .header-help-link {
  color: #323232;
  font-size: 13px;
  line-height: 23px;
  margin: 8px 20px;
  text-decoration: underline;
  font-weight: 500;
}

.healow-now-wrapper .healow-now-header .navbar-brand img {
  height: 50px;
}

.healow-now-wrapper .transparent-btn {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.healow-now-wrapper .healow-now-header .navbar-menu .lang-menu {
  padding: 4px 15px;
  font-weight: 500;
  display: flex;
}

.healow-now-wrapper .healow-now-header .navbar-menu .transparent-btn {
  margin: 0 0 0 5px;
  color: #65778B;
  font-size: 12px;
}

.healow-now-wrapper .lh-26 {
  line-height: 26px;
}

.healow-now-wrapper .lh-24 {
  line-height: 24px !important;
}

.healow-now-wrapper .lh-20 {
  line-height: 20px !important;
}

/* font styles */

.healow-now-wrapper .fnt12 {
  font-size: 12px;
  line-height: 18px;
}

.healow-now-wrapper .fnt14 {
  font-size: 14px;
  line-height: 20px;
}

.healow-now-wrapper .disabled-option-text {
  color: #8E97A1;
}

.healow-now-wrapper .icon.healow-now-icon-info {
  font-size: 20px;
  color: #6C7D89;
}

.healow-now-wrapper .fnt12grey {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--secondary-text);
}

.healow-now-wrapper .fnt12normalgrey {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--normal-grey);
}

.healow-now-wrapper .fnt12ltgrey {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: #616161;
}

.healow-now-wrapper .fnt12medium {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  font-weight: 500;
}

.healow-now-wrapper .fnt12ltblack {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--lt-black);
}

.healow-now-wrapper .fnt12ltblacksemibold {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--lt-black);
  font-weight: 600;
}

.healow-now-wrapper .fnt14ltblackmedium {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  color: var(--lt-black);
  font-weight: 500;
}

.healow-now-wrapper .fnt16whitemedium {
  font-size: var(--font-size-normal);
  line-height: var(--line-height-lg);
  color: var(--white);
  font-weight: 500;
}

.healow-now-wrapper .fnt12primarysemibold {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--primary-color);
  font-weight: 600;
}

.healow-now-wrapper .fnt14primarymedium {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-md);
  color: var(--primary-color);
  font-weight: 500;
}

.healow-now-wrapper .fnt12primary {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--primary-color);
}

.healow-now-wrapper .fnt14semibold {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-md);
  font-weight: 600;
  color: var(--black);
}

.healow-now-wrapper .fnt14medium {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-md);
  font-weight: 500;
  color: var(--black);
}

.healow-now-wrapper .color-primary {
  color: var(--primary-color);
}

/* form styles */

.healow-now-wrapper form {
  color: var(--secondary-text);
  font-size: var(--font-size-xs);
}

.healow-now-wrapper form legend {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
}

/* label styles */

.healow-now-wrapper .h-form-label {
  color: var(--normal-grey);
  font-size: var(--font-size-xs);
  position: relative;
}

.healow-now-wrapper .h-form-label.mandatory::after {
  content: "*";
  position: absolute;
  right: -8px;
  top: -2px;
  color: var(--red-color);
}

/* width classes */

.healow-now-wrapper .min-w-311 {
  min-width: 311px;
}

.healow-now-wrapper .w-168 {
  width: 168px !important;
}

.healow-now-wrapper .w-286 {
  width: 286px;
}

.healow-now-wrapper .w-fit-content {
  width: fit-content;
}

/* button styles */

.healow-now-wrapper .btn-transparent {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}

.healow-now-wrapper .h-btn {
  border-radius: 23px;
  padding: 9px 16px;
  font-weight: 500;
  font-size: var(--font-size-xs);
}

.healow-now-wrapper .h-btn-primary {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
  border: none;
}

.healow-now-wrapper .h-btn-primary:not([disabled]):hover {
  border: 1px solid var(--button-primary-hover-border);
  box-shadow: 0px 4px 5px 0px rgba(34, 34, 34, 0.08);
  padding: 8px 15px;
}

.healow-now-wrapper .h-btn-primary[disabled] {
  background: var(--button-primary-disabled-bg);
  cursor: not-allowed;
  color: var(--slate-grey-color);
}

.healow-now-wrapper .h-btn-primary:focus,
.healow-now-wrapper .h-btn-primary:active {
  box-shadow: var(--button-primary-focus-box-shadow);
  border: 1px solid var(--button-primary-focus-border);
  padding: 8px 15px;
  outline: none;
}

.healow-now-wrapper .h-btn-secondary {
  background-color: var(--button-secondary-bg);
  border: 1px solid var(--button-secondary-border-color);
  color: var(--button-secondary-text-color);
  padding: 8px 16px;
  border-radius: 24px;
}

.healow-now-wrapper .h-btn-secondary:hover {
  box-shadow: 0px 8px 5px 0px rgba(34, 34, 34, 0.04);
}

.healow-now-wrapper .h-btn-secondary:disabled {
  border-color: #C2C3C6;
  color: #B6AEDB;
  cursor: not-allowed;
}

/* Check box style start */
.healow-now-wrapper .checkbox-wrapper {
  display: inline-block;
  padding-left: 22px;
  position: relative;
}

.healow-now-wrapper .checkbox-wrapper.checkbox-inline {
  display: block;
  padding-left: 24px;
  position: relative;
}

.healow-now-wrapper .checkbox-wrapper input {
  position: absolute;
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.healow-now-wrapper .checkbox-wrapper span {
  cursor: pointer;
  margin-right: 10px;
  line-height: 18px;
  font-size: 12px;
  margin-left: 3px;
}

.healow-now-wrapper .checkbox-wrapper span:before {
  content: '';
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  position: absolute;
  display: inline-block;
  border: 1px solid #727D89;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin-top: -1px;
  left: 0px;
  top: 2px;
}

.healow-now-wrapper .checkbox-wrapper input[type="checkbox"]:checked + .form-check-label span:before {
  background-color: #fff;
  border: 1px solid var(--primary-color);
}

.healow-now-wrapper .checkbox-wrapper input:checked+span:after {
  font-family: 'healow-now-icons';
  content: "\e908";
  display: block;
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 12px;
  color: var(--primary-color);
  font-weight: bold;
}

/* radio label button styles */

.healow-now-wrapper .radio-wrapper {
  display: inline-block;
  padding-left: 22px;
  position: relative;
}

.healow-now-wrapper .radio-wrapper.checkbox-inline {
  display: block;
  padding-left: 24px;
  position: relative;
}

.healow-now-wrapper .radio-wrapper input {
  position: absolute;
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.healow-now-wrapper .radio-wrapper span {
  cursor: pointer;
  margin-right: 10px;
  line-height: 18px;
  font-size: 12px;
  margin-left: 3px;
  color: var(--lt-black);
}

.healow-now-wrapper .radio-wrapper span:before {
  content: '';
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  position: absolute;
  display: inline-block;
  border: 1px solid #727D89;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-top: -1px;
  left: 0px;
  top: 2px;
}

.healow-now-wrapper .radio-wrapper input[type="radio"]:checked + span.form-check-label:before {
  background-color: #fff;
  border-color: var(--primary-color);
}

.healow-now-wrapper .radio-wrapper input:checked+span:after {
  content: '';
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  position: absolute;
  display: inline-block;
  background-color: var(--primary-color);
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 0;
  left: 0;
  transform: translate(50%, 50%);
  margin-top: 1px;
}

.healow-now-wrapper .radio-wrapper input[type="radio"]:focus + span.form-check-label:before ,
.healow-now-wrapper .checkbox-wrapper input[type="checkbox"]:focus + .form-check-label span:before,
.healow-now-wrapper .add-fm-btn:focus-visible,
.healow-now-wrapper .edit-info-pencil:focus,
.healow-now-wrapper .btn-transparent:focus,
.healow-now-wrapper .h-btn-secondary:focus,
.healow-now-wrapper .toast-close-btn:focus,
.healow-now-wrapper .transparent-btn:focus {
  box-shadow: 0px 0px 0px 2px #3184FD !important;
  outline: none;
}

.healow-now-wrapper .h-radio-label {
  border: 1px solid var(--dark-grey-color);
  border-radius: 18px;
  background-color: var(--lt-grey-color);
  padding: 7px 12px;
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: var(--line-height-sm);
  display: flex;
  align-items: center;
  color: var(--lt-black);
}

.healow-now-wrapper .h-radio-label:hover {
  box-shadow: 0px 8px 5px 0px rgba(34, 34, 34, 0.04);
}

.healow-now-wrapper .h-radio-label:focus,
.healow-now-wrapper a:focus {
  box-shadow: 0px 0px 0px 2px #3184FD !important;
  outline: none;
  z-index: 1;
}

.healow-now-wrapper .h-radio-label .icon {
  font-size: 16px;
  color: var(--lt-black);
}

.healow-now-wrapper button.icon:focus {
  box-shadow: 0px 0px 0px 2px #3184FD;
  outline: none;
}

.healow-now-wrapper .h-radio-label input[type="radio"] {
  display: none;
}

.healow-now-wrapper input[type="radio"]:checked + .h-radio-label {
  border: 1.5px solid var(--primary-color);
  background-color: var(--white);
  padding: 7px 12px;
  font-weight: 600;
  color: var(--black);
}

.healow-now-wrapper input[type="radio"]:checked + .h-radio-label .icon {
  color: var(--black);
}

/* modal styles */
.healow-now-wrapper .modal {
  height: var(--height);
}

.healow-now-wrapper .modal .modal-header {
  border-bottom: 0px;
  padding: 24px 24px 12px;
}

.healow-now-wrapper .modal-heading {
  font-size: var(--font-size-normal);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-lg);
  color: var(--dark-voilet-color);
}

.healow-now-wrapper .modal .modal-content {
  -webkit-overflow-scrolling: touch;
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 5px 20px 0px rgba(23, 70, 107, 0.10);
}

.healow-now-wrapper .modal .modal-header .healow-now-icon-close {
  cursor: pointer;
}

.healow-now-wrapper .modal .modal-header .healow-now-icon-close:before {
  color: #6C7D89 !important;
}

.healow-now-wrapper .modal .modal-dialog {
  height: var(--height);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.healow-now-wrapper .w434-modal .modal-dialog {
  width: 434px;
  max-width: 434px;
}

.healow-now-wrapper .modal.w620-modal .modal-dialog{
  width: 620px;
  max-width: 620px;
}

.healow-now-wrapper .modal.w578-modal .modal-dialog{
  width: 578px;
  max-width: 578px;
}

.healow-now-wrapper .modal.w420-modal .modal-dialog{
  width: 420px;
  max-width: 420px;
}

.healow-now-wrapper .modal.w327-modal .modal-dialog {
  width: 327px;
  max-width: 327px;
}

.healow-now-wrapper .modal.w620-modal .modal-content{
  height: 520px;
}

.healow-now-wrapper .modal.w820-modal .modal-dialog{
  width: 820px;
  max-width: 820px;
}

.healow-now-wrapper .modal.w820-modal .modal-content{
  height: 586px;
}

.healow-now-wrapper .modal.w820-modal .modal-content .modal-body{
  height: calc(100% - 157px);
}

.healow-now-wrapper .modal .modal-dialog .modal-body {
  padding: 12px 24px 24px;
}

.healow-now-wrapper .modal .modal-dialog .modal-footer {
  padding: 12px 24px;
  border-top-color: #DFDFDF;
}

/* Custom modal css */

.clinical-setup-wrapper.healow-now-wrapper.logged-in .confirmation-alert .modal-body {
  margin-top: 7px;
  margin-bottom: 32px;
}

.clinical-setup-wrapper.healow-now-wrapper.logged-in .modal.confirmation-alert .modal-dialog,
.clinical-setup-wrapper.healow-now-wrapper.logged-in .modal.confirmation-alert .modal-content {
  max-width: 373px;
}

.clinical-setup-wrapper.healow-now-wrapper.logged-in .modal.confirmation-alert .modal-content {
  padding-bottom: 19px !important;
}

.clinical-setup-wrapper.healow-now-wrapper.logged-in .modal-footer>* {
  margin: 0
}

.healow-now-wrapper .modal.confirmation-alert .modal-content {
  max-width: 301px;
  border-radius: 20px;
  border-color: #F8F8F9;
  box-shadow: 0px 2px 10px 0px rgba(78, 195, 224, 0.15);
}

.healow-now-wrapper .modal.confirmation-alert .modal-dialog {
  max-width: 340px;
}

.healow-now-wrapper .modal.confirmation-alert .modal-content .modal-body {
  padding: 30px;
}

.healow-now-wrapper .modal.confirmation-alert .modal-content .modal-body .green-check-wrapper {
  width: 40px;
  height: 40px;
  background: #369D36;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 900;
}

.healow-now-wrapper .modal.confirmation-alert .modal-content .modal-body .green-check-wrapper .icon-check-bold {
  font-size: 20px;
}

.healow-now-wrapper .modal.modal-vital .modal-content {
  max-width: 574px;
}

.healow-now-wrapper .modal.modal-vital .modal-dialog {
  max-width: 574px;
}

.healow-now-wrapper .modal.modal-vital .modal-body {
  height: 335px;
}

.healow-now-wrapper .modal.modal-vital .modal-body .blue-bg {
  border-radius: 8px;
  background: #EEF9FC;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 7px 8px;
}

.healow-now-wrapper .modal.modal-vital .modal-body .custom-lg-btn {
  display: flex;
  width: 46px;
  min-height: 36px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #727D89;
  background: #F1F2F4;
}

.healow-now-wrapper .modal.modal-vital .modal-body .custom-lg-btn .icon {
  font-size: 20px;
  color: #6C7D89;
}

.healow-now-wrapper .modal.modal-vital .modal-body .custom-lg-btn+.form-control {
  width: 46px;
  height: 36px;
  font-size: 12px;
  text-align: center;
}

.healow-now-wrapper .modal.modal-vital .modal-body .form-control {
  height: 36px;
  font-size: 12px;
  text-align: center;
}

.healow-now-wrapper .modal.modal-vital .modal-body .w29 {
  width: 29%;
}

.healow-now-wrapper .toast {
  display: none;
  border-radius: 8px;
  border: 1px solid #369D36;
  background: #FFF;
  z-index: 1111;
  box-shadow: 0px 4px 16px 0px rgba(35, 103, 120, 0.10);
  padding: 10px 12px;
  width: auto;
  height: 40px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  opacity: 1 !important;
}

.healow-now-wrapper .error-txt {
  color: #CF1A1A;
}

.healow-now-wrapper .txt-underline {
  text-decoration: underline;
}


.healow-now-wrapper .success-txt {
  color: var(--green-color);
}

.healow-now-wrapper .toast .healow-now-icon-check-circle {
  font-size: 20px;
  color: #369D36;
  margin-right: 6px;
}

.healow-now-wrapper .toast .healow-now-icon-close {
  font-size: 12px;
  background: none;
  color: #0D0630;
  margin: 0px;
}

.healow-now-wrapper .hgt-100p{
  position: relative;
  max-height: 100%;
}

.healow-now-wrapper .color-purple {
  color: var(--dark-voilet-color);
}

.healow-now-wrapper .form-group .form-label {
  color: #6C6C6C;
  font-size: 12px;
}

.healow-now-wrapper .black-middle-sec{
  background: #333;
  padding: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 427px;
}

.healow-now-wrapper .modal-body .col-lg-12 .row [class^="col-"]:first-child{
  padding-left: 16px;
}

.healow-now-wrapper .modal-body .col-lg-12 .row [class^="col-"]:last-child{
  padding-right: 16px;
}

.healow-now-wrapper .modal-body form .form-group {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.healow-now-wrapper.linuxOs .modal .modal-dialog:not(.modal-dialog-centered,.modal-fullscreen),
.healow-now-wrapper.iPad .modal .modal-dialog:not(.modal-fullscreen.modal-dialog,.modal-dialog-centered) {
  align-items: flex-start;
  padding-top: 20px;
}

.healow-now-wrapper .holiday-modal .modal-content{
  height: 390px;
}

/* modal styles ends */

/* Input styles */

.healow-now-wrapper input[type="text"].form-control,
.healow-now-wrapper input[type="tel"].form-control{
  border-radius: 8px;
  border: 1px solid var(--dark-grey-color);
  background: var(--white);
  padding: 8px 12px;
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: var(--line-height-sm);
}

.healow-now-wrapper input[type="email"].form-control {
  border-radius: 8px;
  border: 1px solid var(--dark-grey-color);
  background: var(--white);
  padding: 8px 12px;
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: var(--line-height-sm);
}

.healow-now-wrapper input[type="text"].form-control.disabled,
.healow-now-wrapper input[type="tel"].form-control.disabled{
  background: var(--grey-color) !important;
  cursor: not-allowed;
}

.healow-now-wrapper input[type="text"].form-control:disabled,
.healow-now-wrapper input[type="tel"].form-control:disabled{
  background: var(--input-disable-color);
}

.healow-now-wrapper .form-floating input[type="text"].form-control:disabled,
.healow-now-wrapper .form-floating input[type="tel"].form-control:disabled{
  border-color: var(--input-disable-border);
  background: var(--input-disable-color);
  color: var(--input-disable-value);
  cursor: no-drop;
}

.healow-now-wrapper .datepicker:has(input:disabled) button.icon {
  background: var(--input-disable-color);
  cursor: no-drop;
}

.healow-now-wrapper .datepicker:has(input:disabled) button.icon > .icon {
  color: var(--input-disabled-icon);
  cursor: no-drop;
}

.healow-now-wrapper .datepicker:has(input:disabled) .input-group {
  border-color: var(--input-disable-border);
  cursor: no-drop;
}

@supports not selector(:has(*)) {
    .healow-now-wrapper .datepicker input:disabled ~ button.icon {
        background: var(--input-disable-color);
        cursor: no-drop;
        pointer-events: none;
    }

    .healow-now-wrapper .datepicker input:disabled ~ button.icon > .icon {
        color: var(--input-disabled-icon);
        cursor: no-drop;
    }

    .healow-now-wrapper .datepicker input:disabled {
        border-color: var(--input-disable-border);
        cursor: no-drop;
    }
}

.healow-now-wrapper .form-floating input[type="text"].form-control:disabled,
.healow-now-wrapper .form-floating input[type="tel"].form-control:disabled{
  border-color: #E5E5E5;
}

.healow-now-wrapper .form-floating .select2-container--default.select2-container--disabled .select2-selection--single {
  border-color: var(--input-disable-border);
  background-color: #FFF;
}

.healow-now-wrapper input.form-control:focus {
  box-shadow: 0px 0px 0px 2px #3184FD;
}

.healow-now-wrapper .form-floating input[type="text"].form-control,
.healow-now-wrapper .form-floating input[type="tel"].form-control{
  height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--dark-grey-color);
  background: var(--white);
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: var(--line-height-sm);
}

.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control{
  border: none;
}

.healow-now-wrapper .form-floating input[type="text"].form-control:focus~label,
.healow-now-wrapper .form-floating input[type="text"].form-control:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating input[type="tel"].form-control:focus~label,
.healow-now-wrapper .form-floating input[type="tel"].form-control:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:not(:placeholder-shown)~label{
  transition: 0.2s all;
  background: #fff;
  opacity: 1 !important;
  transform: translateY(-22px) translateX(0.15rem);
  width: auto;
  padding: 2px 4px;
}

.healow-now-wrapper .form-floating input[type="text"].form-control:disabled:focus~label,
.healow-now-wrapper .form-floating input[type="text"].form-control:disabled:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:disabled:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:disabled:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating input[type="tel"].form-control:disabled:focus~label,
.healow-now-wrapper .form-floating input[type="tel"].form-control:disabled:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:disabled:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:disabled:not(:placeholder-shown)~label{
  color: var(--input-disable-placeholder);
}

.healow-now-wrapper input[type="text"].form-control:disabled::placeholder,
.healow-now-wrapper input[type="tel"].form-control:disabled::placeholder{
  color: var(--input-disable-placeholder);
}

.healow-now-wrapper .form-floating.is-invalid .h-form-label {
  transition: 0.2s all;
  background: #fff;
  opacity: 1 !important;
  transform: translateY(-22px) translateX(0.15rem);
  width: auto;
  padding: 2px 4px;
  color: #E32727;
}
.healow-now-wrapper .invalid-flag .invalid-text {
  line-height: 18px;
  color: #E32727;
  font-size: 12px;
}


.healow-now-wrapper .form-floating .invalid-flag {
  display: none;
}

.healow-now-wrapper .form-floating.is-invalid .invalid-flag {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.healow-now-wrapper .form-floating .invalid-flag .healow-now-icon-alert {
  font-size: 16px;
  color: #E32727;
  margin-right: 4px;
}

.healow-now-wrapper .form-floating .invalid-flag .invalid-text {
  line-height: 18px;
  color: #E32727;
  font-size: 12px;
}

.healow-now-wrapper .label-float-active,
.healow-now-wrapper .invalid-float {
  transition: 0.2s all;
  background: #fff;
  opacity: 1 !important;
  transform: translateY(-22px) translateX(0.15rem);
  width: auto;
  padding: 2px 4px;
}

.healow-now-wrapper .label-float-active {
  transform: translateY(-20px) translateX(0.15rem);
}

.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="text"].form-control:not(:placeholder-shown)~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:focus~label,
.healow-now-wrapper .form-floating .datepicker input[type="tel"].form-control:not(:placeholder-shown)~label{
  top: 9px;
}

.healow-now-wrapper .form-floating input[type="text"].form-control:focus::placeholder,
.healow-now-wrapper .form-floating input[type="tel"].form-control:focus::placeholder{
  color: transparent;
}

.healow-now-wrapper .form-floating label.h-form-label {
  opacity: 0;
  left: 8px;
  line-height: 15px;
  pointer-events: none;
  position: absolute;
  z-index: 9;
  top: 9px;
  width: auto;
  height: auto;
  font-size: 12px;
  background-color: transparent;
  padding: 0 4px;
  transition: 0.2s all;
}

.healow-now-wrapper .form-floating .select2-container--focus .select2-selection__placeholder {
  display: none !important;
}

.healow-now-wrapper .form-floating label.h-form-label.bg-white {
  background-color: #FFF;
}

.healow-now-wrapper .form-floating.is-invalid input[type="text"].form-control,
.healow-now-wrapper .form-floating.is-invalid input[type="tel"].form-control,
.healow-now-wrapper .form-floating.is-invalid .datepicker .group.input-group,
.healow-now-wrapper .form-floating.is-invalid .select2-container--default .select2-selection--single {
  border-color: #E32727;
}

.healow-now-wrapper input[type="radio"] {
  font-size: 16px;
  accent-color: var(--radio-input-accent-color);
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.healow-now-wrapper input[type="text"].form-control::placeholder,
.healow-now-wrapper input[type="tel"].form-control::placeholder{
  color: #757575 !important;
  line-height: 18px !important;
}

/* datepicker field styles */

.healow-now-wrapper .datepicker {
  position: relative;
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: var(--line-height-sm);
}

.healow-now-wrapper .datepicker .group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  border: 1px solid var(--dark-grey-color);
  border-radius: 8px !important;
  padding: 0 0px;
  margin-top: 4px;
}

.healow-now-wrapper .datepicker .group>input {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  line-height: 20px;
  padding: 0;
  padding-left: 10px;
  padding-right: 35px;
  font-size: 12px;
  height: 34px !important;
  border: 0;
  margin: 0;
  background-color: white;
  border-color: var(--dark-grey-color);
  color: var(--lt-black);
  border-radius: 8px !important;
}

.healow-now-wrapper .datepicker button.icon {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 4px 8px;
  border: 0 solid #005a9c;
  background-color: white;
  border-radius: 0 8px 8px 0 !important;
  right: 0px;
  height: 100%;
  z-index: 10;
}

.healow-now-wrapper .datepicker button.icon .icon {
  font-size: 20px;
}

/* icon styles */

.healow-now-wrapper .icon {
  display: inline-block;
  margin: 4px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  color: var(--md-grey-color);
  font-size: 14px;
}

.healow-now-wrapper .mr6px {
  margin-right: 6px;
}

/* select 2  custom css */

.healow-now-wrapper .select2-container {
  z-index: 1070;
}

.healow-now-wrapper .select2-container.select2 {
  min-width: 100px;
  width: 100% !important;
  z-index: 9;
}

.healow-now-wrapper .select2-container.select2.select2-container--open .select2-selection--single,
.healow-now-wrapper .select2-container--focus .select2-selection--single {
  box-shadow: 0px 0px 0px 2px #3184FD;
  outline: none;
}

.healow-now-wrapper .modal .modal-content .select2-container.select2 {
  z-index: 10000;
}

.healow-now-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 12px;
  padding-right: 36px;
}

.healow-now-wrapper .select2-container--default .select2-selection--single {
  height: 36px;
  border-color: var(--dark-grey-color);
  border-radius: 8px !important;
}

.healow-now-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--lt-black);
  line-height: 34.75px;
  font-size: 12px;
}

.healow-now-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  right: 9.5px;
  top: 1.5px;
}

.healow-now-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
.healow-now-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-style: none;
  border-bottom: 1.5px solid var(--black);
  border-right: 1.5px solid var(--black);
  content: "";
  display: block;
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -65%) rotate(45deg);
  width: 9px;
}

.healow-now-wrapper .select2-results__option:hover,
.healow-now-wrapper .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.healow-now-wrapper .select2-container--default .select2-results__option--selected {
  background: var(--primary-color);
  color: var(--white);
}

.healow-now-wrapper .select2-container--open .select2-dropdown {
  background-color: var(--white);
  border: 1px solid var(--grey-color);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px rgba(35, 103, 120, 0.10);
  top: 2px;
}

.healow-now-wrapper .select2-results__option {
  padding: 9px 10px;
  font: 400 12px/18px 'Poppins',sans-serif;
  color: var(--lt-black);
}


.healow-now-wrapper .popover {
  opacity: 1;
  border-radius: 12px;
  border: 1px solid var(--grey-color);
  background: var(--white);
  box-shadow: 0px 5px 20px 0px rgba(144, 187, 197, 0.2);
  font-family: "Poppins", sans-serif;
}

.healow-now-wrapper .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--grey-color);
}

.healow-now-wrapper .select2-results__option--disabled {
  color: #8E97A1;
  cursor: not-allowed;
}

.healow-now-wrapper .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--grey-color);
}

.healow-now-wrapper .select2-results__option:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.healow-now-wrapper .select2-results__option:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* select 2 css ends */

/* customization css for scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 14px;
  border-radius: 24px;
}

::-webkit-scrollbar-button {
  background-size: 100%;
  height: 10px;
  width: 10px;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-button:end {
  display: block;
}

::-webkit-scrollbar-button:start {
  display: block;
}

::-webkit-scrollbar-button:end:vertical:decrement {
  display: none;
}


::-webkit-scrollbar-button:start:vertical:increment {
  display: none;
}

::-webkit-scrollbar-button:end:horizontal:decrement,
::-webkit-scrollbar-button:start:horizontal:increment {
  display: none;
}

::-webkit-scrollbar-button:horizontal:increment {
  /* Right */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgBfZDLDYAgEERRGrAUzwQSqEA71BK0Ag8khKMdaAk2ALocTFZhmQNDNi+zH8aQtNYdI9S+H6XUGEI4hBB9FbTWLmAr53wrwc2/AMkz2ADpxjm3kyAFt6ysOz0xxiubEaVNYGkx470/i60xhOf7JEopNQVlqh38AXGlOVaBWH7XAAAAAElFTkSuQmCC');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

::-webkit-scrollbar-button:horizontal:decrement {
  /* Left */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB7SURBVHgBhZDLCYAwDIarWcARHMFzaSFOoCPohjqBQku9uoF7FIrGg1C10f+S10deQjBCxCKO8xQkpaxCCJtSClnwhABgIne01s5XPuMgY0wX1yDaqSSzpKDbaO/9tfwuEuJGD9S1Z8Ev+HW1c26l19TktlrrRvzp+fADQKUsaHdPzLQAAAAASUVORK5CYII=');
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

::-webkit-scrollbar-button:vertical:increment {
  /* Down */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgBdY7NCYAwDIVTu4Aj6AaeSwtxg67gZK7gBhYKPbuBK7hAwaRUiEXfJeG9Lz8AJGstwo+cc56rQsQ+53xSv8UYlwZaqXit9diFEC4CZzZq8II4Y0Y9gTFmosmdN1erQCmlo5yWpwQMEvoU/TzwQOvfX3cuq6AuU/gAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}

::-webkit-scrollbar-button:vertical:decrement {
  /* Up */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB0SURBVHgBdYyxCYAwEEUTj4ClfSo3sA4JnBPoCI7mCk5gEUirG9hkABcImICR48Df3L93jwPBYowZtNZtjPGmvOESAOxKqaN0epNcynV70ZRSGkMI5ydSyXu/FOacW6ksEbHLy0WlmirnJ30Fs/iJtRbLfAAWGyoJNjT94wAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100%;
}

::-webkit-scrollbar-track {
  background: #D6D6D6;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: #989898;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

::-webkit-scrollbar-thumb:hover {
  background: #989898;
}

::-webkit-scrollbar-thumb:active {
  background: #808080;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* scroll bar custom css ends */

.healow-now-wrapper .healow-now-icon-menu::before,
.healow-now-wrapper .side-menu .healow-now-icon-close::before {
  color: var(--black);
  display: none;
  height: 24px;
  width: 24px;
}

.healow-now-wrapper .side-menu {
  position: fixed;
  top: 0;
  left: -79%;
  width: 79%;
  height: var(--height, 100%);
  background-color: var(--white);
  color: white;
  padding: 15px 26px;
  box-shadow: 0px 10px 15px 0px rgba(42, 75, 97, 0.15);
  transition: left 0.3s ease;
  display: none;
  z-index: 1041;
}

/* When the menu is open */
.healow-now-wrapper .side-menu.open {
  left: 0;
}

.healow-now-wrapper .side-menu .nav-menu-list {
  margin: 0;
  padding: 0;
}

.healow-now-wrapper .side-menu li {
  padding: 8px 0;
  margin-bottom: 24px;
  font-size: 13px;
  color: #323232;
  list-style: none;
  line-height: 23px;
}

.healow-now-wrapper .side-menu li .healow-now-icon-Chevrondown {
  color: #65778B;
  font-size: 12px;
}

.healow-now-wrapper .side-menu li a {
  color: #323232;
  line-height: 23px;
}

/* custom spacing classes */
.healow-now-wrapper .mt12px {
  margin-top: 12px;
}

.healow-now-wrapper .mt2px {
  margin-top: 2px;
}

.healow-now-wrapper .mb20px {
  margin-bottom: 20px;
}

.patient-not-found-warn {
  padding: 0.5rem !important;
}

.patient-not-found-warn .healow-now-icon-alert {
  margin-right: 5px;
  color: #664d03 !important;
}

.healow-now-wrapper input[type="text"].form-control.disabled,
.healow-now-wrapper input[type="tel"].form-control.disabled{
  background: #eee;
  cursor: not-allowed;
}

.healow-now-wrapper .form-floating input[type="text"].form-control.disabled,
.healow-now-wrapper .form-floating input[type="tel"].form-control.disabled{
  border-color: #E5E5E5 !important;
  background-color: #FFF !important;
  cursor: not-allowed;
}

.healow-now-wrapper .form-floating .select2-container--default.select2-container--disabled .select2-selection--single {
  border-color: var(--input-disable-border);
  background-color: #FFF;
  cursor: not-allowed;
}

.healow-now-wrapper .tele-visit-not-available-modal .locations-closed-mssg,
.healow-now-wrapper .tele-visit-not-available-modal.locations-closed-modal .cant-request-mssg,
.healow-now-wrapper.missed-appointment-view .while-waiting-details,
.healow-now-wrapper.missed-appointment-view .wait-time-counter,
.healow-now-wrapper .missed-appointment-content,
.healow-now-wrapper .missed-appointment-content-2,
.healow-now-wrapper .cancelled-appointment-content,
.healow-now-wrapper.missed-appointment-view-2 .while-waiting-details,
.healow-now-wrapper.missed-appointment-view-2 .wait-time-counter,
.healow-now-wrapper .request-new-appointment,
.healow-now-wrapper.appointment-cancelled-view .while-waiting-details,
.healow-now-wrapper.appointment-cancelled-view .wait-time-counter,
.healow-now-wrapper.appointment-cancelled-view .invite-contact-wrapper,
.healow-now-wrapper.missed-appointment-view-2 .invite-contact-wrapper {
  display: none;
}

.healow-now-wrapper .tele-visit-not-available-modal .cant-request-mssg,
.healow-now-wrapper .tele-visit-not-available-modal.locations-closed-modal .locations-closed-mssg,
.healow-now-wrapper.missed-appointment-view .missed-appointment-content,
.healow-now-wrapper.missed-appointment-view-2 .missed-appointment-content-2,
.healow-now-wrapper.appointment-cancelled-view .cancelled-appointment-content {
  display: block;
}

.healow-now-wrapper .tele-visit-not-available-modal .modal-content .modal-body {
  padding: 12px 24px 18px;
}

.healow-now-wrapper .cancel-request-modal .modal-content {
  height: 182px;
  max-height: 182px;
}

.healow-now-wrapper .cancel-request-modal.modal .modal-dialog .modal-body {
  padding: 4px 24px 16px;
}

.healow-now-wrapper .cancel-request-modal.modal .desktop-heading,
.healow-now-wrapper.missed-appointment-view-2 .request-new-appointment,
.healow-now-wrapper.appointment-cancelled-view .request-new-appointment {
  display: flex;
}

.healow-now-wrapper .request-new-appointment {
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 18px;
}

.healow-now-wrapper .cancel-request-modal.modal .mobile-heading {
  display: none;
}

.healow-now-wrapper.request-cancelled-view .provider-assignment-wrap,
.healow-now-wrapper .request-cancelled-wrap {
  display: none;
}

.healow-now-wrapper.request-cancelled-view .request-cancelled-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), conic-gradient(from 270deg at 100% 100%, #FFF 0deg, #E9A7D6 360deg);;
}

.healow-now-wrapper.request-cancelled-view .request-cancelled-wrap .request-cancelled-card {
  display: flex;
  padding: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  border-radius: 16px;
  background: #FFF;
  width: 447px;
  height: 350px;
  text-align: center;
  box-shadow: 0px 6px 23px 0px rgba(13, 6, 48, 0.16);
}

.healow-now-wrapper.request-cancelled-view .request-cancelled-wrap .cancelled-icon-wrap {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 51px;
  background: #EFDCE9;
}

.healow-now-wrapper.request-cancelled-view .cancelled-icon-wrap .icon {
  cursor: unset;
}

.healow-now-wrapper.request-cancelled-view .cancelled-icon-wrap .icon::before {
  font-size: 38px;
  line-height: 38px;
  color: #6D2157;
}

.healow-now-wrapper.room-for-invited-guest .hardware-check-actions .healow-check-button .error.result-icon::before,
.healow-now-wrapper.limit-reached-view .hardware-check-actions .healow-check-button .error.result-icon::before {
  content: "\e907";
  color: var(--green-color);
  font-size: 16px;
}

.healow-now-wrapper.room-for-invited-guest .video-call-controls,
.healow-now-wrapper.limit-reached-view .video-call-controls {
  bottom: 6px;
}

.healow-now-wrapper .video-call-controls .control-btn.healow-now-icon-video-off::before {
  font-size: 18px;
  width: 24px;
  line-height: 24px;
}

.healow-now-wrapper.room-for-invited-guest .video-call-controls .control-btn.healow-now-icon-microphone::before,
.healow-now-wrapper.limit-reached-view .video-call-controls .control-btn.healow-now-icon-microphone::before {
  font-size: 20px;
  width: 24px;
  line-height: 24px;
}

.healow-now-wrapper #family-members-container {
  margin-top: 24px;
}

.healow-now-wrapper.room-for-invited-guest .while-waiting-details,
.healow-now-wrapper.limit-reached-view .while-waiting-details,
.healow-now-wrapper.request-cancelled-view .while-waiting-details {
  display: none;
}

.healow-now-wrapper.empty-member-list-view #addFamilyMemberModal #family-members-container {
  display: none;
}
.healow-now-wrapper .fnt16orangemedium {
  font-size: var(--font-size-normal);
  line-height: var(--line-height-lg);
  color: #A23C01;
  font-weight: 500;
}
.healow-now-wrapper .fnt12normalgrey {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--normal-grey);
}

.healow-now-wrapper.empty-member-list-view #addFamilyMemberModal .add-family-form {
  display: flex;
}

.healow-now-wrapper.empty-member-list-view #addFamilyMemberModal .invite-headings,
.healow-now-wrapper.empty-member-list-view #addFamilyMemberModal #cancelFormBtn {
  display: none;
}

.healow-now-wrapper .color-orange {
  color: #A23C01;
}
.healow-now-icon-unavailable:before {
  content: "\e926";
}
.healow-now-icon-no-show2:before {
  content: "\e927";
}
.healow-now-wrapper .please-stay-connected-content .light-orange-pill-rounded {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #FFEAEA;
  color: #E32727;
}
.healow-now-wrapper.request-cancelled-view .cancelled-icon-wrap .icon::before {
  font-size: 38px;
  line-height: 38px;
  color: #6D2157;
}

.healow-now-icon-video-cancelled:before {
  content: "\e924";
}
.healow-now-chat-icon{
  display: flex;
  margin-left: -5px;
}

.pt25{
  padding-top: 25px;
}

#invitePopupWrapper .phone-number-dd{
    width: 220px !important;
}

#inviteErrorstatus{
    display: flex;
}