/*11/06/21*/
/************visit purpose*************/
#visitPurposeQns p {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

/*11/07/21*/
/*fix padding for prev/next btns*/
@media screen and (min-width: 992px) {
  .p-0 {
    padding-right: 15px !important;
  }
}

/*fix bottom spacing*/
.profile.profile-header {
  margin-bottom: 0px;
}

/*added 11/02/21*/
#scheduling .fa-phone + a,
#scheduling .startover a {
  color: #003798 !important;
}

/*space above next button*/
#visitPurposeQns .card.visit-purpose-qns {
  margin-bottom: 58px;
}

/*remove extra space between buttons*/
#visitPurposeQns .button-default + .form-hint {
  display: none;
}

/**10/08/21 changed 12/10/21**/
/*address/location adjust*/
#scheduling .field-address-line-1,
#scheduling .field-address-line-2,
#scheduling .one-line,
#scheduling .telephone .field-phone-number,
#scheduling .profile-key-data.scheduling-text.field-title {
  font-size: 1.25rem;
  font-weight: 300;
}

/*phone icon*/
#scheduling .telephone .fa-phone {
  font-size: 16px;
}

/*gps & edit icon*/
#scheduling .profile-location .fa-map-marker,
#scheduling .fa-edit {
  font-size: 20px;
}

/*start over*/
#scheduling .startover a[style="font-size:1.25rem;"] {
  font-weight: 300;
}

/*profile pic section*/
.profile.profile-header .provider-image figure.field-image {
  margin-bottom: 8px;
}

/*profile section*/
#scheduling .profile-details .col-lg-2 {
  flex: 0 0 7.666667%;
  max-width: 7.666667%;
}

/*name section*/
#scheduling .profile-details .provider-image + .col-lg-10 {
  flex: 0 0 28.333333%;
  max-width: 28.333333%;
}

/**10/12/21**/
/*profile pic*/
#scheduling .profile-details .col-lg-2.provider-image {
  margin-left: 0px;
}

/*space above the title*/
#step1 .hidemaincontent .pt-md-5 {
  padding-top: 0.9375rem !important;
}

/*fix space between first sentence & first question*/
#visitPurposeQns .panel-body .form-flow {
  padding-top: 17px;
}

/*10/22/21*/
/*resize the next/previous buttons*/
.step-content .visit-purpose-footer #visitNext,
.step-content .visit-purpose-footer #visitPurposePrev,
#scheduling-patient-information .footer-btns-inner-wrapper .btn {
  padding: 19px 2rem 44px;
  font-size: 1.25rem;
  min-width: 268px;
}

/*step title*/
.step-wizard-section-content .display-4 {
  font-size: 2.5rem;
}

/*spacing below step title*/
.step-wizard-section-content .pb-md-4 {
  padding-bottom: 3px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  /*change the width of the next and previous sections*/
  .step-wizard-section-content .visit-purpose-footer {
    max-width: 960px;
  }
}

/*10/25/21*/
@media screen and (max-width: 414px) {
  /*profile pic*/
  #scheduling .profile-details .col-lg-2.provider-image {
    max-width: 73px;
  }

  /*fix spacing for provider info at the top*/
  #scheduling .profile.profile-header {
    padding: 10px;
  }

  /*to move the hospital info up more*/
  #scheduling
    .col-12.col-sm-9.col-md-9.col-lg-10.offset-sm-3.offset-md-3.offset-lg-2 {
    margin-top: -4rem;
  }

  /*align the hospital info left*/
  #scheduling
    .col-12.col-sm-9.col-md-9.col-lg-10.offset-sm-3.offset-md-3.offset-lg-2 {
    margin-left: 20%;
  }

  /* /*resize font of provider/location info*/ */
  /* #scheduling .field-address-line-1, */
  /* #scheduling .field-address-line-2, */
  /* #scheduling .one-line, */
  /* #scheduling .telephone .field-phone-number, */
  /* #scheduling .profile-key-data.scheduling-text.field-title, */
  /* #scheduling .profile-location .field-address-line-1, */
  /* .profile-location .field-address-line-2, */
  /* .profile-location .field-city, */
  /* .profile-location .field-state, */
  /* .profile-location .field-zip-code, */
  /* .profile-location .one-line { */
    /* font-size: 0.9375rem !important; */
  /* } */

  /*resize gps and start over icon*/
  #scheduling .profile-location .fa-map-marker,
  #scheduling .fa-edit {
    font-size: 15px;
  }

  /***confirm portion*****/
  /*fixes review & confirm*/
  .step-wizard-section-content .display-4 {
    font-size: 1.5625rem;
  }

  /*widening the container*/
  .step-wizard-section-content .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*widening the column*/
  .step-wizard-section-content .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*fix spacing on review confirm, changed 12/9/21*/
  #reviewConfirmContainer h4.text-left {
    padding-bottom: 5px;
  }

  /*provider name*/
  .step-wizard-section-content .profile-details-section h5 {
    font-size: 20px;
    font-weight: 600;
  }

  /*provider alias*/
  #reviewConfirmContainer .profile-key-data {
    font-size: 15px;
    font-weight: 300;
  }

  /*adjust the title and edit column*/
  .step-wizard-section-content .px-5 {
    padding-left: 23px !important;
    padding-right: 13px !important;
  }

  /*adjust provider picture*/
  #reviewConfirmContainer .field-image img {
    object-fit: cover;
    border-radius: 1rem;
    width: 73px;
    height: 100px;
    object-position: top center;
  }

  /*remove blank div above location info*/
  #reviewConfirmContainer .profile-address-section .text-left {
    display: none;
  }

  /*width of provider info*/
  #reviewConfirmContainer .col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 0 0 66.666667%;
  }

  /*give space to left of visit details*/
  #reviewConfirmContainer .profile-address-section {
    margin-left: 21%;
    margin-top: -2rem;
  }

  #reviewConfirmContainer .date-info,
  #reviewConfirmContainer .r-p-location {
    font-size: 15px;
    font-weight: 600;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*font of address*/
  #reviewConfirmContainer .r-p-address {
    font-size: 15px;
    font-weight: 300;
  }

  /*removes margin to left of profile pic*/
  #reviewConfirmContainer .col-4 {
    margin-left: -15px;
  }

  /*get the appointment info line-height corrected*/
  #reviewConfirmContainer .profile-address-section {
    line-height: 1.25rem;
  }

  /*10/28/21*/
  /*remove br under appointment/location detail*/
  #reviewConfirmContainer .card-body .review-con-profile-details + br {
    display: none;
  }

  /*remove whitespace below reason for visit*/
  #reviewConfirmContainer .reason-for-visit-section > h4.text-left {
    display: none;
  }

  /*10/29/21*/
  /*edit the font weight of patient info*/
  #reviewConfirmContainer .patient-details .pl-2 {
    font-size: 15px;
  }

  /*adjust reason for visit section*/
  #reviewConfirmContainer .reason-for-visit-section {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*adjust font size for reason for visit*/
  #reviewConfirmContainer .reason-for-visit-section .text-left,
  #reviewConfirmContainer .hide-addinsur-sec .pl-2,
  #reviewConfirmContainer .no-insc-details .pl-2 {
    font-size: 15px;
  }

  /*adjust insurance information*/
  #reviewConfirmContainer .patient-insurance-details {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 17px;
  }

  /*remove padding on insurance info*/
  #reviewConfirmContainer .exist-self-button-text .inc-self-pay {
    padding-left: 0px !important;
  }

  /*adjust the patient info edit button,changed 12/10/21*/
  #Patient-edit2 {
    margin-top: -180px;
  }

  /*adjust the insurance info edit button*/
  #Insurance-edit3 {
    margin-top: 25px !important;
  }

  /*adjust appointment details edit button changed 12/10/21*/
  #Appointment-edit1 {
    font-size: 15px;
  }

  /*fix position of previous & schedule buttons*/
  .review-footer-btns-wrapper {
    margin: 0px;
  }

  /*to center previous & schedule buttons*/
  .review-footer-btns-wrapper .row {
    justify-content: center;
  }

  /*to remove the 3rem important on pr-5*/
  .review-footer .rErrorMessages + .pr-5 {
    padding-right: 15px !important;
  }

  /*give space above previous button*/
  #reviewConfirmContainer .review-footer {
    margin-top: 27px;
  }

  /*remove right margin from previous btn*/
  .review-footer-btns-wrapper .mr-2 {
    margin-right: 0px !important;
  }

  .review-footer-btns-wrapper .btn-wizard-prev,
  .review-footer-btns-wrapper .btn-schedule-set-up {
    /*     margin-right: 0px !important; */
    margin-bottom: 15px;
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  .review-footer-btns-wrapper .btn-schedule-set-up {
    margin-left: 0px !important;
  }
}

/*10/26/21*/
@media screen and (max-width: 414px) {
  /*making address all in one line*/
  #scheduling .field-address-line-2,
  #scheduling .field-address-line-1,
  #scheduling .profile-location .fa-map-marker,
  #reviewConfirmContainer .r-p-location {
    white-space: nowrap;
  }
}

/*keeping city to a new line*/
#scheduling .one-line {
  display: block;
}

/*10/28/21 updated 11/24/21*/
/*edit the font weight of patient info*/
#reviewConfirmContainer .pl-2 .firstname,
#reviewConfirmContainer .pl-2 .middlename,
#reviewConfirmContainer .pl-2 .lastname,
#reviewConfirmContainer .pl-2 .suffix,
#reviewConfirmContainer .pl-2 .gender,
#reviewConfirmContainer .pl-2 .dateofbirth,
#reviewConfirmContainer .pl-2 .address,
#reviewConfirmContainer .pl-2 .city,
#reviewConfirmContainer .pl-2 .state,
#reviewConfirmContainer .pl-2 .zip,
#reviewConfirmContainer .pl-2 .email,
#reviewConfirmContainer .pl-2 .mobile,
#reviewConfirmContainer .reasonforapp,
#reviewConfirmContainer .pl-2 .inc-name,
#reviewConfirmContainer .pl-2 .inc-grp,
#reviewConfirmContainer .pl-2 .inc-id,
#reviewConfirmContainer .pl-2 .inc-subs-fname,
#reviewConfirmContainer .pl-2 .inc-subs-mname,
#reviewConfirmContainer .pl-2 .inc-subs-lname,
#reviewConfirmContainer .pl-2 .inc-subs-suffix,
#reviewConfirmContainer .pl-2 .inc-sub,
#reviewConfirmContainer .pl-2 .inc-sub-dob {
  font-weight: 300;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

/*10/30/21*/
/*to remove hover*/
.review-con-profile-details:hover,
.patient-details-review-c:hover,
.patient-insurance-details:hover {
  border: none;
  background: none;
}

/*space below Review & confirm title*/
.step-wizard-section-content .display-4 {
  margin-bottom: 13px;
}

/*change font-weight of provider name*/
.profile-details-section h5 {
  font-weight: 600;
}

/*hide ratings info*/
.step-wizard-section-content .ds-title,
.step-wizard-section-content .ds-xofy,
.step-wizard-section-content .ds-ratings,
.step-wizard-section-content .ds-comments {
  display: none;
}

@media screen and (min-width: 992px) {
  /*profile info*/
  #reviewConfirmContainer .profile-key-data,
  #reviewConfirmContainer .profile-address-section .r-p-address {
    font-weight: 300;
  }

  /*adjust provider picture*/
  #reviewConfirmContainer .field-image img {
    object-fit: cover;
    border-radius: 1rem;
    width: 88px;
    height: 100px;
    object-position: top center;
  }

  /*resize the profile pic area*/
  #reviewConfirmContainer .profile-details-section .col-lg-4 {
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
  }

  /*removing padding in profile section*/
  .review-con-profile-details .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
  }

  /*appointment details/patient info/insurance info*/
  #reviewConfirmContainer h4.text-left {
    font-size: 30px;
  }

  /*adjust the size of the provider name section*/
  #reviewConfirmContainer .profile-details-section .col-lg-8 {
    -ms-flex: 0 0 79%;
    flex: 0 0 79%;
    max-width: 79%;
  }

  /*get rid of 15px padding right of provider name section*/
  #reviewConfirmContainer .profile-details-section .col-sm-8 {
    padding-right: 0px;
  }

  /*correct visit type detail & location*/
  #reviewConfirmContainer .date-info,
  #reviewConfirmContainer .r-p-location {
    font-size: 20px;
    font-weight: 500;
  }

  /*correct self-pay text*/
  #reviewConfirmContainer .exist-self-button-text {
    font-size: 20px;
    font-weight: 300;
  }

  /*11/1/21*/
  /*space between the icons and edit*/
  #Appointment-edit1 .fa-edit,
  #Patient-edit2 .fa-edit,
  #Insurance-edit3 .fa-edit {
    margin-right: 11px;
  }

  /*size of icons and edit changed 12/9/21*/
  #reviewConfirmContainer .text-left + span,
  .patient-details-review-c .section-header + span {
    font-size: 20px;
  }

  /*resize the previous and schedule buttons*/
  .review-footer .btn-wizard-prev,
  .review-footer .btn-schedule-set-up {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*resize the previous and schedule buttons section*/
  .review-footer .rErrorMessages + .col-md-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: 40%;
  }

  /*fix space at bottom of details and above btns*/
  #reviewConfirmContainer .card-deck .mb-4 {
    margin-bottom: 58px !important;
  }

  /**************patient info******************/
  /*login input box resize*/
  #scheduling-patient-information .login-form-group .form-control {
    width: 446px;
    min-height: 57px;
  }

  /*change size of username and password section text*/
  #scheduling-patient-information .form-group label {
    width: 30%;
  }

  /*change flex of the login section*/
  #scheduling-patient-information .form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 446px;
  }

  /*adjust the forgot links*/
  #scheduling-patient-information .align-forgot {
    margin-left: 175px;
    text-align: right;
  }

  /*adjust the showpassword icon*/
  #showPasswordBtn .fa {
    margin-top: 60px;
    margin-left: -2.5rem;
    position: absolute;
    font-size: 20px;
  }

  /*remove space below no account text above patient info heading*/
  #scheduling-patient-information .no-account-info .margin-auto p {
    margin-bottom: 0px;
  }

  /*resizing login button*/
  #scheduling-patient-information .adjust-login-btn .log-in-btn-pi {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /***changing the max width of patient info box*/
  #step2 .container {
    max-width: 1200px;
  }

  /*change padding of the patient info area*/
  .form-section.patientinformation {
    padding: 2rem 5.3125rem 3rem;
  }

  /*give spacing at the bottom of all input boxes*/
  .patientinformation .col-sm-6 {
    margin-bottom: 32px;
  }

  /*give some spacing between input boxes horizontally*/
  .patientinformation .col-sm-6:nth-child(odd) {
    padding-right: 34px;
  }

  /*fix text labels*/
  #scheduling-patient-information .patientinformation .form-label {
    font-weight: 800;
    font-size: 0.9375rem;
  }

  /*change size of reason inputbox*/
  .patientinformation .reasonforapp {
    min-height: 100px !important;
  }

  /*add more space above previous and next buttons*/
  #patientInfoForm .card-wrapper {
    margin-bottom: 44px;
  }
}

/*11/24/21*/
/*fix font family*/
#patientInfoForm .form-control {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

@media screen and (min-width: 768px) {
  /*change font*/
  #patientInfoForm .form-control {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 414px) {
  /*center content*/
  #scheduling-patient-information > .row {
    justify-content: center;
  }

  /*adjust the width*/
  #scheduling-patient-information .login-body {
    max-width: 375px;
    margin: 0;
    width: 100%;
    align-content: center;
  }

  /*center the content of login section*/
  #scheduling-patient-information .login-body > .row {
    margin: 0;
  }

  /*remove the padding left and text-align: justify*/
  #scheduling-patient-information .login-body .login-header-text {
    text-align: center;
    padding-left: 0px;
  }

  /*adjust width of username and password labels*/
  #scheduling-patient-information .form-group label {
    width: 0%; /*was 39 changed 11/12/21*/
    white-space: nowrap;
  }

  /*remove the margins left and right of margin auto*/
  #scheduling-patient-information .login-form-group .margin-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*center flex items of username and password*/
  .login-form-wrapper .margin-auto + .row,
  .login-form-wrapper .row:nth-child(3) {
    justify-content: center !important;
  }

  /*login input box resize*/
  #scheduling-patient-information .login-form-group .form-control {
    min-height: 54px;
    width: 100%;
  }

  /*adjust the forgot links*/
  #scheduling-patient-information .align-forgot {
    margin-left: 215px; /*115*/
    text-align: right;
  }

  /*adjust the showpassword icon*/
  #showPasswordBtn .fa {
    margin-top: 0px;
    margin-left: -2.5rem;
    position: absolute;
    font-size: 20px;
  }

  /*resizing login button*/
  #scheduling-patient-information .adjust-login-btn .log-in-btn-pi {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 176px;
  }

  /*margin below the login button*/
  #scheduling-patient-information .adjust-login-btn {
    margin-bottom: 32px;
  }

  /*remove padding on the scheduling section*/
  #scheduling-patient-information .sitecore-form form .card-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  /*change required field font weight*/
  .card-wrapper .card-body .required-label {
    font-weight: 500;
  }

  /*increase input size*/
  .form-section.patientinformation {
    padding: 2rem 1.875rem; /*was 2rem 1.0625rem changed 11/7/21*/
  }

  /*change input height*/
  .patientinformation .form-control {
    min-height: 54px;
  }

  /*change size of reason inputbox*/
  .patientinformation .reasonforapp {
    min-height: 120px;
  }

  /*adjust space between characters remaining text and reason for appointment*/
  #scheduling-patient-information .sitecore-form textarea {
    margin-bottom: 14px;
  }

  /*change position of the drop down arrows*/
  #scheduling-patient-information select {
    background-position: calc(100% - 30px) 22px, calc(100% - 20px) 22px, 100% 0;
  }
  /*********************************************************/

  /*to remove padding and center previous and next buttons*/
  .footer-btns .pr-5 {
    text-align: center;
    padding-right: 0 !important;
    padding-left: 0;
  }

  /*remove left margin from next btn*/
  .footer-btns-inner-wrapper .btn-wizard-prev + .ml-4 {
    margin-left: 0 !important;
  }

  /*add space between previous and next btns*/
  #scheduling-patient-information .footer-btns-inner-wrapper .btn {
    margin-bottom: 15px;
  }
}

/************insurance plans*************/
@media screen and (min-width: 992px) {
  #insuranceProfile p,
  #insuranceProfile li {
    text-align: left;
  }

  /*bold accepting new patients*/
  .insurance-plans div > p {
    font-weight: 700 !important;
  }

  /*change first paragraph font weight*/
  .insurance-profile-header,
  #insuranceProfile li {
    font-weight: 300 !important;
  }

  /*change the other p weight*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "] {
    font-weight: 300 !important;
  }

  /*space for each li in insurance lists*/
  #insuranceProfile li {
    margin-bottom: 5px;
  }

  /*space below the li text of if isurance is not listed*/
  #insuranceProfile .insurance-profile-footer-text li {
    margin-bottom: 12px;
  }

  /*space below the last paragraph*/
  #insuranceProfile .insurance-profile-footer-text {
    padding-bottom: 64px;
  }

  /*increase the width of the insurance accordion*/
  #insuranceProfile .panel.plans-list {
    width: 80%;
  }

  /*change the prev and next btns*/
  #insuranceProfilePrev,
  #insuranceProfileNext {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }
}

@media screen and (max-width: 414px) {
  /*adjust the li text of if insurance is not listed*/
  #insuranceProfile .insurance-profile-footer-text li {
    margin-bottom: 12px;
    margin-left: 17px;
  }

  /*adjust accordion text*/
  #insuranceProfile .panel-header span {
    text-align: left;
  }

  #insuranceProfile p,
  #insuranceProfile li {
    text-align: left;
  }

  /*bold accepting new patients*/
  .insurance-plans div > p {
    font-weight: 700 !important;
  }

  /*change first paragraph font weight*/
  .insurance-profile-header,
  #insuranceProfile li,
  #insuranceProfile span {
    font-weight: 300 !important;
  }

  /*change the other p weight*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "] {
    font-weight: 300 !important;
  }

  /*adjust top text*/
  #insuranceProfile .insurance-profile-footer-text {
    font-size: 20px;
  }

  /*adjust bottom text*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "],
  #insuranceProfile
    span[style="color: #000; font-size:1.75rem; font-weight:400;"] {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  #insuranceProfile .insurance-items-ul-te span {
    margin-left: 12px;
    font-size: 17px;
    clear: left;
  }

  /*change the prev and next btns*/
  #insuranceProfilePrev,
  #insuranceProfileNext {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*add space between previous and next btns*/
  #insuranceProfilePrev {
    margin-bottom: 15px;
  }
}

/***********thank you page********************/
/*strong/bold text*/
.thank-you-container strong {
  font-weight: 700;
}

/* Venkata Changes added at 11/25/2021 */
/* providing padding for thank you page when screen lies btwn 770px & 601px */
@media screen and (min-width: 601px) and (max-width: 768px) {
  .thank-you-container .thankyou-text-wrapper {
    padding-top: 15px;
    padding-bottom: 20px;
  }
}
/* end Venkata Changes */

/*appointment info time etc*/
.thank-you-container .thankyou-text-wrapper b {
  font-weight: 600;
}

/*clock icon*/
.thank-you-container .fa-clock-o {
  font-size: 32px;
  margin-right: 7px;
  color: #4d4d4d;
}

/*calendar icon*/
.thank-you-container .fa-calendar-plus-o {
  font-size: 35px;
}

/*add to calendar text*/
.thank-you-container .add-to-calendar {
  font-size: 23px;
  font-weight: 300;
  color: #003798;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

/*links color*/
.thank-you-container span[style="color: blue;"] {
  color: #003798 !important;
}

/*changing the font family*/
.thank-you-container p,
.thank-you-container a,
.thank-you-container span {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

@media screen and (max-width: 414px) {
  /*change font size and weight overall*/
  .thank-you-container p,
  .thank-you-container span {
    font-size: 20px;
    font-weight: 300;
  }

  /*appointment info time etc*/
  .thank-you-container b span {
    font-weight: 600 !important;
  }

  /*make phone on another line*/
  .thank-you-container .thank-phone,
  .thank-you-container .thank-visittype {
    display: block;
  }

  /*get rid of extra br*/
  .thank-you-container b + br {
    display: none;
  }

  /*add to calendar text*/
  .thank-you-container .add-to-calendar {
    font-size: 20px;
    font-weight: 300;
    color: #003798;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*clock icon*/
  .thank-you-container .fa-clock-o {
    font-size: 19px;
    margin-right: 7px;
  }

  /*calendar icon*/
  .thank-you-container .fa-calendar-plus-o {
    font-size: 20px;
  }
}

/**************visit purpose**************/
/*change tool tip*/
.tooltip-content {
  text-transform: none;
  color: #000;
  font-weight: 300;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  box-shadow: 2px 5px 5px #00000029 !important;
}

/************Select a Time***********/
/*provider name and times*/
.visit-purpose-appointment-container .app-time-slots-cont {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

/*provider name & specialty*/
.visit-purpose-appointment-container .aff-provider-info .name,
.visit-purpose-appointment-container .aff-provider-info .specialities {
  font-weight: 300;
}

/*put gray background color between cards*/
.visit-purpose-appointment-container .app-time-slots {
  background-color: #f7f7f7;
}

/*make provider cards the white color*/
.visit-purpose-appointment-container .mainCon {
  background-color: #fff;
}

/*change the border color*/
.visit-purpose-appointment-container div.mainCon {
  border: 1px solid #707070;
}

/*remove the blank border space at the top, Might b an issue about title*/
.visit-purpose-appointment-container .former-card > .pricing-header {
  display: none;
}

/*resize the next/previous buttons*/
.visit-purpose-appt-footer #visitApptNext,
.visit-purpose-appt-footer #visitApptPrev,
#scheduling-patient-information .footer-btns-inner-wrapper .btn {
  padding: 19px 2rem 44px;
  font-size: 1.25rem;
  min-width: 268px;
}

/*add spacing below container and above prev & next buttons*/
.visit-purpose-appt .card {
  margin-bottom: 58px;
}

/************************CovidQuestion*************************/
@media screen and (min-width: 992px) {
  /*covid questions*/
  .question-content-covid {
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 20px;
  }

  /*give space to questions and buttons*/
  .question-content-covid p {
    margin-bottom: 16px;
  }

  /*fix padding*/
  #sub-step1b .form-flow {
    padding: 6px 182px;
  }

  /*remove left padding*/
  .question-content-covid p[style="text-align: left;padding-left: 200px;"] {
    padding-left: 0px !important;
  }

  /*change width to correct btn size*/
  .question-content-covid .form-wrapper {
    max-width: 64.3333%;
    width: 64.3333%;
  }

  /*resize prev & next btns*/
  #sub-step1b .col-md-12 .btn-wizard-prev,
  #sub-step1b .col-md-12 .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*bottom spacing, above prev & next btns*/
  #sub-step1b .card {
    margin-bottom: 58px;
  }
}

@media screen and (max-width: 414px) {
  /*not sure about this*/
  #sub-step1b .App {
    margin-left: -15px;
    margin-right: -15px;
  }

  /*covid questions*/
  .question-content-covid {
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 20px;
  }

  /*resize the next/previous buttons*/
  #sub-step1b .btn-wizard-prev,
  #sub-step1b .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }
}

/*************insurance information***************/
#insurance .profile-header p {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

@media screen and (min-width: 992px) {
  /*questions sentences*/
  #insurance .profile-header .para2-add-insurance,
  #insurance .profile-header .para2-self-pay,
  #insurance .profile-header .div2-para-self-pay {
    text-align: left;
    margin-left: 42px;
  }

  /*patient insurance title*/
  #insurance .title-info {
    font-size: 35px;
    font-weight: 300;
  }

  /*change the insurance and self pay btn size*/
  #addInsuranceBtn,
  #selfPayBtn {
    padding: 19px 2rem 19px;
    font-size: 1.25rem;
    min-width: 445px;
  }

  /*change OR font*/
  #insurance .or-text-wrapper p {
    font-weight: 700;
  }

  /*add spacing bottom of the container*/
  #selfPayBtn {
    margin-bottom: 58px;
  }

  /*resize the next/previous buttons*/
  #step3 .btn-wizard-prev,
  #step3 .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*change the width of prev&next btn container*/
  #insurance + .container {
    max-width: 1200px;
  }

  /*remove padding right of next btn*/
  /*11/7/21*/
  /*needed to remove*/
  #insurance + .container .pr-5 {
    padding-right: 0px !important; /*changed from 15px 11/9/21*/
  }

  /*addspacing to bottom of container*/
  #insurance > .card {
    margin-bottom: 58px;
  }
}

@media screen and (max-width: 414px) {
  .insurance-info-header .display-4 {
    font-size: 25px;
  }

  /*remove the padding*/
  #insurance {
    margin-left: -15px;
    margin-right: -15px;
  }

  /*fix inner padding*/
  #insurance .profile-header {
    padding: 3rem 15px 0;
  }

  /*change font weight*/
  #insurance .title-info {
    font-weight: 300;
  }

  /*change size*/
  p.para2-add-insurance,
  p.para2-self-pay {
    font-size: 20px;
  }

  /*fix sentences*/
  p.para2-add-insurance,
  p.para2-self-pay,
  p.div2-para-self-pay {
    margin-left: 0px;
    text-align: left;
  }

  /*fix buttons*/
  #insurance button {
    padding: 19px;
    width: 100%;
  }

  /*add spacing bottom of the container*/
  #selfPayBtn {
    margin-bottom: 58px;
  }

  /*resize the next/previous buttons*/
  #step3 .btn-wizard-prev,
  #step3 .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*correct button alignment*/
  #insurance + .container .pr-5 {
    padding-right: 15px !important;
    text-align: center;
  }

  /*add space between buttons*/
  #insurance + .container .ml-4 {
    margin-left: 0px !important;
    margin-top: 10px;
  }
}

/******************insurance add & insurance policy holder*****************/
/*align textbox labels*/
#insurance .inc-grp h5,
#insurance .inc-id h5,
#insurance .inc-name h5 {
  text-align: left;
}

/*change height size*/
#insurance input,
#insurance select {
  height: 52px !important;
}

/*correct policy holder question text*/
#addInsuranceForm .col-md-12 > h5 {
  text-align: left !important;
  font-weight: 300;
  text-transform: none !important;
  font-size: 20px;
}

/*change width of text boxes*/
#insurance .form-control.incSubsName,
#addInsurance-memberid,
#addInsurance-groupNumber,
#addInsurance-subscriberfirstname,
#addInsurance-subscribermiddlename,
#addInsurance-subscriberlastname,
#incSuffix,
#addInsurance-subscriberid,
#addInsurance-subscriberdob {
  max-width: 446px;
}

/*set almost everything left align*/
#insurance {
  text-align: left !important;
}

/*add space below no button*/
#insurance .form-group {
  margin-bottom: 37px;
}

/*fix yes and no buttons*/
.add-insurances label.form-check-label {
  max-width: 445px;
}

@media screen and (max-width: 414px) {
  /*correct the padding*/
  .primary-insurance .panel-body {
    padding: 30px 0px 0;
  }

  /*add padding left right*/
  form[name="insuranceForm"] .row:nth-child(2) .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  /*remove side margins*/
  #insurance .or-text-wrapper {
    margin: 25px 0px;
  }
}

/*****************11/9/21****************/
/*correct the footer*/
.thr-footer {
  padding-right: inherit !important;
  padding-left: inherit !important;
}

@media screen and (min-width: 992px) {
  /*button hover - visit purpose*/
  .btn.btn-wizard-next:hover {
    color: #ffffff;
    background-color: #3a87ce;
    border-color: #3a87ce;
  }

  /*prev button hover - patient info*/
  .btn.btn-wizard-prev:hover {
    color: #003798;
    background: #f7f7f7;
    border-color: #4d4d4d;
  }

  /*adjust the calendar padding*/
  #sub-step1a
    .visit-purpose-appointment-container
    div[style="padding:10px;text-align:left;"] {
    padding: 3px 10px !important;
  }
}

@media screen and (max-width: 414px) {
  /*give space below the input fields in the forms*/
  .patientinformation .form-control:not(.reasonforapp) {
    margin-bottom: 32px;
  }

  /*correct the margin 50% for review confirm page on previous and schedule btns*/
  #reviewConfirmContainer .container .review-footer-btns-wrapper {
    margin-left: 0px;
  }

  /*change the width of the edit & visit detail section, changed 12/10/21*/
  .review-con-profile-details .col-md-6:nth-child(2) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /*change the width of the edit & patient info section*/
  .patient-details-review-c .col-md-6:nth-child(2) {
    -ms-flex: 0 0 104%;
    flex: 0 0 104%;
    max-width: 104%;
  }

  /*increase the patient edit icon size*/
  #Patient-edit2 .fa {
    font: normal normal normal 15px/1 FontAwesome;
  }

  /*increase the insurance edit icon size*/
  #Insurance-edit3 .fa {
    font: normal normal normal 15px/1 FontAwesome;
  }
}

/********************visit purpose page********************/
/*hide the original checkboxes*/
#step1 .form-checkbox-wrapper input[type="radio"]:not(*:root) {
  top: 0;
  bottom: 0;
  margin-left: -6rem !important;
  height: 100%;
  visibility: hidden;
}

/*create new radio boxes*/
#step1 .form-checkbox-wrapper input[type="radio"]:not(*:root):after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 6.5rem;
  top: 39% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 1.3em;
  color: #b2b2b2;
  visibility: visible;
}

/*provide the content for radio boxes*/
#step1 .form-checkbox-wrapper input[type="radio"]::after {
  content: "" !important;
}

/*fix the visit type boxes changed 12/10/21*/
#step1 .form-checkbox-wrapper .form-check-label {
  height: 50px !important;
  font-size: 15px !important;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  text-transform: none !important;
  font-weight: 300 !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/*to correct the checked boxes*/
#step1 .form-checkbox-wrapper input[type="radio"]:checked:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 6.5rem;
  top: 38%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 1em;
  color: #b2b2b2;

  /* Naresh Changes added 11-26-2021 */
  background-color: #003798;
  border: 2px solid #003798;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  /* End Naresh Changes */
}

/*remove tooltip showing out*/
#step1 .form-checkbox-wrapper button.btn.tooltip-btn {
  z-index: 0 !important;
}

/*change background color*/
#purposeOfVisitCheckboxWrapper label.form-check-label.selected {
  background: #fff !important;
}

@media screen and (max-width: 414px) {
  /*create new radio boxes*/
  #step1 .form-checkbox-wrapper input[type="radio"]:not(*:root):after {
    top: 59% !important;
    font-size: 1.1em;
  }

  /*fix the visit type boxes*/
  #step1 .form-checkbox-wrapper .form-check-label {
    padding-left: 20px !important;
  }

  /*to correct the checked boxes*/
  #step1 .form-checkbox-wrapper input[type="radio"]:checked:after {
    font-size: 0.9em;
  }

  /*reposition the tooltip content box*/
  #purposeOfVisitCheckboxWrapper .tooltip-content {
    right: 0px;
  }
}

/*fix log-in button*/
.log-in-btn-pi:hover {
  color: #ffffff !important;
  background-color: #3a87ce !important;
  border-color: #3a87ce !important;
}
/*****************11/15/21***********************/
/**Insurance page******/
/*insurance page font change*/
.Insurance-table {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  text-transform: none;
}

@media screen and (min-width: 992px) {
  /*existing button change*/
  #useExistingBtn {
    padding: 19px 2rem 19px;
    font-size: 1.25rem;
    min-width: 445px;
  }
}

@media screen and (max-width: 414px) {
  /*make insurance page responsive*/
  .Insurance-table {
    width: 100% !important;
    padding-right: 0;
    padding-left: 0;
  }

  /*insurance plan title*/
  .Insurance-table .insurance-column {
    padding: 0;
  }

  /*member id subtitle*/
  .Insurance-table .member-column {
    display: block;
    padding: 0;
    font-size: 12px;
    margin-bottom: 9px;
  }

  /*make the member id as a new row*/
  .Insurance-table,
  .Insurance-table tbody,
  .Insurance-table tr,
  .Insurance-table td {
    display: block;
    width: 100%;
  }

  /*get rid of the original border*/
  .Insurance-table td {
    border: 0px;
  }

  /*create new border*/
  .Insurance-table tbody tr {
    margin-bottom: 0px;
    border: 1px solid #b2b2b2;
  }

  /*adjust the member id text*/
  .Insurance-table tbody td:nth-of-type(2) {
    font-size: 12px;
    padding-top: 0px;
    font-weight: 600;
  }

  /*adjust the insurance plan text*/
  .Insurance-table tbody td:nth-of-type(1) {
    padding-bottom: 0px;
    font-weight: 600;
  }

  /*change the first paragraph*/
  #insurance .title-info-sub-para {
    font-size: 20px;
    margin-left: 0;
    margin-bottom: 0;
  }

  /*change the 2nd paragraph*/
  #insurance .para-under-table {
    font-size: 20px;
    margin-left: 0;
  }

  /*change 2nd paragraph sub paragraph*/
  #insurance .div1-para-use-insurance {
    font-size: 15px;
    margin-left: 0;
  }

  /*change self pay paragraph subparagraph*/
  #insurance .div2-para-self-pay {
    font-size: 15px;
    margin-left: 0;
  }
}

/**********11/17/21*************************/
/*apply a pointer for mouse*/
#purposeOfVisitCheckboxWrapper .form-check-label {
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  /*get rid of the outside border*/
  #visitPurposeQns > .card {
    border: none;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  /*make start-over in one line*/
  .startover {
    white-space: nowrap;
  }

  /*get the content to fit in the buttons*/
  #step1 .form-checkbox-wrapper .form-check-label {
    height: fit-content !important;
  }

  /*decrease the left and right side*/
  #visitPurposeQns .form-flow,
  #visitPurposeQns .profile-header {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*style the previous button*/
  .step-content .visit-purpose-footer #visitPurposePrev {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 0.6rem 1.75rem 0.375rem;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    text-transform: uppercase;
    font-weight: 300;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: background-color, color, border-color,
      box-shadow;
    transition-property: background-color, color, border-color, box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #fff;
    color: #003798;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2;
    font-size: 1.25rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    min-width: 16.75rem;
    min-height: 4.625rem;
  }

  /*style the next button*/
  .step-content .visit-purpose-footer #visitNext {
    margin-left: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 0.6rem 1.75rem 0.375rem;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    text-transform: uppercase;
    font-weight: 300;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: background-color, color, border-color,
      box-shadow;
    transition-property: background-color, color, border-color, box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #fff;
    color: #003798;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2;
    font-size: 1.25rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    min-width: 16.75rem;
    min-height: 4.625rem;
    background-color: #003798;
    color: #fff;
  }

  /*next button hover*/
  .step-content .visit-purpose-footer #visitNext:hover {
    color: #ffffff;
    background-color: #3a87ce;
    border-color: #3a87ce;
  }

  /*prev button hover*/
  .step-content .visit-purpose-footer #visitPurposePrev:hover {
    color: #003798;
    background: #f7f7f7;
    border-color: #4d4d4d;
  }

  /*give space top of progress bar*/
  .progressbar li div {
    top: -33px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /*correct the width of footer container and the left and right of visit purpose container*/
  #sub-step1c {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
  }

  /*correct the margin of card*/
  #visitPurposeQns .card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*change font on the visit purpose buttons*/
  #step1 .form-checkbox-wrapper .form-check-label {
    font-size: 10px !important;
  }
}

@media (max-width: 767px) and (min-width: 601px) {
  /*remove padding*/
  #scheduling .profile.profile-header {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*give space to the provider image*/
  #scheduling .provider-image {
    margin-right: 10px;
  }

  /*make start-over in one line*/
  .startover {
    white-space: nowrap;
  }

  /*change position of flexbox*/
  #purposeOfVisitCheckboxWrapper {
    flex-flow: column nowrap;
  }

  /*correct the width of footer container and the left and right of visit purpose container*/
  #sub-step1c {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }

  /*correct the margin of card*/
  #visitPurposeQns .card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 991px) and (min-width: 601px) {
  /*fix the progess bar*/
  .progressbar li div {
    top: -45px !important;
  }

  /*profile name*/
  #scheduling .profile-data .field-title {
    font-size: 20px;
    font-weight: 600;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*provider title text*/
  #scheduling
    .profile.profile-header
    .profile-details
    .row
    .profile-data
    .scheduling-text {
    font-size: 15px;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*provider name and title area*/
  #scheduling .profile-details .provider-image + .col-lg-10 {
    -ms-flex: 0 0 73.333333%;
    flex: 0 0 73.333333% !important;
    max-width: 73.333333% !important;
  }

  /*location name*/
  #scheduling .profile-details .col-lg-10.offset-sm-3 {
    flex: 0 0 73.333333% !important;
    max-width: 73.333333% !important;
  }

  /*font of practice name*/
  #scheduling .field-practice-name {
    font-size: 20px;
    font-weight: 600;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*address/location adjust*/
  #scheduling .field-address-line-1,
  #scheduling .field-address-line-2,
  #scheduling .field-city,
  #scheduling .field-state,
  #scheduling .field-zip-code,
  #scheduling .telephone .field-phone-number,
  #scheduling .profile-key-data.scheduling-text.field-title {
    font-size: 15px !important;
    font-weight: 300;
  }

  /*start over*/
  #scheduling .offset-sm-3 + .col-lg-10 {
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333% !important;
    max-width: 30.333333% !important;
  }

  /*start-over font*/
  #scheduling .startover a[style="font-size:1.25rem;"] {
    font-size: 15px !important;
  }

  /*to make sure content fits into buttons*/
  #step1 .form-checkbox-wrapper .form-check-label {
    height: fit-content !important;
  }

  /*move the radio buttons*/
  #step1 .form-checkbox-wrapper input[type="radio"]:not(*:root):after {
    top: 11px !important;
  }

  /*increase the visit purpose buttons*/
  #step1 .form-flow .question-content:nth-child(2) .form-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  /*increase the width of the visit purpose*/
  #visitPurposeQns .form-flow {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*get rid of padding of first question*/
  #visitPurposeQns p {
    padding-left: 0px !important;
  }

  /*fix the first sentence*/
  .panel-body div p[style="text-align:center"] {
    text-align: left !important;
  }

  /*fix the previous next btn section*/
  .step-content .visit-purpose-footer #visitPurposePrev,
  .step-content .visit-purpose-footer #visitNext {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }

  /*fix the bottom space of card*/
  #visitPurposeQns .card.visit-purpose-qns {
    margin-bottom: 32px;
  }
}

@media (max-width: 600px) and (min-width: 415px) {
  /*profile name*/
  #scheduling .profile-data .field-title {
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
    white-space: normal; /*changed from nowrap 12/3/21*/
    font-weight: 600;
  }

  /*move the radio buttons*/
  #step1 .form-checkbox-wrapper input[type="radio"]:not(*:root):after {
    top: 24px !important;
  }

  /*move the font more left*/
  .visit-purpose-qns #purposeOfVisitCheckboxWrapper label.form-check-label {
    padding-left: 30px !important;
  }

  /*make start-over in one line*/
  .startover {
    white-space: nowrap;
  }
}

@media (max-width: 414px) and (min-width: 376px) {
  /*profile pic*/
  #scheduling .provider-image img {
    width: 73px;
  }

  /*decrease the size of the ratings*/
  #scheduling span.ds-stars {
    background-size: 73px;
    width: 100%;
    background-position-y: -133px;
  }
}

@media screen and (max-width: 360px) {
  /*adjust the location detail section*/
  #scheduling
    .col-12.col-sm-9.col-md-9.col-lg-10.offset-sm-3.offset-md-3.offset-lg-2 {
    margin-left: calc(71px + 0.00025vw);
    margin-top: calc(-25px + 0.25vw);
  }

  /*move start over section*/
  #scheduling .offset-sm-3 + .col-lg-10 {
    margin-left: calc(57px + 0.00025vw);
    bottom: -28px;
  }

  /*make start-over in one line*/
  .startover {
    white-space: nowrap;
  }

  /*make space above mychart question*/
  #scheduling-patient-information {
    margin-top: 14px;
  }
}

/*11/19/21*/
@media screen and (min-width: 1200px) {
  /*give space top of progress bar*/
  .progressbar li div {
    top: -33px !important;
  }
}

@media screen and (min-width: 1200px) {
  /*adjust the width*/
  #patientInfoForm {
    max-width: 1200px;
    margin: 0;
    width: 100%;
    align-content: center;
  }

  /*get rid of padding on the right of next btns*/
  .footer-btns > .pr-5 {
    padding-right: 0px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  /*center content*/
  #scheduling-patient-information > .row {
    justify-content: center !important;
  }

  /*adjust the width*/
  #scheduling-patient-information .login-body {
    max-width: 960px;
    margin: 0;
    width: 100%;
    align-content: center;
  }

  /*to set a max width to the previous and next btns plus everything above*/
  #step2 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  #scheduling-patient-information > .row > .pr-5 {
    padding-right: 0px !important;
  }

  /*center the content of login section*/
  #scheduling-patient-information .login-body > .row {
    margin: 0;
  }

  /*remove the padding left and text-align: justify*/
  #scheduling-patient-information .login-body .login-header-text {
    text-align: center;
    padding-left: 0px;
  }

  /*get rid of padding to right of next button*/
  #scheduling-patient-information .login-body .card-deck {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /*adjust the width*/
  #scheduling-patient-information .login-body {
    max-width: 720px;
    margin: 0;
    width: 100%;
    align-content: center;
  }

  /*center the content of login section*/
  #scheduling-patient-information .login-body > .row {
    margin: 0;
  }

  /*remove the padding left and text-align: justify*/
  #scheduling-patient-information .login-body .login-header-text {
    text-align: center;
    padding-left: 0px;
  }

  /*adjust width of username and password labels*/
  #scheduling-patient-information .form-group label {
    width: 21%;
    white-space: nowrap;
  }

  /*adjust the showpassword icon*/
  #showPasswordBtn .fa {
    margin-top: 3px;
    margin-left: -3rem;
    position: absolute;
    font-size: 20px;
  }

  /*center patient information form*/
  #patientInfoForm {
    margin: 0;
  }

  /*fix text labels*/
  #scheduling-patient-information .patientinformation .form-label {
    font-weight: 800;
    font-size: 0.9375rem;
  }

  /*give spacing at the bottom of all input boxes*/
  .patientinformation .col-sm-6 {
    margin-bottom: 32px;
  }

  /*change size of reason inputbox*/
  .patientinformation .reasonforapp {
    min-height: 120px !important;
  }

  /*get rid of form container margin on sides*/
  #scheduling-patient-information .card-wrapper > .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*get rid of padding to right of next button*/
  #scheduling-patient-information > .row > .pr-5 {
    padding-right: 0px !important;
  }

  /*button hover - visit purpose*/
  .btn.btn-wizard-next:hover {
    color: #ffffff;
    background-color: #3a87ce;
    border-color: #3a87ce;
  }

  /*prev button hover - patient info*/
  .btn.btn-wizard-prev:hover {
    color: #003798;
    background: #f7f7f7;
    border-color: #4d4d4d;
  }
}

@media (max-width: 991px) and (min-width: 601px) {
  /*fix the previous next btn section*/
  #step2 .footer-btns-inner-wrapper .btn-wizard-prev,
  #step2 .footer-btns-inner-wrapper .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }
}

@media (max-width: 767px) and (min-width: 415px) {
  /*center content*/
  #scheduling-patient-information > .row {
    justify-content: center;
  }

  /*adjust the width*/
  #scheduling-patient-information .login-body {
    max-width: 540px;
    margin: 0;
    width: 100%;
    align-content: center;
  }

  /*center the content of login section*/
  #scheduling-patient-information .login-body > .row {
    margin: 0;
  }

  /*remove the padding left and text-align: justify*/
  #scheduling-patient-information .login-body .login-header-text {
    text-align: center;
    padding-left: 0px;
  }

  /*adjust width of username and password labels*/
  #scheduling-patient-information .form-group label {
    width: 21%;
    white-space: nowrap;
  }

  /*adjust the showpassword icon*/
  #showPasswordBtn .fa {
    margin-top: 3px;
    margin-left: -3rem;
    position: absolute;
    font-size: 20px;
  }

  /*get the form inputs into one column*/
  #patientInfoForm .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /*fix text labels*/
  #scheduling-patient-information .patientinformation .form-label {
    font-weight: 800;
    font-size: 0.9375rem;
  }

  /*give space below the input fields in the forms*/
  .patientinformation .form-control:not(.reasonforapp) {
    margin-bottom: 32px;
  }

  /*change size of reason inputbox*/
  .patientinformation .reasonforapp {
    min-height: 120px !important;
  }

  /*************************************************************/

  /*to remove padding and center previous and next buttons*/
  .footer-btns .pr-5 {
    text-align: center;
    padding-right: 0 !important;
    padding-left: 0;
  }

  /*remove left margin from next btn*/
  .footer-btns-inner-wrapper .btn-wizard-prev + .ml-4 {
    margin-left: 0 !important;
  }

  /*add space between previous and next btns*/
  #scheduling-patient-information .footer-btns-inner-wrapper .btn {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  /*correct the width of form container*/
  #patientInfoForm {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }

  /*correct the margin of card*/
  #patientInfoForm .card-wrapper .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 500px) {
  /*change padding to change width of form inputs*/
  .form-section.patientinformation {
    padding: 2rem 3rem;
  }
}

/************appointment time section ipad*******************/
@media (max-width: 1200px) and (min-width: 992px) {
  /*change the width of the calendar*/
  #step1 #sub-step1a .visit-purpose-appt .form-flow > div > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /*shrink the calendar by width*/
  #step1 #sub-step1a .visit-purpose-appt .form-flow #datePicker {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    margin-bottom: 10px;
  }

  /*adjust the width of prev & next container*/
  #sub-step1a .visit-purpose-appointment-footer {
    max-width: 960px;
  }
}

@media (max-width: 991px) and (min-width: 600px) {
  /*change the container to column*/
  #sub-step1a .form-flow div[style="display: flex;"]:nth-child(2) {
    flex-direction: column;
  }

  /*shrink the calendar by width*/
  #step1 #sub-step1a .visit-purpose-appt .form-flow #datePicker {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    margin-bottom: 10px;
  }

  /*correct the width of each date cell for the hover/active colors*/
  #datePicker .view-date {
    width: 15%;
    height: 45px;
  }

  /*adjust the time slot section to be full width*/
  .app-time-slots-cont {
    width: 100%;
  }

  /*adjust the width of prev & next container*/
  #sub-step1a .visit-purpose-appointment-footer {
    max-width: 720px;
  }

  /*fix the previous next btn section*/
  .step-content .visit-purpose-appointment-footer #visitApptPrev,
  .step-content .visit-purpose-appointment-footer #visitApptNext {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }

  /*increase the width of the appt times container*/
  #sub-step1a .card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*correct margin bottom above prev & next btns*/
  .visit-purpose-appt .card {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) and (min-width: 600px) {
  /*adjust the width of prev & next container*/
  #sub-step1a .visit-purpose-appointment-footer {
    max-width: 540px;
  }
}

/*get rid of border of appointment time container*/
#sub-step1a .visit-purpose-appointment-container > .card {
  border: none;
}

/*********covid questions iPad************/
@media (max-width: 1199px) and (min-width: 992px) {
  /*fix padding from left to right of questions*/
  #sub-step1b .form-flow {
    padding-left: 28px;
    padding-right: 28px;
  }

  /*change space between yes and no buttons*/
  .question-content-covid .form-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    width: 41.666667%;
  }

  /*to fix prev & next btn width container*/
  #sub-step1b .sitecore-form + .container {
    max-width: 960px;
  }
}

/*get rid of border of appointment time container*/
#sub-step1b .sitecore-form > .card {
  border: none;
}

@media (max-width: 991px) and (min-width: 768px) {
  /*remove left padding for questions*/
  #sub-step1b .question-content-covid p {
    padding-left: 0px !important;
  }

  /*to fix prev & next btn width container*/
  #sub-step1b .sitecore-form + .container {
    max-width: 720px;
  }

  /*correct the margin of card*/
  #sub-step1b .former-card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*fix the previous next btn section*/
  #sub-step1b .container .btn-wizard-prev,
  #sub-step1b .container .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }
}

@media (max-width: 767px) and (min-width: 601px) {
  /*remove left padding for questions*/
  #sub-step1b .question-content-covid p {
    padding-left: 0px !important;
  }

  /*correct the margin of card*/
  #sub-step1b .former-card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*to fix prev & next btn width container*/
  #sub-step1b .sitecore-form + .container {
    max-width: 540px;
  }

  /*fix the previous next btn section*/
  #sub-step1b .container .btn-wizard-prev,
  #sub-step1b .container .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }
}

@media (max-width: 600px) and (min-width: 415px) {
  /*covid questions*/
  #sub-step1b .question-content-covid p {
    font-weight: 300;
  }

  /*get previous & next buttons to be columns*/
  #sub-step1b .container .col-md-12 {
    display: flex;
    flex-flow: column;
  }

  /*center the previous and next btns*/
  #sub-step1b > .container {
    justify-content: center;
  }

  /*resize the next/previous buttons*/
  #sub-step1b .btn-wizard-prev,
  #sub-step1b .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }
}

/********insurance page ipad****************/
@media (max-width: 1199px) and (min-width: 992px) {
  /*to fix prev & next btn width container*/
  #step3 .sitecore-form + .container {
    max-width: 960px;
  }
}

/*get rid of border of insurance container*/
#insurance > .card {
  border: none;
}

@media (max-width: 991px) and (min-width: 768px) {
  /*fix the previous next btn section*/
  #step3 .container .btn-wizard-prev,
  #step3 .container .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }

  /*fix width of insurance section to make prev & next btns align*/
  #step3 {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  /*get rid of padding right of next btn*/
  #step3 .container .pr-5 {
    padding-right: 0px !important;
  }

  /*correct the margin of card*/
  #step3 .former-card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 992px) and (min-width: 601px) {
  /*change button sizes*/
  #useExistingBtn,
  #addInsuranceBtn,
  #selfPayBtn {
    padding: 19px 2rem 19px;
    font-size: 1.25rem;
    min-width: 350px;
  }
}

@media (max-width: 600px) and (min-width: 415px) {
  /*change button sizes*/
  #useExistingBtn,
  #addInsuranceBtn,
  #selfPayBtn {
    padding: 19px 2rem 19px;
    font-size: 1.25rem;
    max-width: 350px;
    width: 100%;
  }
}

@media (max-width: 767px) and (min-width: 600px) {
  /*fix the previous next btn section*/
  #step3 .container .btn-wizard-prev,
  #step3 .container .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }

  /*correct the width of footer container and the left and right of visit purpose container*/
  #step3 {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }

  /*correct the margin of card*/
  #step3 .former-card .card-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*get rid of padding right of next btn*/
  #step3 .container .pr-5 {
    padding-right: 0px !important;
  }
}

@media (max-width: 767px) and (min-width: 415px) {
  /*fix paragraphs alignment*/
  #step3 .title-info-sub-para,
  #step3 .para-under-table,
  #step3 .div1-para-use-insurance,
  #step3 .para2-add-insurance,
  #step3 .para2-self-pay,
  #step3 .div2-para-self-pay {
    margin-left: 0px !important;
  }

  /*make insurance page responsive*/
  .Insurance-table {
    width: 100% !important;
    padding-right: 0;
    padding-left: 0;
  }

  /*insurance plan title*/
  .Insurance-table .insurance-column {
    padding: 0;
  }

  /*member id subtitle*/
  .Insurance-table .member-column {
    display: block;
    padding: 0;
    font-size: 12px;
    margin-bottom: 9px;
  }

  /*make the member id as a new row*/
  .Insurance-table,
  .Insurance-table tbody,
  .Insurance-table tr,
  .Insurance-table td {
    display: block;
    width: 100%;
  }

  /*get rid of the original border*/
  .Insurance-table td {
    border: 0px;
  }

  /*create new border*/
  .Insurance-table tbody tr {
    margin-bottom: 0px;
    border: 1px solid #b2b2b2;
  }

  /*adjust the member id text*/
  .Insurance-table tbody td:nth-of-type(2) {
    font-size: 12px;
    padding-top: 0px;
    font-weight: 600;
  }

  /*adjust the insurance plan text*/
  .Insurance-table tbody td:nth-of-type(1) {
    padding-bottom: 0px;
    font-weight: 600;
  }
}

@media (max-width: 599px) and (min-width: 415px) {
  /*get previous & next buttons to be columns*/
  #step3 .container .col-lg-12 {
    display: flex;
    flex-flow: column;
  }

  /*center the previous and next btns*/
  #step3 .container {
    display: flex;
    justify-content: center;
  }

  /*resize prev & next btns*/
  #step3 .btn-wizard-prev,
  #step3 .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*fix margin on next btn*/
  #step3 .col-lg-12 .ml-4 {
    margin-left: 0px !important;
    margin-top: 10px;
  }

  /*fix padding on prev/next btn*/
  #step3 .float-right > .pr-5 {
    padding-right: 15px !important;
  }
}

/*************Review & Confirm iPad************/
.hide-addinsur-sec .pl-2,
.no-insc-details .pl-2 {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /*decrease the image width of provider for right space*/
  #reviewConfirmContainer .field-image img {
    width: 100%;
    height: 90px;
  }

  /*decrease height of img container*/
  #reviewConfirmContainer .r-p-profile-img-rating .field-image {
    height: 90px;
  }

  /*margin from image*/
  #reviewConfirmContainer .r-p-profile-img-rating > .field-image {
    margin-bottom: 8px;
  }

  /*resize star ratings*/
  #reviewConfirmContainer span.ds-stars {
    background-size: 73px;
    width: 100%;
    background-position-y: -133px;
  }

  /*resize the previous and schedule buttons section*/
  .review-footer .rErrorMessages + .col-md-6 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 30%;
  }
}

/*get rid of border of review/confirm container*/
#reviewConfirmContainer .card-deck > .card {
  border: none;
}

@media (max-width: 991px) and (min-width: 415px) {
  /*provider name*/
  .step-wizard-section-content .profile-details-section h5 {
    font-size: 20px;
    font-weight: 600;
  }

  /*provider name*/
  #reviewConfirmContainer .profile-key-data {
    font-size: 15px;
    font-weight: 300;
  }

  /*provider title*/
  #reviewConfirmContainer .profile-details-section {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*decrease height of img container*/
  #reviewConfirmContainer .r-p-profile-img-rating .field-image {
    height: 80px;
  }

  /*adjust provider picture*/
  #reviewConfirmContainer .field-image img {
    object-fit: cover;
    border-radius: 1rem;
    width: 65px;
    height: 80px;
    object-position: top center;
  }

  /*margin from image*/
  #reviewConfirmContainer .r-p-profile-img-rating > .field-image {
    margin-bottom: 8px;
  }

  /*resize star ratings*/
  #reviewConfirmContainer span.ds-stars {
    background-size: 70px;
    width: 100%;
    background-position-y: -128px;
  }

  .r-p-profile-img-rating + .col-sm-8 {
    padding-right: 0px;
  }

  #reviewConfirmContainer .date-info,
  #reviewConfirmContainer .r-p-location {
    font-size: 15px;
    font-weight: 600;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*font of address*/
  #reviewConfirmContainer .r-p-address {
    font-size: 15px;
    font-weight: 300;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  #reviewConfirmContainer .profile-address-section {
    line-height: 1.25rem;
  }

  /*adjust appointment details edit button*/
  #Appointment-edit1 {
    font-size: 15px;
  }

  /*change the edit icon size*/
  #Appointment-edit1 .fa {
    font: normal normal normal 14px/1 FontAwesome;
  }

  #reviewConfirmContainer .patient-details .pl-2,
  #reviewConfirmContainer .reason-for-visit-section .text-left,
  #reviewConfirmContainer .hide-addinsur-sec .pl-2,
  #reviewConfirmContainer .no-insc-details .pl-2 {
    font-size: 15px;
  }

  /*resize the previous and schedule buttons section*/
  .review-footer .rErrorMessages + .col-md-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 27%;
  }

  /*fix the previous next btn section*/
  .review-footer .row .btn-wizard-prev,
  .review-footer .row .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 768px) {
  /*resize star ratings*/
  #reviewConfirmContainer span.ds-stars {
    background-size: 78px;
    width: 100%;
    background-position-y: -143px;
  }
}

/*added 12/10/21*/
@media (max-width: 767px) and (min-width: 601px) {
  /*resize star ratings*/
  #reviewConfirmContainer span.ds-stars {
    background-size: 85px;
    width: 100%;
    background-position-y: -155px;
  }
}

/*added 12/10/21*/
@media (max-width: 600px) and (min-width: 576px) {
  /*resize star ratings*/
  #reviewConfirmContainer span.ds-stars {
    background-size: 73px;
    background-position-y: -133px;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  #reviewConfirmContainer .col-sm-4 {
    -ms-flex: 0 0 20.333333%;
    flex: 0 0 20.333333%;
    max-width: 20.333333%;
  }

  #reviewConfirmContainer .r-p-profile-img-rating + .col-8 {
    -ms-flex: 0 0 79.666667%;
    flex: 0 0 79.666667%;
    max-width: 79.666667%;
  }

  #Appointment-edit1 {
    margin-top: -138px !important;
  }

  #Patient-edit2 {
    margin-top: -200px !important;
  }

  #reviewConfirmContainer .profile-address-section > .text-left {
    display: none;
  }

  #reviewConfirmContainer .profile-address-section,
  #reviewConfirmContainer .reason-for-visit-section {
    padding-left: 5px !important;
  }

  .review-footer .mr-2,
  .review-footer .ml-2 {
    margin-right: 0px;
    margin-left: 0px;
  }

  #reviewConfirmContainer > .container {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  #reviewConfirmContainer > .container .card-body,
  #reviewConfirmContainer > .container .mb-4 {
    margin-left: 0px;
    margin-right: 0px;
  }

  #step4 .container > .row {
    justify-content: center;
  }
}

@media (max-width: 767px) and (min-width: 600px) {
  .review-footer .rErrorMessages + .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0px;
    padding-right: 0px !important;
  }

  #reviewConfirmContainer .card-deck {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 575px) and (min-width: 415px) {
  #reviewConfirmContainer span.ds-stars {
    background-size: 72px;
    width: 100%;
    background-position-y: -131px;
  }

  #reviewConfirmContainer .col-sm-4 {
    -ms-flex: 0 0 26.333333%;
    flex: 0 0 26.333333%;
    max-width: 26.333333%;
  }

  #reviewConfirmContainer .r-p-profile-img-rating + .col-8 {
    -ms-flex: 0 0 73.666667%;
    flex: 0 0 73.666667%;
    max-width: 73.666667%;
  }

  #reviewConfirmContainer .profile-address-section,
  #reviewConfirmContainer .reason-for-visit-section {
    padding-left: 0px !important;
  }

  /*changed 12/9/21*/
  #Appointment-edit1 {
    margin-right: 0px;
  }

  /*changed 12/9/21*/
  #Patient-edit2 {
    margin-right: 0px;
  }

  /*changed 12/9/21*/
  #Insurance-edit3 {
    margin-right: 0px;
  }

  #reviewConfirmContainer .profile-address-section > .text-left {
    display: none;
  }
}

@media (max-width: 599px) and (min-width: 415px) {
  .review-footer .rErrorMessages + .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    justify-content: center !important;
  }

  /*fix position of previous & schedule buttons*/
  .review-footer-btns-wrapper {
    margin: 0px;
  }

  /*to center previous & schedule buttons*/
  .review-footer-btns-wrapper .row {
    justify-content: center;
  }

  /*to remove the 3rem important on pr-5*/
  .review-footer .rErrorMessages + .pr-5 {
    padding-right: 15px !important;
  }

  /*remove right margin from previous btn*/
  .review-footer-btns-wrapper .mr-2 {
    margin-right: 0px !important;
  }

  .review-footer-btns-wrapper .btn-wizard-prev,
  .review-footer-btns-wrapper .btn-schedule-set-up {
    /*     margin-right: 0px !important; */
    margin-bottom: 15px !important;
    padding: 19px 2rem 44px !important;
    font-size: 1.25rem !important;
    min-width: 268px !important;
  }

  .review-footer-btns-wrapper .btn-schedule-set-up {
    margin-left: 0px !important;
  }

  .review-footer {
    flex-flow: column nowrap;
  }

  #reviewConfirmContainer > .container .card-body,
  #reviewConfirmContainer > .container .mb-4 {
    margin-left: 0px;
    margin-right: 0px;
  }

  #reviewConfirmContainer .card-deck {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 500px) and (min-width: 415px) {
  #reviewConfirmContainer .col-sm-4 {
    -ms-flex: 0 0 36.333333%;
    flex: 0 0 36.333333%;
    max-width: 36.333333%;
  }

  #reviewConfirmContainer .r-p-profile-img-rating + .col-8 {
    -ms-flex: 0 0 63.666667%;
    flex: 0 0 63.666667%;
    max-width: 63.666667%;
  }

  .patient-insurance-details .section-header .text-left {
    white-space: nowrap;
  }
}

@media (max-width: 460px) and (min-width: 381px) {
  #Insurance-edit3 {
    white-space: nowrap;
  }

  #reviewConfirmContainer > .container .card-body,
  #reviewConfirmContainer > .container .mb-4 {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 350px) {
  #Insurance-edit3 {
    padding-left: 2px !important;
  }
}

#reviewConfirmContainer .useExistingBtn span,
#reviewConfirmContainer .selfPayBtn span {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

@media (max-width: 768px) and (min-width: 415px) {
  #reviewConfirmContainer .patient-insurance-details {
    padding-bottom: 17px;
  }
}

/*fix task border in appt time screen*/
@media screen and (min-width: 992px) {
  .visit-purpose-appointment-container div.mainCon {
    border: none;

    border-top-color: rgb(112, 112, 112);
    border-top-style: solid;
    border-top-width: 1px;

    border-bottom-color: rgb(112, 112, 112);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
}

/*fix specialties spacing*/
@media screen and (min-width: 415px) {
  #sub-step1a .app-time-slots-cont .no-time-slots-text {
    margin-top: 10px;
  }
}

.form-label .required-red {
  color: #009543;
}

/*******insurance plans iPad********/
/*top paragraph*/
#sub-step1a p.insurance-profile-header {
  font-weight: 300;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
}

/*remove border*/
.insurance-profile-container > .card {
  border: none;
}

@media screen and (min-width: 768px) {
  /*change see plans accepted accordion link*/
  #insuranceProfile .expanded > .panel-header,
  #insuranceProfile .panel-header span {
    font-size: 1.5625rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /*make insurance list aligned*/
  #insuranceProfile p,
  #insuranceProfile li {
    text-align: left;
  }

  /*bold accepting new patients*/
  .insurance-plans div > p {
    font-weight: 700 !important;
  }

  /*change the other p weight*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "] {
    font-weight: 300 !important;
  }

  /*space for each li in insurance lists*/
  #insuranceProfile li {
    margin-bottom: 5px;
  }

  /*space below the li text of if isurance is not listed*/
  #insuranceProfile .insurance-profile-footer-text li {
    margin-bottom: 12px;
  }

  /*space below the last paragraph*/
  #insuranceProfile .insurance-profile-footer-text {
    padding-bottom: 64px;
  }

  /*increase the width of the insurance accordion*/
  #insuranceProfile .panel.plans-list {
    width: 80%;
  }

  /*change insurance font*/
  .insurance-items-ul-te span {
    font-weight: 300;
  }

  /*close button*/
  .plans-list .panel-header button {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) and (min-width: 415px) {
  /*adjust the li text of if insurance is not listed*/
  #insuranceProfile .insurance-profile-footer-text li {
    margin-bottom: 12px;
    margin-left: 17px;
  }

  /*adjust accordion text*/
  #insuranceProfile .panel-header span {
    text-align: left;
  }

  /*make insurance lists*/
  #insuranceProfile p,
  #insuranceProfile li {
    text-align: left;
  }

  /*bold accepting new patients*/
  .insurance-plans div > p {
    font-weight: 700 !important;
  }

  /*change first paragraph font weight*/
  .insurance-profile-header,
  #insuranceProfile li,
  #insuranceProfile span {
    font-weight: 300 !important;
  }

  /*change the other p weight*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "] {
    font-weight: 300 !important;
  }

  /*adjust top text*/
  #insuranceProfile .insurance-profile-footer-text {
    font-size: 20px;
  }

  /*adjust bottom text*/
  #insuranceProfile
    p[style="color: #000; font-size:1.75rem; font-weight:400; "],
  #insuranceProfile
    span[style="color: #000; font-size:1.75rem; font-weight:400;"] {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  /*spacing on insurance lists*/
  #insuranceProfile .insurance-items-ul-te span {
    margin-left: 12px;
    font-size: 17px;
    clear: left;
  }
}

@media (max-width: 991px) and (min-width: 601px) {
  /*resize prev/next btns*/
  .insurance-profile-footer .btn-wizard-prev,
  .insurance-profile-footer .btn-wizard-next {
    padding: 15px 2rem 40px;
    font-size: 15px;
    min-width: 168px;
    min-height: 30px;
  }

  /*correct margin-bottom between container and prev/next btn*/
  .insurance-profile-container > .card {
    margin-bottom: 14px;
  }

  /*paragraph at top and bottom*/
  #sub-step1a p.insurance-profile-header,
  #sub-step1a .insurance-profile-footer-text li,
  #sub-step1a .insurance-profile-footer-text span {
    font-size: 1.25rem;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }

  /*the insurance lists text*/
  #sub-step1a .plans-list-inner-wrapper span,
  #sub-step1a .insurance-plans p {
    font-size: 1.0625rem;
    font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  }
}

@media (max-width: 600px) and (min-width: 415px) {
  /*resize prev/next btns*/
  .insurance-profile-footer .btn-wizard-prev,
  .insurance-profile-footer .btn-wizard-next {
    padding: 19px 2rem 44px;
    font-size: 1.25rem;
    min-width: 268px;
  }

  /*give space between prev/next btns*/
  .insurance-profile-footer .btn {
    margin-bottom: 15px;
  }
}

/*******thank you ipad*********/
/*remove border*/
#sub-step4a .thank-you-container > .card {
  border: none;
}

/*change return home link*/
#returnHomeLink {
  color: #003798;
}

/*change link colors*/
#step4 a {
  color: #003798;
}

@media screen and (max-width: 991px) {
  /*return home link*/
  #returnHomeLink {
    font-size: 1.25rem !important;
  }
}

/*********update to fixes 12/2/21************/
@media screen and (max-width: 991px) {
  /*to get rid of the margin applied to location details*/
  #scheduling
    .col-12.col-sm-9.col-md-9.col-lg-10.offset-sm-3.offset-md-3.offset-lg-2 {
    margin-top: 0px;
    margin-left: 0;
  }

  /*need to set this in order for location name/details to come up to the provider name*/
  #scheduling .profile-details .provider-image {
    max-height: 30px;
  }

  /*change the flex container to keep flex items to the right*/
  #scheduling .profile-details > .row {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 360px) {
  /*to fix smaller screens for start over link*/
  .profile-details .col-12 + .col-lg-10 {
    margin-right: 39%;
  }
}

@media (max-width: 991px) and (min-width: 601px) {
  /*move start over link up*/
  #scheduling .offset-sm-3 + .col-lg-10 {
    margin-top: -1.35rem;
  }
}

/*get rid of padding to the city*/
#scheduling .profile-location .field-city,
#scheduling .one-line {
  padding-left: 0px;
}

@media screen and (max-width: 600px) {
  /*give some space between position and location name*/
  #scheduling
    .col-12.col-sm-9.col-md-9.col-lg-10.offset-sm-3.offset-md-3.offset-lg-2 {
    margin-top: 10px;
  }
}

/*fix flex container of providers*/
.practice-question-content .form-wrapper > div {
  justify-content: space-between;
  min-width: 0 !important;
  margin-left: auto;
  margin-right: auto;
}

/*removes text indent*/
.practice-question-content .profile-data div {
  text-indent: 0px;
}

/*to get the provider buttons to wrap*/
.practice-question-content
  div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
  flex-wrap: wrap;
}

/*fix the height of the provider cards*/
#visitPurposeQns .profile.profile-header .provider-image {
  margin-bottom: 0.27rem;
}

/*get rid of provider name and position wrapping around image and rating*/
.practice-question-content .provider-image {
  height: 100% !important;
}

/*remove the set height on div*/
.practice-question-content
  div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
  height: 100% !important;
}

/*change the provider name and group font for locations*/
.practice-question-content .profile-data div {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  text-transform: none;
  font-weight: 300 !important;
}

/*give space below providers*/
.practice-question-content {
  margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
  /*fix flex container of providers*/
  .practice-question-content .form-wrapper > div {
    width: 800px !important;
  }

  /*get rid of provider name and position wrapping around image and rating*/
  .practice-question-content .provider-image {
    margin-right: 10px;
  }

  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-size: 99% !important;
    background-position: 0px -105px !important;
    width: 58px !important;
  }

  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 382px;
    max-width: 382px;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }
}

@media screen and (max-width: 991px) {
  /*increases width of the provider name and position*/
  .practice-question-content .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /*change the provider name and group font for locations*/
  .practice-question-content .profile-data div {
    font-size: 1rem !important;
  }

  /*change the provider name font*/
  .practice-question-content
    .profile-data
    div[style="font-weight: 400;font-size: 16px;color: #003798;"] {
    font-weight: 600 !important;
  }

  /*to get the provider buttons to wrap*/
  .practice-question-content
    div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
    gap: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-size: 99% !important;
    background-position: 0px -105px !important;
    width: 58px !important;
  }

  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 48.666666%;
    max-width: 48.666666%;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }

  /*get rid of the side paddings*/
  .practice-question-content .form-wrapper {
    padding: 0 !important;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 48%;
    max-width: 48%;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }

  /*get rid of the side paddings*/
  .practice-question-content .form-wrapper {
    padding: 0 !important;
  }

  /*fix padding left of provider button*/
  .practice-question-content .form-check .form-check-label:not(:root) {
    padding-left: 10px;
  }

  /*get rid of provider name and position wrapping around image and rating*/
  .practice-question-content .provider-image {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-position: 0px -90px !important;
    width: 50px !important;
  }
}

@media (min-width: 545px) and (max-width: 600px) {
  /*to get the provider image centered more*/
  #step1
    .practice-question-content
    .form-check-label
    .col-3.col-md-3.col-lg-2.provider-image {
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }
}

/*********Location pick provider page 12/8/21*******/
/*fix flex container of providers*/
.practice-question-content .form-wrapper > div {
  justify-content: space-between;
  min-width: 0 !important;
  margin-left: auto;
  margin-right: auto;
}

/*removes text indent*/
.practice-question-content .profile-data div {
  text-indent: 0px;
}

/*to get the provider buttons to wrap*/
.practice-question-content
  div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
  flex-wrap: wrap;
}

/*fix the height of the provider cards*/
#visitPurposeQns .profile.profile-header .provider-image {
  margin-bottom: 0.27rem;
}

/*get rid of provider name and position wrapping around image and rating*/
.practice-question-content .provider-image {
  height: 100% !important;
}

/*remove the set height on div*/
.practice-question-content
  div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
  height: 100% !important;
}

/*change the provider name and group font for locations*/
.practice-question-content .profile-data div {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  text-transform: none;
  font-weight: 300 !important;
}

@media screen and (min-width: 992px) {
  /*fix flex container of providers*/
  .practice-question-content .form-wrapper > div {
    width: 800px !important;
  }

  /*get rid of provider name and position wrapping around image and rating*/
  .practice-question-content .provider-image {
    margin-right: 10px;
  }

  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-size: 99% !important;
    background-position: 0px -105px !important;
    width: 58px !important;
  }

  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 382px;
    max-width: 382px;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }

  /*give space below providers*/
  .practice-question-content {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  /*increases width of the provider name and position*/
  .practice-question-content .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /*change the provider name and group font for locations*/
  .practice-question-content .profile-data div {
    font-size: 1rem !important;
  }

  /*change the provider name font*/
  .practice-question-content
    .profile-data
    div[style="font-weight: 400;font-size: 16px;color: #003798;"] {
    font-weight: 600 !important;
  }

  /*to get the provider buttons to wrap*/
  .practice-question-content
    div[style="display: flex;height: 115px;flex-direction: row;justify-content: space-between;gap: 30px; width: 100%;"] {
    gap: 15px !important;
  }

  /*give space below providers*/
  .practice-question-content {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-size: 99% !important;
    background-position: 0px -105px !important;
    width: 58px !important;
  }

  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 48.666666%;
    max-width: 48.666666%;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }

  /*get rid of the side paddings*/
  .practice-question-content .form-wrapper {
    padding: 0 !important;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  /*fix each provider button*/
  .practice-question-content .form-check {
    flex: 0 0 48%;
    max-width: 48%;
    height: 100%; /*to make sure provider with less info will fix height of card*/
  }

  /*get rid of the side paddings*/
  .practice-question-content .form-wrapper {
    padding: 0 !important;
  }

  /*fix padding left of provider button*/
  .practice-question-content .form-check .form-check-label:not(:root) {
    padding-left: 10px;
  }

  /*get rid of provider name and position wrapping around image and rating*/
  .practice-question-content .provider-image {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  /*fix star ratings*/
  .practice-question-content span.ds-stars {
    background-position: 0px -90px !important;
    width: 50px !important;
  }
}

@media (min-width: 545px) and (max-width: 600px) {
  /*to get the provider image centered more*/
  #step1
    .practice-question-content
    .form-check-label
    .col-3.col-md-3.col-lg-2.provider-image {
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }
}

/*****review & confirm fixes 12/6/21 ******/
@media screen and (max-width: 767px) {
  /*get the flex items to stay right and for location details to be under provider name*/
  #reviewConfirmContainer .review-con-profile-details {
    justify-content: flex-end;
  }

  /*set height in order to get the location details to fall under provider name*/
  #reviewConfirmContainer .col-sm-4 {
    max-height: 30px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  /*get rid of left padding*/
  #reviewConfirmContainer .profile-address-section {
    margin-top: 0px;
    margin-left: 0;
    padding-left: 0 !important;
    padding-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /*to change location detail width to fit under provider name*/
  #reviewConfirmContainer .profile-address-section {
    -ms-flex: 0 0 79.666667%;
    flex: 0 0 79.666667%;
    max-width: 79.666667%;
  }
}

@media screen and (max-width: 600px) {
  /*fix the padding to align name with location detail*/
  #reviewConfirmContainer
    .container
    .card-body
    > .row
    .profile-details-section
    .pl-2 {
    padding-left: 10px !important;
    padding-right: 0;
  }
}

@media (max-width: 600px) and (min-width: 576px) {
  /*fix the star rating being cut off during this view*/
  .review-con-profile-details .ds-summary.ratings .ds-stars {
    max-width: 100%;
  }
}

@media (min-width: 415px) and (max-width: 575px) {
  /*to change location detail width to fit under provider name*/
  #reviewConfirmContainer .profile-address-section {
    -ms-flex: 0 0 73.666667%;
    flex: 0 0 73.666667%;
    max-width: 73.666667%;
  }
}

@media (max-width: 500px) and (min-width: 415px) {
  /*to change location detail width to fit under provider name*/
  #reviewConfirmContainer .profile-address-section {
    -ms-flex: 0 0 63.666667%;
    flex: 0 0 63.666667%;
    max-width: 63.666667%;
  }
}

@media screen and (max-width: 414px) {
  /*to change location detail width to fit under provider name, changed 12/13/21*/
  #reviewConfirmContainer .profile-address-section {
    -ms-flex: 0 0 70.666667%;
    flex: 0 0 70.666667%;
    max-width: 0 0 70.666667%;
    margin-top: 0px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  /*align provider pic and provider name to right*/
  #reviewConfirmContainer .profile-details-section {
    justify-content: flex-end;
  }

  /*to get top edit button to align with bottom ones, changed 12/10/21*/
  #reviewConfirmContainer .review-con-profile-details,
  #reviewConfirmContainer .patient-details-review-c {
    padding-right: 0px !important;
  }

  /*to fix insurance edit button to align 12/10/21*/
  #reviewConfirmContainer .patient-insurance-details {
    padding-right: 25px !important;
  }
}

@media (max-width: 414px) and (min-width: 375px) {
  /*to fix star rating between responsive*/
  span.ds-stars5 {
    background-position-y: -133px;
    width: 100%;
    background-size: 73px;
  }
}

@media screen and (max-width: 347px) {
  /*fix patient information edit button*/
  #Patient-edit2 {
    margin-top: -202px;
  }
}

/*******12/10/21 review and confirm changes**********/
/*change the margin for edit buttons*/
#Insurance-edit3,
#Patient-edit2,
#Appointment-edit1 {
  margin-top: 0px !important;
}

@media screen and (max-width: 600px) {
  /*get rid of padding left of self pay and reason for visit*/
  #reviewConfirmContainer .selfPayBtn,
  #reviewConfirmContainer .reason-for-visit-section {
    padding-left: 0px !important;
  }
}

@media screen and (min-width: 601px) {
  #reviewConfirmContainer .selfPayBtn {
    padding-left: 0.5rem !important;
  }
}

/*to make sure insurance edit button aligns with patient and appointment button*/
.patient-insurance-details .section-header {
  padding-right: 0px !important;
}

/*remove the empty p tag above visit info*/
#reviewConfirmContainer .profile-address-section > p,
#reviewConfirmContainer .reason-for-visit-section > h4 {
  display: none;
}

@media (min-width: 415px) and (max-width: 575px) {
  /*remove the right padding for edit buttons on each section*/
  #reviewConfirmContainer .review-con-profile-details,
  #reviewConfirmContainer .patient-details-review-c {
    padding-right: 0px !important;
  }

  #reviewConfirmContainer .patient-insurance-details {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 414px) {
  /*add space above patient info*/
  #reviewConfirmContainer .patient-details-review-c > .row {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  /*give space above visit type details*/
  #reviewConfirmContainer .profile-address-section {
    margin-top: 15px;
  }
}

/*12/10/21 fixes*/
@media (min-width: 415px) and (max-width: 600px) {
  /*fix suite font on the location profile*/
  #scheduling .field-address-line-2 {
    font-size: 15px;
  }
}

/*****more changes******/
/*font weight*/
.button-default .form-check-label,
.btn-wizard-prev,
.btn-wizard-next,
.add-insurances .form-check-label,
.form-check-label-covid {
  font-weight: 300 !important;
}

/*button hover*/
.button-default .form-check-label:hover,
.add-insurances .form-check-label:hover,
#purposeOfVisitCheckboxWrapper .form-check-label:hover,
.form-check-label-covid:hover,
.practice-question-content .form-check:hover {
  color: #003798 !important;
  background: #f7f7f7 !important;
  border-color: #4d4d4d !important;
  cursor: pointer;
}

/*reposition the drop down arrow*/
#patientInfoForm select,
#incSuffix {
  background-position: calc(100% - 30px) 20px, calc(100% - 20px) 20px, 100% 0;
}

/*reposition the drop down arrow*/
#VisitOptions,
#ProviderOptions {
  background-position: calc(100% - 30px) 18px, calc(100% - 20px) 18px, 100% 0;
}

/*fix padding for arrow*/
.sitecore-form .incsubsSuffix {
  padding-right: calc(-1px + 3rem);
}

/*change color of edit buttons*/
.color-blue {
  color: #003798;
}

@media screen and (min-width: 993px) {
  /*change width of add insurance*/
  .add-insurances label.form-check-label {
    max-width: 445px !important;
  }
}

@media (min-width: 415px) and (max-width: 575px) {
  /*remove padding of buttons*/
  .add-insurances {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/***location provider details change***/
#scheduling .profile-details .col-lg-1 {
  flex: 0 0 12.666667%;
  max-width: 12.666667%;
}

#scheduling .profile-details .providerImage + .providerDetails {
  flex: 0 0 23.333333%;
  max-width: 23.333333%;
}

#scheduling .providerDetails + .col-lg-6 {
  flex: 0 0 45%;
  max-width: 45%;
}

#scheduling .practiceStartOver-wrapper {
  flex: 0 0 12%;
  max-width: 12%;
}

@media screen and (max-width: 991px) {
  /*to get rid of the margin applied to location details*/
  #scheduling .providerDetails + .col-lg-6 {
    margin-top: 0px;
    margin-left: 0;
  }

  /*need to set this in order for location name/details to come up to the provider name*/
  #scheduling .profile-details .col-lg-1 {
    max-height: 30px;
  }

  /*change the flex container to keep flex items to the right*/
  #scheduling .profile-details > .row {
    justify-content: flex-end;
  }
}

@media (max-width: 991px) and (min-width: 601px) {
  /*provider name and title area*/
  #scheduling .profile-details .providerImage + .providerDetails {
    -ms-flex: 0 0 73.333333%;
    flex: 0 0 73.333333% !important;
    max-width: 73.333333% !important;
  }

  /*location name*/
  #scheduling .providerDetails + .col-lg-6 {
    flex: 0 0 73.333333% !important;
    max-width: 73.333333% !important;
  }

  /*start over*/
  #scheduling .practiceStartOver-wrapper {
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333% !important;
    max-width: 30.333333% !important;
  }

  #scheduling .practiceStartOver-wrapper {
    margin-top: -1.35rem;
  }
}

@media screen and (max-width: 600px) {
  #scheduling .providerDetails + .col-lg-6 {
    flex: 0 0 75%;
    max-width: 75%;
    margin-top: 10px;
  }

  #practiceStartOver a {
    font-size: 1rem !important;
  }

  /*changed 12/13/21*/
  #scheduling .practiceStartOver-wrapper.col-lg-2 {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    margin-left: 60%;
    margin-top: -21px !important;
    padding: 0px;
  }
}

@media screen and (max-width: 360px) {
  #scheduling .col-lg-6 + .col-lg-2 {
    margin-left: calc(57px + 0.00025vw);
    bottom: -28px;
    margin-right: 41%; /*was 45%*/
  }
}
/* Venkata changes 12/21/2021 insurance plans spacing*/
ul.plans-list-inner-wrapper.insurance-items-ul-te li span {
    padding-left: 12px;
}