/** Style CSS. */

@font-face {
   font-family: "Webkul Rango";
   src: url("./../fonts/rango.eot");
   src: url("./../fonts/rango.woff") format("woff"),
      url("./../fonts/rango.ttf") format("truetype"),
      url("./../fonts/rango.svg#filename") format("svg");
}

.woocommerce .wkwcodc-appointment-list-wrapper {
   overflow-x: auto;
   margin-top: 10px;
   word-break: keep-all;
}

input#wkwcodc_loadfile {
   display: none;
}

.wkwcodc-appointment-list-wrapper .table-bordered {
   border: 1px solid #ddd;
}

.wkwcodc-appointment-list-wrapper .table {
   width: 100%;
   max-width: 100%;
   margin-bottom: 18px;
   background-color: transparent;
   border-collapse: collapse;
   border-spacing: 0;
}

.wkwcodc-custom-file-upload {
   border: 1px solid #ccc;
   display: inline-block;
   padding: 6px 12px;
   cursor: pointer;
}

img#wkwcodc_output {
   width: 120px;
   height: 120px;
}

.wkwcodc-appointment-product-wrapper {
   display: grid;
   grid-template-columns: 50% 50%;
   grid-gap: 25px;
}

.wkwcodc-appointment-product-card {
   border: 1px solid rgba(0, 0, 0, 0.25);
   border-radius: 3px;
   padding: 10px;
}

#wkwcodc-product-form table {
   margin: 0;
   padding: 0;
}

#wkwcodc-product-form fieldset {
   margin: 0;
   background-color: #fbfbfb;
}

#wkwcodc-product-form .wkwcodc-form-input {
   display: inline-block;
   margin-bottom: 25px;
   width: 100%;
}

.wkwcodc-image-remove-icon {
   color: #757575;
   cursor: pointer;
   font-size: 18px;
   font-weight: bolder;
   position: absolute;
   padding: 2px 7px;
   right: 0;
   top: 0;
}

#wkwcodc-product-form .wkwcodc-form-input label {
   display: block;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 6px;
}

#wkwcodc-product-form table td,
#wkwcodc-product-form table tr {
   border: 0 none;
}

#wkwcodc-product-form select {
   padding: 8px 10px;
   border-radius: 3px;
   border: 1px solid #d5d5d5;
   background-color: #fff;
   width: 100%;
}

#wkwcodc-product-form #product_sku {
   margin-right: 0;
}

#wkwcodc-product-form .wkwcodc-product-input {
   background-color: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 2px;
   box-sizing: border-box;
   box-shadow: none;
   line-height: normal;
   outline: 0;
   padding: 8px 10px;
   -webkit-appearance: none;
   width: 100%;
}

.wkwcodc-page-title {
   letter-spacing: 0.5px;
}

.wkwcodc-profile-banner {
   margin-bottom: 30px;
}

.wkwcodc-profile-banner .wkwcodc-shop-banner {
   display: block;
   height: auto;
   max-height: 320px;
   max-width: 100%;
   object-fit: cover;
}

.wkwcodc-profile-information {
   display: table;
   margin-bottom: 60px;
}

.wkwcodc-profile-information a {
   outline: none;
   font-size: 14px;
}

.wkwcodc-profile-information .wkwcodc-shop-stats {
   display: table-cell;
   width: 28%;
}

.wkwcodc-profile-information .wkwcodc-shop-stats .wkwcodc-shop-logo {
   display: inline-block;
   height: auto;
   max-width: 110px;
   max-height: 110px;
   vertical-align: middle;
   width: 100%;
   margin-bottom: 15px;
}

.wkwcodc-seller-avg-rating {
   display: inline-block;
   margin: 0 10px 0 25px;
   vertical-align: middle;
   width: max-content;
}

.wkwcodc-seller-avg-rating .wk_write_review a {
   font-size: 15px;
   outline: 0;
}

.wkwcodc-seller-avg-rating h2 {
   font-weight: 700;
   margin: 0;
   color: #6b6f77;
   font-size: 30px;
}

.wkwcodc-seller-avg-rating h2 img {
   display: inline-block;
   vertical-align: middle;
   width: 25px;
   margin: 0 8px 6px 0;
}

.wkwcodc-seller-avg-rating .single-star {
   margin-right: 7px;
   display: inline-block;
}

.wkwcodc-seller-avg-rating .single-star:before {
   content: "\f155";
   font-family: dashicons;
   color: #f8c212;
   font-size: 20px;
}

.wkwcodc-avg-rating-box-link {
   position: relative;
   outline: 0;
   font-size: 16px;
   font-weight: 600;
}

.wkwcodc-avg-rating-box-link:after {
   content: "\e902";
   font-family: "Webkul Rango";
   font-size: 22px;
   vertical-align: middle;
   margin-left: 3px;
   position: relative;
   top: 2px;
}

.wkwcodc-avg-rating-box-link.open:after {
   content: "\e907";
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
   background-color: #fff;
   border: 1px solid #ddd;
   display: none;
   padding: 10px 15px;
   position: absolute;
   top: 40px;
   width: 380px;
   z-index: 1;
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box:before {
   content: "";
   position: absolute;
   top: -10px;
   left: 40px;
   border-style: solid;
   border-width: 0 10px 10px;
   border-color: #ddd transparent;
   display: block;
   width: 0;
   z-index: 0;
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box:after {
   content: "";
   position: absolute;
   top: -9px;
   left: 41px;
   border-style: solid;
   border-width: 0 9px 9px;
   border-color: #fff transparent;
   display: block;
   width: 0;
   z-index: 1;
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box p {
   margin: 0;
   font-size: 15px;
   font-weight: 600;
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box .wkwcodc-avg-rating {
   display: inline-block;
   width: 110px;
   color: #777;
}

.wkwcodc-avg-rating-box-link .wkwcodc-avg-rating-box .wkwcodc-avg-rating span:before {
   color: #f8c212;
}

.wkwcodc-shop-actions-info {
   display: table-cell;
   width: 60%;
   vertical-align: middle;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper {
   display: table;
   width: 100%;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info {
   display: table-cell;
   width: 50%;
   vertical-align: middle;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions p,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info p {
   margin: 0 0 5px 0;
   letter-spacing: 0.5px;
   word-break: break-all;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions p a,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info p a {
   outline: 0;
   font-size: inherit;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions p span,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info p span {
   width: 22px;
   display: inline-block;
   vertical-align: middle;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions p span:before,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info p span:before {
   display: inline-block;
   font-family: "Webkul Rango";
   font-weight: 600;
   vertical-align: middle;
   opacity: 0.7;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions p span.content,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info p span.content {
   display: inline-block;
   width: -moz-calc(78%);
   width: -webkit-calc(78%);
   width: -o-calc(78%);
   width: calc(78%);
   vertical-align: top;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions a,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info a {
   width: 100%;
   text-align: center;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions a:first-child,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info a:first-child {
   margin-bottom: 10px;
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions .shop-mail:before,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info .shop-mail:before {
   content: "\e928";
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions .shop-phone:before,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info .shop-phone:before {
   content: "\e922";
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-actions .shop-location:before,
.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info .shop-location:before {
   content: "\e93b";
}

.wkwcodc-shop-actions-info .wkwcodc-shop-action-wrapper .wkwcodc-shop-info {
   padding-right: 10px;
}

.wkwcodc-about-shop {
   margin-bottom: 40px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   padding-bottom: 20px;
}

.wkwcodc-about-shop p {
   margin-bottom: 0;
   text-align: justify;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row {
   display: table;
   width: 100%;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row:not(:last-child) {
   margin-bottom: 20px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   padding-bottom: 20px;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating {
   padding-right: 15px;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating {
   display: table-cell;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail p,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating p {
   margin: 0 0 5px 0;
   text-align: justify;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating {
   display: inline-block;
   vertical-align: top;
   width: 119px !important;
   height: auto;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating:before,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating:before {
   content: "" !important;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating .star-full:before,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating .star-full:before {
   content: "\f155";
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating .star-half:before,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating .star-half:before {
   content: "\f459";
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating .star-empty:before,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating .star-empty:before {
   content: "\f154";
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .star-rating .star,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .star-rating .star {
   color: #f8c212;
   display: inline-block;
   font-family: dashicons;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   height: 20px;
   line-height: 1;
   text-align: center;
   text-decoration: inherit;
   vertical-align: top;
   width: 20px;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail span,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating span {
   display: inline-block;
   width: 85px;
   font-size: 15px;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail .rating,
.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-rating .rating {
   margin-bottom: 8px;
   display: flex;
   justify-content: flex-start;
}

.wkwcodc-shop-reviews .wkwcodc-shop-review-row .wkwcodc-shop-review-detail {
   width: 65%;
}

.wkwcodc-shop-reviews .wkwcodc-review-page-link {
   text-align: center;
}

.wkwcodc-shop-reviews .wkwcodc-review-page-link a {
   min-width: 200px;
}

.wkwcodc-add-feedback-section .wkwcodc_feedback_fields_in:not(:last-child) {
   margin-bottom: 15px;
}

.wkwcodc-add-feedback-section .wkwcodc_feedback_fields_in p {
   margin: 0 0 5px 0;
}

.wkwcodc-add-feedback-section .wkwcodc-rating-input {
   width: 30%;
   display: inline-block;
   vertical-align: top;
}

.wkwcodc-add-feedback-section .wkwcodc-rating-input p:first-child {
   margin-bottom: 5px;
}

.wkwcodc-add-feedback-section .wkwcodc-rating-input a {
   outline: 0;
}

.wkwcodc-avilable-slots {
   background-color: #f2f2f2;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   text-align: center;
}

.wkwcodc-slots {
   padding: 5px 10px;
   background-color: #fff;
   cursor: pointer;
   margin: 5px;
   border-radius: 5px;
}

.wkwcodc-slots.disabled {
   background-color: #eee;
   cursor: not-allowed;
}

.wkwcodc-slots.selected {
   box-shadow: 0px 0px 1px 2px #ccc;
}

.wkwcodc-patient-details {
   margin-top: 10px;
}

.wkwcodc-patient-details table {
   border: 0px;
   border: none;
}

.wkwcodc-patient-details table tr td {
   border: 0px;
   border: none;
}

.wkwcodc-patient-details table tr td input[type="number"] {
   display: block;
   position: relative;
   max-width: 100%;
}

.wkwcodc-find-doctors-form {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr max-content;
   grid-gap: 5px;
   margin-bottom: 15px
}

.wkwcodc-find-doctors-form>input {
   padding-left: 10px;
}

.wkwcodc-find-doctors-form input[type="submit"] {
   padding: 9px 21px;
}

.wkwcodc-find-doctors-results {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 10px;
}

.wkwcodc-find-doctor-card {
   display: grid;
   grid-template-columns: 35% 65%;
   padding: 10px;
   border: solid 1px #ddd;
   min-height: 205px;
}

.wkwcodc-find-doctor-card>div {
   padding: 0 10px;
}

.wkwcodc-find-doctor-card div:first-child {
   text-align: center;
}

.wkwcodc-find-doctor-card div:first-child a {
   display: block;
}

.wkwcodc-find-doctor-card img {
   border-radius: 100%;
   margin: 0 auto 10px;
   min-height: 120px;
}

.wkwcodc-find-doctor-card h3 {
   margin-bottom: 2px;
}

.wkwcodc-find-doctor-card p {
   margin: 0;
}

.wkwcodc-find-doctor-card .wkwcodc-seller-avg-rating {
   margin: 0;
}

.wkwcodc-find-doctor-card .wkwcodc-seller-avg-rating h2 {
   font-size: 21px;
   display: inline-block;
}

.wkwcodc-appointment-products {
   text-align: center;
   border: solid 1px #ddd;
   padding: 5px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 5px;
}

.wkwcodc-appointment-products a {
   text-decoration: none !important;
   line-height: 15px;
   padding: 8px 4px;
}

.wkwcodc-statistics-wrapper .summary-stats {
   float: left;
}

.wkwcodc-statistics-wrapper h2 {
   margin: 0;
   color: #96588a;
   font-size: 24px;
   font-weight: 700;
}

.wkwcodc-statistics-wrapper p {
   margin: 0;
   font-weight: 600;
}

.wkwcodc-statistics-wrapper .summary-icon {
   float: right;
   font-size: 24px;
   color: #96588a;
   border: 1px solid #ccc;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   text-align: center;
}

.wkwcodc-statistics-wrapper .summary-icon span,
.wkwcodc-statistics-wrapper .summary-icon:before {
   position: relative;
   top: 10px;
}

.wkwcodc-statistics-wrapper .summary-icon:before {
   font-family: "Webkul Rango";
}

.wkwcodc-statistics-wrapper .summary-icon.payout:before {
   content: "\e97f";
}

.wkwcodc-statistics-wrapper .summary-icon.video:before {
   content: "\e997";
}

.wkwcodc-statistics-wrapper .summary-icon.total-appointments:before {
   content: "\e991";
}

.wkwcodc-statistics-wrapper .summary-icon.clinic:before {
   content: "\e940";
}

.wkwcodc-statistics-wrapper .summary-icon.reviews:before {
   content: "\e97c";
}

.wkwcodc-statistics-wrapper .wkwcodc-statistics-summary {
   display: inline-block;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   margin-bottom: 20px;
   width: 100%;
}

.wkwcodc-statistics-wrapper .wkwcodc-statistics-summary .wkwcodc-statistics-summary-section {
   border: 1px solid #ccc;
   border-radius: 3px;
   vertical-align: top;
   padding: 10px 20px;
   width: 48%;
   margin: 5px;
   max-width: 350px;
}

.wkwcodc-statistics-summary-section .summary-stats h2 {
   text-align: left !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--statistics a:before {
   content: "\f185";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--appointment a:before {
   content: "\f145";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--doctor-profile a:before {
   content: "\f110";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--doctor-product a:before {
   content: "\f312";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--reviews a:before {
   content: "\f101";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--transaction a:before {
   content: "\f18e";
   font-family: "Dashicons";
   font-size: 20px;
   font-weight: normal;
   text-align: center;
}

a.wkwcodc_cart_read_more {
   background-color: #eeeeee;
   margin-bottom: 29px;
   padding: 0.6180469716em 1.41575em;
   text-decoration: none;
   color: black;
   cursor: pointer;
   font-weight: 600;
}

input.button.wkwcodc-input-top-search-button {
   padding: 10px 22px;
}

input.wkwcodc-input-top-search {
   padding: 9px 7px;
   max-width: 200px;
}

input.wkwcodc_profile_submit {
   padding: 8px 24px !important;
}

input.wkwcodc_submit_feedback,
input.wkwcodc_product_submit,
input.wkwcodc_add_comment {
   padding: 8px 24px !important;
}

.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination.wkwcodc-pagination {
   margin-top: 10px;
   text-align: right;
}

.wkwcodc-appointment-list-wrapper table td {
   min-width: 125px;
   min-height: 65px;
}

.table.review_table td.comment {
   min-width: auto;
}


.wkwcodc-doc-social-link {
   display: flex;
   justify-content: flex-start;
   text-align: left;
   margin: 3px 0px;
}

.wkwcodc-doc-social-link img {
   width: 16px;
}

.wkwcodc-doc-social-link a {
   width: auto !important;
   margin-left: 7px;
}

.wkwcodc_doctor_profile {
   display: block;
   width: 100%;
   overflow: auto;
}

.wkwcodc_doctor_profile table th {
   min-width: 175px;
}

.wkwcodc_feedback_fields_in textarea,
.wkwcodc_add_note form textarea,
.wkwcodc_doctor_profile table tr td textarea {
   resize: vertical;
}

.wkwcodc-avg-rating .star-rating span {
   overflow: hidden;
   top: 0;
   left: 0;
}

.wkwcodc_product_container {
   display: block;
   position: relative;
   width: 100%;
}

.wkwcodc_product_summary {
   margin-left: 10px;
}

.wkwcodc_summary_table_body {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
}

.wkwcodc_summary_table_data {
   display: block;
   padding: 0px 12px;
   border: 1px solid;
   margin: 10px 6px;
}


  .error-msg {
    color: red;
    font-size: 0.9em;
    display: block;
    margin-top: 5px;
  }
  .field-error {
    border: 2px solid red;
    background-color: #ffe6e6;
  }