/* body {
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto', sans-serif;
} */
.h3 {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  font-size: 26px;
}

.h6 {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  font-size: 16px;
}

.h5 {
  padding: 10px 0px 5px 0px;
  margin: 0px;
  font-size: 16px;
}

.h4 {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  font-size: 20px;
  font-weight: 600;
}

.p {
  padding: 5px 0px;
  margin: 0px;
  line-height: 24px;
  font-size: 14px;

}

.common-space {
  padding: 70px 0px;
  margin: 0px;
}

.app-booking-tab {
  padding: 0px;
  margin: 0px 0px 30px 0px;
  box-shadow: 0px 1px 4px 3px rgba(208, 208, 208, 0.17);
  -moz-box-shadow: 0px 1px 4px 3px rgba(208, 208, 208, 0.17);
  -webkit-box-shadow: 0px 1px 4px 3px rgba(208, 208, 208, 0.17);
}

.booking-doctor {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  font-weight: 700;
}

.booking-doctors-name {
  padding: 0px;
  margin: 0px;
}

.booking-doctors-name h4 {
  padding: 20px 10px;
  margin: 0px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.booking-appointment-tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);

}

.booking-tablink {
  background-color: #dadada;
  color: white;
  padding: 14px 16px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 17px;

  /* float: left; */

  /* width: 16.66% */
}

.booking-tablink i {
  padding: 5px;
  margin: 0px;
  font-size: 16px;
  color: #01579b;
}

.booking-tablink:hover {
  background-color: #c0c0c0;
}

.booking-profile-tab {
  padding: 40px !important;
  margin: 0px;
}

/* Style the tab content */
/* tab 1 */
.tabcontent {
  color: white;
  display: none;
  padding: 30px;
  text-align: center;

}

.booking-tab-image {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
}

.booking-tab-image img {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.booking-doctor-profile {
  padding: 0px;
  margin: 0px;
}

.booking-doctor-profile li {
  padding: 0px;
  margin: 0px 0px 15px 0px;
}

.booking-app-skill {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  display: table;
}

.booking-app-skill li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.booking-doctor-skill {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: 600;


}

.booking-doctor-skill-name {
  padding: 10px 10px;
  margin: 0px 0px 0px 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.booking-app-rating {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.booking-app-rating i {
  padding: 1px;
  margin: 0px;
  font-size: 16px;
}

.booking-doctors-pro-location {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.booking-doctors-pro-location h6 {
  padding: 0px;
  margin: 0px;
}

.booking-doctors-pro-location h6 i {
  padding: 0px;
  margin: 0px 10px 0px 0px;
}

.booking-doctors-pro-bookingbtn {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.booking-doctors-pro-bookingbtn a {
  padding: 10px 15px;
  margin: 0px;
  border-radius: 20px;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 480px),
(min-width: 481px) and (max-width: 767px) {

  .tabcontent {

    padding: 0px;
    margin-top: 30px;
  }

  .booking-profile-tab {
    margin: 0px;
    padding: 20px !important;
  }

  .booking-appointment-tabs {
    min-width: 200px;
    max-width: 600px;
    overflow-y: auto;
  }
}

/* end of tab 1 map */

/* tab 2 map */

.mapouter {
  position: relative;
  text-align: right;
  height: 300px;
  width: 300px;
  margin: 0px 0px 20px 0px;
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 300px;
  width: 300px;
}

.booking-doctor-location {
  padding: 0px;
  margin: 0px;
}

.booking-doctor-location h4 {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  font-size: 25px;
  font-weight: 500;
}

.booking-location-detail {
  padding: 0px;
  margin: 0px;
}

.booking-location-detail li {
  padding: 0px;
  margin: 0p;

}

.booking-location-detail {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  display: table;
  width: 100%;
}

.booking-location-detail li {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  float: left;
}

.booking-location-detail li a {
  padding: 0px;
  margin: 0px;
  display: block;
}

.booking-location-detail li :hover a {
  color: rgb(0, 153, 255);
}

.booking-label {
  padding: 0px;
  margin: 0px;
  width: 35%;
}

.booking-address {
  padding: 0px;
  margin: 0px;
  width: 65%;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .booking-tab-image {
    margin: 0px !important;
  }

  .gmap_canvas {

    height: 200px;
    width: 200px;
  }

  .booking-doctor-location {
    margin: 0px auto;
    width: 100% !important;
  }

  .mapouter {

    height: 200px;
    width: 200px;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  .booking-map {
    padding: 0px;
    margin: 0px auto;
    width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .booking-map {
    padding: 0px;
    margin: 0px auto;
    width: 60% !important;
  }

  .booking-tab-image {
    padding: 0px;
    margin: 0px auto;
    width: 100%;
  }

  .booking-doctor-location {

    margin: 0px auto;
    width: 50%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {

  .booking-tab-image {
    padding: 0px;
    margin: 0px auto;
    width: 100%;
  }

  .booking-doctor-location {

    margin: 0px auto;
    width: 60%;
  }

  .booking-appointment-review h4 {

    font-size: 17px !important;
  }

  .booking-comment-content p {

    font-size: 13px !important;
  }

  .booking-social-media-tab h4 {

    font-size: 18px !important;
  }

  .booking-social-media-tab h5 {

    font-size: 20px !important;
  }
}

/* end of tab 2*/
/* tab 3 */
.booking-appointment-review {
  padding: 0px;
  margin: 0px;
}

.booking-appointment-review h4 {

  padding: 0px;
  margin: 0px 0px 15px 0px;
  font-size: 20px;
  font-weight: 500;
}

.appointment-review-rating {
  padding: 0px;
  margin: 0px auto;
  display: table;

}

.appointment-review-rating li {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  float: left;
}

.appointment-review-rating li a {
  padding: 0px;
  margin: 0px;
}

.appointment-review-rating li a i {
  padding: 10px;
  margin: 0px;
  font-size: 22px;
}

.appointment-review-rating li:hover i {
  color: rgba(253, 250, 68, 0.952) !important;
}

.appointment-review-star {

  margin: 0px auto;
}

.appointment-review-form {
  padding: 0px;
  margin: 0px auto;
  width: 70%;
}

.appointment-review-form input[type="text"] {
  margin: 0px 0px 20px 0px;
  border: 1px solid #ccc;
  padding: 0px 0px 0px 15px;
  box-sizing: border-box;
}

.appointment-review-form textarea {
  margin: 0px 0px 20px 0px;
  padding: 15px;
  height: auto;
  border: 1px solid #ccc;
}

.appointment-review-form input[type="text"]:focus:not([readonly]) {
  border-bottom: 1px solid rgb(216, 216, 216) !important;
  -webkit-box-shadow: 0 1px 0 0 rgb(216, 216, 216) !important;
  box-shadow: 0 1px 0 0 rgb(216, 216, 216) !important;
}

.appointment-review-form label {
  font-size: 16px;
}

.booking-appoint-sendbtn {
  padding: 10px 20px;
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border: none;
}

.booking-appoint-sendbtn i {
  padding: 0px 0px 0px 10px;
  font-size: 16px;
}

.booking-appointment-related-comments {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #ebebeb;
}


.booking-appointment-related-comments li {
  padding: 0px;
  margin: 0px;

}

.booking-comment-image {
  padding: 15px !important;
  margin: 0px;
  width: 7% !important;
}

.booking-comment-image img {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.booking-comment-content {
  padding: 0px;
  margin: 0px;
}

.booking-comment-content p {
  padding: 0px;
  margin: 10px 0px;
  font-size: 15px;
  font-weight: 400;
}

.appointment-review-given {
  padding: 0px;
  margin: 10px 0px;
  display: table;

}

.appointment-review-given li {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}

.appointment-review-given li a {
  padding: 0px;
  margin: 0px;
}

.appointment-review-given li a i {
  padding: 0px 5px 0px 0px;
  margin: 0px;
  font-size: 16px;
}

.appointment-rating-thumbs {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  display: block;
}

.appointment-rating-thumbs span {
  padding: 0px;
  margin: 0px 20px 0px 0px;
  font-size: 14px;

}

.appointment-rating-thumbs i {
  padding: 0px;
  margin: 0px;
  font-size: 20px;
}

.booking-comment-content h5 {
  padding: 0px;
  margin: 10px 0px;
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 320px) and (max-width: 480px),
(min-width: 481px) and (max-width: 767px),
(min-width: 768px) and (max-width: 1024px),
(min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  .appointment-review-star {
    width: 100%;
  }

  .booking-comment-image {
    width: 15% !important;
    padding: 15px 15px 0px 15px !important;
  }

  .appointment-review-rating li a i {

    font-size: 12px;
  }
}

/* end of tab 3*/
/* tab 4*/


.booking-social-media {
  padding: 0px 0px 15px 0px;
  margin: 0px auto;
  display: table;
}

.booking-social-media li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.booking-social-media li a {
  padding: 0px;
  margin: 0px;
}

.booking-social-media li a i {
  padding: 10px;
  margin: 0px 10px 0px 0px;
  width: 35px;
  font-size: 18px;
  border-radius: 4px;
}

/* end of tab 4*/
/* new tab 5*/
.booking-about-detail {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  display: table;
  width: 100%;
}

.booking-about-detail li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.booking-about {
  padding: 0px;
  margin: 0px;
  width: 15%;
}

.booking-about p {
  padding: 0px;
  margin: 0px;
  font-size: 17px;
  font-weight: 500;
  font-size: 15px;
}

.booking-about-dt {
  padding: 0px;
  margin: 0px;
  width: 85%;
}

.booking-about-dt p {
  padding: 0px 0px 0px 15px;
  margin: 0px;
  font-size: 14px;
}

.booking-name {
  padding: 0px;
  margin: 0px;
}

.booking-name-dt {
  padding: 0px;
  margin: 0px;
}

.booking-name p {
  padding: 0px;
  margin: 0px;
  font-size: 17px;
  font-weight: 500;
  font-size: 15px;
}

.booking-name-dt p {
  padding: 0px 0px 0px 20px;
  margin: 0px;
  font-size: 14px;
}

.booking-name-detail {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  display: table;
  width: 100%;
}

.booking-name-detail li {
  float: left;
}

.booking-name {
  padding: 0px;
  margin: 0px;
  width: 30%;
}

.booking-name-dt {
  padding: 0px;
  margin: 0px;
  width: 70%;
}

/* end new tab 5*/
/*tab 5*/
.booking-about-doctors-details h5 {
  padding: 0px 0px 20px 0px;
  margin: 0px;
  font-size: 25px;
  font-weight: 500;
}

.booking-about-doctor {
  padding: 0px;
  margin: 0px auto;
  display: table;
  width: 80%;
}

.booking-about-doctor li {
  padding: 0px 10px;
  margin: 0px 0px 15px 0px;
  float: left;
}

.booking-about-label {
  padding: 0px;
  margin: 0px;
  width: 20%;
  font-size: 16px;
  font-weight: 600;
}

.booking-about-answer {
  padding: 0px;
  margin: 0px;
  width: 80%;
}

.booking-about-answer p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 480px),
(min-width: 481px) and (max-width: 767px),
(min-width: 768px) and (max-width: 1024px) {

  .booking-about-doctor {

    width: 100%;
  }

  .booking-about-label {
    width: 40%;
  }

  .booking-about-answer {
    width: 60%;
  }
}

/* end of tab 5*/
/* tab 6 */
#currentTime {
  font-size: 20px;

  font-weight: 500;
  color: #f05b19;
  margin: 0px 0px 10px 0px;
}

.booking-working-hours li:first-child {
  font-weight: bold;

}

.booking-time-doctor {
  padding: 0px;
  margin: 0px auto;
  display: table;
  width: 55%;
}

.booking-time-doctor li {
  padding: 0px 0px 12px 0px;
  margin: 0px;
  float: left;

}

.booking-about-day {
  padding: 0px;
  margin: 0px;
  width: 30%;
}

.booking-about-time {
  padding: 0px;
  margin: 0px;
  width: 40%;
}

@media (min-width: 320px) and (max-width: 767px) {
  .booking-social-media-tab h4 {

    font-size: 20px;
  }

  .booking-doctor-location h4 {

    font-size: 20px;
  }
}

@media (min-width: 320px) and (max-width: 480px),
(min-width: 481px) and (max-width: 767px),
(min-width: 768px) and (max-width: 1024px) {
  .booking-time-doctor {
    width: 100%;
  }

  .booking-about-day {
    text-align: left;
    width: 25%;
  }

  .booking-about-time {

    width: 45%;
  }

  .booking-about-book {

    width: 30%;
  }

}

.booking-schedule {
  margin: 0;
  padding: 0;
  list-style: none;
}

.booking-schedule li {
  line-height: 28px;
  padding: 0px 0px 10px 0px;
}

.booking-day {
  position: relative;

  text-align: left;
  width: 35%;
}

.booking-day:after {
  position: absolute;
  right: 0;
  content: "-";
}

.booking-day {
  float: left;
}

@media (min-width: 320px) and (max-width: 760px),
(min-width: 768px) and (max-width: 1024px) {
  .booking-about {
    width: 30%;
  }

  .booking-about-dt {
    width: 70%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .booking-about {
    width: 15%;
  }

  .booking-about-dt {
    width: 85%;
  }
}

/* end of tab 6*/