/* Put css styles for home view here */
.home-view p {
  padding: 5px;
}

.userWelcomeText {
  padding: 15px;
  font-size: 2.5em;
  font-weight: 300;
}

.patientDetailBanner {
  width: 535px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  transition: opacity 150ms;
}

/*.patientDetailBanner.loaded {
    opacity: 1;
}*/

.patientDetailBanner:active {
  opacity: 0.5;
}

.my-appointments .myAppointmentsText {
  padding-bottom: 10px;
}

.cards-layout-box {
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0px;
  height: auto;
  width: 460px;
}

.scheduler-layout-box {
  position: absolute;
  top: 60px;
  bottom: 0px;
  left: 460px;
  right: 20px;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 2px 5px 0px lightgray;
  padding: 15px;
}

.noBookingsCover {
  position: absolute;
  top: 60px;
  left: 20px;
  right: 20px;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
}

.page-buttons-container {
  padding: 10px 0 10px 15px;
  position: absolute;
  z-index: 10;
}

@media screen and (max-width: 1500px) {
  .noBookingsCover {
    right: 20px;
  }

  .clinics-layout-box {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .cards-layout-box {
    display: none;
  }
  .scheduler-layout-box {
    left: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .scheduler-layout-box {
    left: 0px;
    right: 0px;
    top: 0px;
  }
  .clinics-layout-box {
    display: none;
  }
  #tileView {
    display: none;
  }
  #clinicianListMenu {
    display: none;
  }

  #calendarScrollHome {
    position: absolute;
    height: auto;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
  }
}

.next-patient-card {
  background-color: #fff;
  height: 550px;
  margin: 0 5px 10px 15px;
  padding: 15px;
  position: relative;
  box-shadow: 0px 2px 5px 0px lightgray;
}

#calendarHome {
  margin-right: 10px;
}

.teamsBannerHome {
  margin-left: -10px;
}