BODY {
  font-size: 1rem;
}
#affiliate-page .f-42 {
  font-size: 42px;
}
#affiliate-page .btn {
  border-radius: 2rem;
}
.pl-20p {
  padding-left: 20%;
}
.bg-light-org {
  padding: 5px 34px;
  color: #ff7400;
  background-color: #fff3ea;
  font-size: 17px;
  border-radius: 1rem;
}
.maxh-100 {
  max-height: 100vh;
}

/* patient dashboard affiliate  */

.fixed-height {
  height: calc(100vh - 115px);
  overflow-y: auto;
}
.credit {
  padding: 5px 34px;
  color: #ff7400;
  background-color: #fff3ea;
  font-size: 17px;
  border-radius: 1rem;
}
/* 
h1 { font-size: clamp(1.875rem, 100%qww, 3rem); }
h2 { font-size: clamp(1.375rem,1.5rem); }
h3 { font-size: clamp(1rem,1.17rem); }
h4 { font-size: clamp(0.995rem,1.12rem); }
h5 { font-size: clamp(0.705rem,.83rem); }
h6 { font-size: clamp(0.625rem,.75rem); } */

#affiliate-page p.title {
  font-size: clamp(1rem, -0.875rem + 8.333333vw, 3.5rem);
}
.process {
  position: relative;
}
.affiliate-box {
  background-image: url("../images/affiliate.png");
  background-size: cover;
  border-radius: 1rem;
  color: #fff;
  margin-bottom: 3rem;
  min-height: 237px;
}
.affiliate-box h2 {
  font-size: 34px !important;
  margin-bottom: 1.5rem;
}
.affiliate-box p {
  font-size: 20px !important;
}
.affiliate-box .business-discription {
  max-width: 620px;
}
.affiliate-box-1 {
  border-radius: 1rem;
  background-color: #f5ffff;
  padding: 2rem;
  margin-top: 2rem;
}
.affiliate-box-1 h3 {
  color: #293450;
  font-size: 24px;
  margin-bottom: 20px;
}
.affiliate-box-1 h6 {
  color: #293450;
  opacity: 0.6;
  line-height: 1.7;
  font-size: 18px;
}
.affiliate-icon {
  padding: 1rem;
  background-color: #cfdcee;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  margin-bottom: 20px;
  margin-top: 20px;
  z-index: 1;
  position: relative;
}
.affiliate-icon > img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 65px;
  display: block;
}
.img-icon::after
/* .img-icon::before */ {
  content: "";
  /* border-top: 1px dotted #293450; */
  width: 80%;
  position: absolute;
  top: 50%;
  height: 1px;
  background-image: linear-gradient(
    to right,
    #000 35%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 7px 2px;
  background-repeat: repeat-x;
}
.img-icon::after {
  right: 0%;
}
.img-icon::before {
  /* left: -53%; */
}
.affiliate-box-1 .row .col-lg-4:nth-child(1) .process .img-icon::before,
.affiliate-box-1 .row .col-lg-4:nth-child(3) .process .img-icon::after {
  content: "";
  display: none;
}
.arrow-r {
  position: absolute;
  top: 20%;
  left: 55%;
  background: #f5ffff;
  padding: 0 1rem;
  z-index: 2;
}
/* error msg add */
span.error-msg {
  margin-top: -15px;
  display: block;
  font-size: 12px;
  color: red;
  line-height: 10px;
}
.edit-input-wrp {
  position: relative;
  height: 100px;
}
.h-auto {
  height: auto;
}
.for-web .edit-input-wrp.radio-label label {
  top: 0;
}
span.mt-10 {
  margin-top: 10px;
}
@media (min-width: 992px) and (max-width: 1800px) {
  .w-lg-50 {
    max-width: 50%;
  }
  .arrow-r img {
    width: 25px;
  }
  #affiliate-page .p-5 {
    padding: 2rem !important;
  }
  .affiliate-box {
    min-height: auto;
  }
  .affiliate-box h2 {
    margin-bottom: 0.5rem;
  }
  #affiliate-page .p-4 {
    padding: 1rem !important;
  }
  .dashboard-header {
    min-height: 64px;
  }
  .affiliate-box p {
    font-size: 14px !important;
  }
  .affiliate-page h5 {
    font-size: 16px !important;
  }
  .affiliate-icon > img {
    max-height: 30px;
  }
  .affiliate-icon {
    padding: 0.5rem;
    height: 40px;
    width: 40px;
  }
  .affiliate-box h2 {
    font-size: 20px !important;
    margin-bottom: 0.5rem;
  }
  .affiliate-box-1 h3 {
    font-size: 16px !important;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .affiliate-box-1 h6 {
    font-size: 14px !important;
  }
  #affiliate-page .fs-16 {
    font-size: 14px !important;
  }
  #affiliate-page .f-42 {
    font-size: 32px;
  }
  span.mt-10 {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .fixed-height {
    height: auto;
  }
  .arrow-r {
    display: none;
  }
  .affiliate-box p {
    font-size: 14px !important;
  }
  #affiliate-page .p-5 {
    padding: 1rem !important;
  }
  .mobile-active .affiliate-box {
    margin: 1rem !important;
    min-height: 157px;
    background-image: url("../images/affiliate-mobile.png");
    margin-bottom: 2rem !important;
  }
  .affiliate-box-1 {
    margin-top: 1rem;
    padding-top: 3rem;
  }
  .affiliate-page h1,
  .affiliate-page h5 {
    text-align: center;
  }
  .affiliate-page h1 {
    font-size: 24px;
  }
  .affiliate-page h5 {
    margin-top: 0.5rem;
    font-size: 14px !important;
  }
  .affiliate-icon {
    padding: 0.5rem;
    height: 50px;
    width: 50px;
    margin-top: 0;
  }
  .affiliate-icon > img {
    max-height: 38px !important;
  }
  .process {
    display: flex;
    align-items: start;
  }
  .affiliate-box h2 {
    font-size: 24px !important;
    margin-bottom: 0.5rem;
  }
  .affiliate-box-1 h3 {
    font-size: 18px !important;
    line-height: 20px;
    margin-left: 1.5rem;
  }
  .affiliate-box-1 h6 {
    font-size: 14px !important;
    margin-left: 1.5rem;
  }
  .affiliate-box-1 .col-lg-4:not(:last-child) {
    padding-bottom: 3rem;
  }
  .affiliate-box-1 h3 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .img-icon::after {
    content: "";
    width: 1px;
    position: absolute;
    top: 50px;
    left: 25px;
    height: calc(100% + 100px);
    background-image: linear-gradient(
      to bottom,
      #000 45%,
      rgba(255, 255, 255, 0) 0%
    );
    background-position: top;
    background-size: 2px 7px;
    background-repeat: repeat-y;
  }
  .process .w-75 {
    width: 100% !important;
  }
  .business-discription {
    font-size: 13px !important;
  }
}
@media (min-width: 1800px) {
  .edit-input-wrp {
    position: relative;
    height: 100px;
  }
}
/* new header css */
@media (min-width: 1920px) {
  .sidebar-fixed,
  .logo__div {
    min-width: 353px;
  }
}

/* 16-8-2021 */
/* responsive view of profile page */
@media screen and (min-width: 992px) and (max-width: 1800px) {
  /* webview */

  /* profile */
  #profile h2.c-font-1 {
    font-size: clamp(18px, 1.25vw, 1.75em);
  }
  .profile_image img {
    height: 70px;
    width: 70px;
  }
  .user-name {
    font-size: clamp(26px, 1.25vw, 40px);
  }
  .profile-small-img img {
    height: 16px;
    width: 16px;
  }
  .profile-small-typo {
    font-size: 12px;
    color: #44444480;
  }
  #profile .c-font-6 {
    font-size: 12px;
  }
  .details-icon {
    height: 38px;
    width: 38px;
    min-height: 32px;
    min-width: 32px;
    border-radius: 10px;
  }
  .details-icon img {
    height: 16px;
    width: 16px;
  }
  #profile .c-font-5 {
    font-size: 13px;
  }
  .profile-up hr {
    height: 60px;
    width: 1px;
  }
  .br-10 {
    border-radius: 10px !important;
  }
  .br-3 {
    border-radius: 3rem;
  }
  .health_tab_btn span span img {
    width: 20px;
  }
  .health_tab_btn span h3 {
    font-size: 14px;
  }
  .history_edit_btn {
    width: 20px;
    height: 20px;
  }
  .health_tab_btn:after {
    content: url(../images/down_caret.svg);
    width: 20px;
    height: 20px;
  }
  .medication-action-buttons a {
    height: 32px;
    font-size: 16px !important;
  }
  .add-to-list-action button {
    height: 34px;
    max-width: 94px;
  }
  .refill-wrp button {
    line-height: 22px;
  }
  #profile .input-options .callon-input {
    height: 38px;
    min-height: 38px;
  }
  .health_history_heading {
    padding: 10px 17px;
  }
  .medication-list-wrp {
    padding: 20px;
  }
  .health_history_wrp {
    padding: 0px 17px;
  }
  .medical-search-option .other_info_chip {
    padding: 5px 5px 5px 8px;
    font-size: 12px;
  }
  .summary-history-btn {
    padding: 3px 15px !important;
  }
  .update-drug-desc input {
    padding: 8px;
    font-size: 12px;
  }
  .health_label_wrap {
    padding: 8px;
  }
  .health_history_card {
    margin-bottom: 0.5rem !important;
  }
  .close-chip {
    background-color: #f5f5f5;
    height: 13px;
    width: 13px;
    font-size: 10px;
  }
  .health_labels .label {
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 0.2rem !important;
  }
  #profile .fs-16 {
    font-size: 14px !important;
  }
  .tooltip-close-btn {
    width: 26px;
    height: 20px;
  }
  .check-container .checkmark {
    width: 26px;
    height: 26px;
  }
  .check-container {
    margin-bottom: 24px;
  }
  .medcation-item {
    padding: 8px 10px;
  }
  .check-container .checkmark:after {
    left: 10px;
    top: 6px;
  }

  /* editprofile */
  #editProfile h2.c-font-1 {
    font-size: clamp(18px, 1.25vw, 1.75em);
  }
  #editProfile .fs-30 {
    font-size: 24px;
  }
  .personal-info-wrp .text-acent {
    padding-bottom: 0.5rem !important;
  }
  .profile-img-mobile .profile_image {
    width: 92px;
    height: 92px;
  }
  .personal-detail {
    margin-top: 30px;
  }

  .edit-input-wrp.mr-4 {
    margin-right: 0.5rem !important;
  }
  #editProfile .position-relative.mb-4 {
    margin-bottom: 1rem !important;
  }
  #editProfile .position-relative.mt-3 {
    margin-top: 0.5rem !important;
  }
  #editProfile .radio-label {
    top: -43px;
  }
  #editProfile .fs-16 {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 991px) {
  /* mobileView */

  /* profile */
  button.dropdown-btn {
    font-size: 14px;
  }
  button.credit-btn {
    font-size: 10px;
  }
  .dashboard-tab .nav-link.active {
    font-size: 14px;
  }
  .dashboard-tab .nav-link {
    padding: 8px 14px;
    color: #9e9e9e;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
  }
  .db-client .select .selectBtn {
    font-size: 14px;
  }
  .db-client .select .selectBtn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 18px;
    background-size: contain;
  }
  .db-client .select .selectDropdown .option {
    font-size: 14px;
  }
  .dashboard-tab {
    padding: 12px 0;
    border-bottom: 1px solid #ddd !important;
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
  #myTab .nav-item {
    text-align: center;
  }
  .dashboard-tab .nav-link.active {
    width: 100%;
  }
  .dashboard-tab li:last-child .nav-link {
    margin-right: 0px;
    padding-right: 0;
  }
  .dashboard-tab li:first-child .nav-link {
    margin-left: 0px;
    padding-left: 0;
  }
  .dashboard-tab li:last-child .nav-link.active {
    padding-right: 14px;
  }
  .dashboard-tab li:first-child .nav-link.active {
    padding-left: 14px;
  }
  .verfied_status {
    margin-top: -2px;
    max-width: 16px;
  }
  .with_tooltip {
    max-width: 16px;
  }
  .with_tooltip img {
    max-width: 100%;
  }
  .db-client .select {
    margin: 0;
  }
  .maxw-100 {
    max-width: 100%;
  }

  /* editprofile */
  #editProfile .fs-16 {
    font-size: 14px !important;
  }
  .mobile-header {
    padding: 26px 15px 20px !important;
  }
  span.error-msg {
    margin-top: 10px;
  }
  span.mt-10 {
    display: block;
    width: 100%;
    margin-top: 25px !important;
  }
  .radio-container-box {
  }
  .edit-input-wrp.radio-label {
    width: 50px !important;
  }
  .mobile-width {
    width: 200px !important;
  }
  .edit-input-wrp.radio-label label {
    left: 0;
    top: 45%;
    position: relative !important;
  }
  .edit-select-wrp:after {
    top: 30%;
  }
  .edit-input-wrp label {
    top: 30%;
  }
}
@media (min-width: 991px) {
  .for-web .edit-input-wrp label {
    position: relative;
    top: -88px;
    transform: unset;
    left: 0px;
    transition: unset;
  }
  .for-web .edit-input-wrp input:not(:placeholder-shown),
  .for-web .edit-input-wrp input:focus,
  .for-web .edit-input-wrp select:focus,
  .for-web .edit-input-wrp select:not([value=""]):valid {
    margin-bottom: 0;
  }
  .edit-input-wrp input:not(:placeholder-shown) ~ label,
  .edit-input-wrp input:focus ~ label,
  .edit-input-wrp select:focus ~ label,
  .edit-input-wrp select:not([value=""]):valid ~ label {
    top: -88px;
  }
}

.subscription .status.active {
  background-color: #d5fff1;
  padding: 5px 15px;
  border-radius: 2rem;
  color: #1cca8f;
}
.subscription .status.deactive {
  background-color: #ffd5d5;
  padding: 5px 15px;
  border-radius: 2rem;
  color: #ca1c1c;
}
.subscription .refillPlan label {
  color: #293450;
  opacity: 0.5;
}
.subscription .active-visit-block{
  margin:5px;
}

#subCancelReq .modal-content,
#yesCancel .modal-content {
  border-radius: 21px;
  box-shadow: 0px 0px 8px #8b8b8b29;
  border: none;
}
#subCancelReq label {
  color: #949aa8;
}
.btn-gray {
  background-color: #9cb2cc;
  color: #fff;
  border-radius: 2rem;
}
.btn.bg-gray {
  background-color: #e1e1e1;
}
.btn-gray:hover {
  color: #fff;
  background-color: #9cb2cc;
}
#subCancelReq .btn-close,
#yesCancel .btn-close {
  background-image: none;
  background: #e9e9e9;
  border-radius: 2rem;
  font-size: 18px;
  line-height: 5px;
  color: #000;
  opacity: 1;
}
#subCancelReq .custom-select__trigger {
  font-size: 1rem;
  height: 40px;
  line-height: inherit;
}
.TA-list{
  list-style-type: disc;
}
.TA-list li {
  margin: 15px 0;
}