.upcoming-visits-module {
  padding-top: 35px;
}
/* .visit-user-content{display: flex; align-items: center; justify-content: center;} */
.visit-user-content .username-content {
  margin-top: 30px;
}
.upcoming-visits-panel {
  border: 1px solid #d9d9d9;
  z-index: 1200;
  background-color: #ffffff;
  position: relative;
  box-shadow: 0px 6px 16px #00000015;
}
.upcoming-visit-panel-title {
  background-color: #f3f3f3;
  padding: 10px 15pt;
}
.upcoming-visit-panel-content {
  padding: 10px; /*display: inline-block;*/
  display: flex;
  width: 100%;
  background-color: #fff;
  padding-bottom: 0;
  padding-left: 15pt;
}
.upcoming-visit-panel-content .visit-time {
  flex: 0 0 120px;
}
.upcoming-visit-panel-content > div {
  float: left;
}
.visit-time img {
  width: 35px;
  float: left;
  cursor: pointer;
}
.visit-time .date-time {
  float: left;
  margin-left: 10px;
  font-weight: 500;
  color: #333436;
}
.visit-pet-details {
  margin: 0px 30px 10px 30px;
}
.virtual-visit-info {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 0;
}
.pet-detail-section .visit-pet-details {
  margin: 0px 30px 10px 30px;
}
.visit-pet-details .pet-name {
  font-weight: 500;
  color: #333436;
}
.visit-actions {
  float: right !important;
  margin: 0px 10px 10px auto;
  flex: 0 0 255px;
  text-align: right;
}
.visit-actions a {
  margin: auto 10px;
}
.visit-actions a.confirmed {
  font-weight: 500;
}
.visit-actions.text-right .view-change {
  margin-right: 12px;
}
.view-all-visits-section {
  text-align: center;
}
.view-all-visits-section .view-all-visits {
  background-color: #f3f3f3;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  display: inline;
  padding: 10px 30px 3px 30px;
  border-top: 0;
  cursor: pointer;
  position: relative;
}
#view-all-visits .upcoming-visit-panel-content {
  border: 1px solid #d9d9d9;
  box-shadow: 0px 6px 16px #00000015;
}
#view-all-visits .upcoming-visit-panel-content {
  margin-top: 5px;
}
#view-all-visits
  > div.upcoming-visits-panel
  > div:nth-child(2)
  .upcoming-visit-panel-content {
  border-top: 0px solid grey;
}
.upcoming-visits-list {
  background-color: #fff;
  z-index: 1200;
  position: relative;
  display: grid;
}

.upcoming-visit {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 6px 16px #00000015;
  position: relative;
}
.upcoming-visit-content {
  padding: 10px;
  display: inline-block;
  width: 100%;
}
.upcoming-visit-title {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.visit-date p {
  margin-bottom: 0;
  font-weight: 500;
}
.upcoming-visit-content > div {
  float: left;
}
.visit-expand {
  float: right !important;
  margin: 10px auto;
  cursor: pointer;
}
.view-expand-visits {
  border-top: 1px solid #d9d9d9;
  padding: 10px;
}
.visit-pet-actions .orange-outlined {
  width: auto;
}
.calendar-visit-icon img {
  width: auto;
}
/* .view-visit-expand-content{display: inline-block;width: 100%;} */
/* .view-visit-expand-content > div{float:right;} */
.pet-others {
  /*margin:auto 10px;*/
  margin-left: 55px;
}
.visit-pet-actions a {
  margin: auto 10px;
}
.visit-pet-actions a:first-child {
  margin-left: 0;
}
.grey-confirmed {
  font: 0.92rem/1.67rem "Poppins", sans-serif;
  font-weight: 500;
  background-color: #fff;
  color: #333436 !important;
  border: 3px solid #333436;
  padding: 5px 30px;
  height: 45px;
  border-radius: 0;
  display: block;
}
.visit-actions .orange-outlined {
  display: block;
  margin-bottom: 5px;
}
.upcoming-visits-module.mobile {
  display: none;
}
.visit-pet-details .pet-others {
  margin: 0;
}
.upcoming-visits-content > .upcoming-visit-panel-content {
  border: 1px solid #d9d9d9;
  box-shadow: 0px 6px 16px #00000015;
}
.no-upcoming-visit {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 35px;
}
.upcoming-visit-time {
  text-transform: lowercase;
}
.visit-time .date-time > div:last-child {
  text-transform: lowercase;
}
.join-virtual-visit-sec {
  padding: 0 15px 10px;
}

@media (max-width: 991px) {
  .no-upcoming-visit {
    display: block;
    margin-top: 20px;
  }
  .view-change.mobile {
    display: none;
  }
  .preappointment-video.mobile {
    display: none;
  }
  .join-virtual-visit-sec.mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  /* .upcoming-visits-module{display: none;} */
  .upcoming-visits-module {
    padding-bottom: 20px;
  }
  .upcoming-visits-module.mobile {
    display: block; /*background-color:#f3f3f3;*/
    margin-top: 20px;
    padding: 20px 0;
  }
  .visit-user-content .username-content {
    margin-top: 15px;
  }
  .visit-user-content .username-content h1 {
    margin-bottom: 5px;
  }
  .upcoming-visit-content .visit-pet-details {
    margin: 0px 10px 0px 10px;
  }
  .calendar-visit-icon {
    width: 60px;
    text-align: right;
    padding-right: 15px;
    margin-left: auto;
  }
  .upcoming-visits-module .visit-pet-actions {
    padding-top: 10px;
  }
  .visit-pet-details {
    margin: 0px 10px 0px 10px;
  }
  .pet-detail-section .visit-pet-details {
    margin: 0px 10px 0px 10px;
  }

  .pet-others .loc-name {
    font-weight: 500;
  }
  .dashboard-section .my-pet-mobile-content .pet-desc {
    padding-bottom: 25px;
  }
  /* .dashboard-section .my-pet-mobile-content .pet-task:last-child{border-bottom:1px solid #d9d9d9} */
  .dashboard-section .my-pet-mobile-content .orange-outlined {
    margin-top: 25px;
  }
  .dashboard-section .my-pet-mobile-content .add-new-pet-module {
    margin-top: 0;
  }
  .upcoming-visits-module.mobile .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  #mob-view-all-visits .upcoming-visit-content {
    border: 1px solid #d9d9d9;
    box-shadow: 0px 6px 16px #00000015;
    margin-top: 5px;
  }
  .upcoming-mob-content .upcoming-visit-title {
    background-color: #f3f3f3;
  }
  .visit-actions {
    display: none;
  }
  .view-change.mobile {
    display: block;
  }
  .upcoming-visit-panel-content {
    padding-bottom: 10px;
    display: flex;
    word-break: break-word;
  }
  .upcoming-visit-panel-content .visit-time {
    flex: 0 0 120px;
  }
  .join-virtual-visit-sec p,
  .join-virtual-visit-sec .join-virtual-visit ~ .view-change {
    text-align: center;
  }
  .preappointment-video.mobile {
    display: block;
  }
  .content-root {
    border: 2px solid #d9d9d9;
    box-shadow: 0 6px 16px #00000015;
  }

  .join-virtual-visit-sec.mobile {
    display: block;
  }

  #view-all-visits .upcoming-visit-panel-content {
      border: none;
      box-shadow: none;
  }
  #upcomingVisitpetDetails .upcoming-visit-panel-content{
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
  }

  #upcomingVisitpetDetails .mobile.join-virtual-visit-sec{
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
  }
}

@media (max-width: 480px) {
  .upcoming-visits-module .visit-pet-actions a {
    display: block;
  }
}

@media (max-width: 320px) {
  /* .upcoming-visit-content .visit-pet-details{float: none;margin-left: 110px;}
    .visit-pet-details .pet-name{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
    .visit-pet-details .pet-exam{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
    .visit-pet-details {float:none !important;margin-left: 109px;} */
  .upcoming-visit-panel-content {
    padding-left: 10px;
  }
  .upcoming-visit-panel-content .visit-time {
    flex: 0 0 118px;
  }
  .upcoming-visits-list {
    display: list-item;
  }
}

.join-virtual-visit ~ .view-change {
  text-align: right;
  display: block;
}
a.orange-link.view-change {
  font: 0.92rem/1.67rem "Poppins", sans-serif;
  font-weight: 500;
}
.vv-btn-icon {
  background-image: url(/Banfield/images/bf-external-link-icon-orange.svg);
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  display: inline-flex;
  background-size: 13px 13px;
}

/* VV icons */
.join-virtual-visit.disabled .vv-btn-icon {
  background-image: url("/Banfield/images/bf-external-link-icon-grey.svg");
}
.join-virtual-visit:hover .vv-btn-icon {
  background-image: url("/Banfield/images/bf-external-link-icon-white.svg");
}
.dropoff-visit-type a,
.inroom-visit-type a {
  cursor: pointer;
}

.confirm-appointment {
    transition: all.15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mob-confirm-appointment-section {
    padding: 0 15px 10px;
}

.mob-confirm-appointment-section .appt-confirmed {
    margin-left: 123px;
    margin-top: -20px;
}

.confirm-appointment img {
    width: 25px;
    margin-left: 10px;
}

.confirm-appointment.disabled:focus {
    box-shadow: none;
    background-color: #fff;
    color: #333436 !important;
}

a.appt-confirmed {
    color: #333436 !important;
    font: 0.92rem/1.67rem 'Poppins', sans-serif;
    font-weight: 500;
    pointer-events: none;
}

.appt-confirmed:hover {
    text-decoration: none !important;
    pointer-events: none !important;
}

.appt-confirmed:focus {
    box-shadow: none;
    background-color: #fff;
    color: #333436 !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

.confirm-appointment + .join-virtual-visit {
    margin-top: 15px;
}

.confirm-appointment.appt-confirmed + .join-virtual-visit {
    margin-top: 5px;
}

.confirm-appointment[style*="display: none;"] + .join-virtual-visit {
    margin-top: 0px;
}