/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Brainstorm Force
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

body:not(.logged-in) #wpadminbar {
  display: none;
}

.tutor-form form,
.tutor-form form .form-group {
  display: flex;
  flex-direction: column;
}
.tutor-form form {
  margin: 50px auto 100px;
}
.tutor-form form .form-group label {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
}
.tutor-form form .form-group {
  margin-bottom: 15px;
}
.tutor-form form select,
.tutor-form form input[type="text"],
.tutor-form form textarea,
.tutor-form form input[type="email"] {
  border: 1px solid #a3a3a3;
  border-radius: 3px;
}
.tutor-form form .rating-stars {
  display: flex;
  align-items: center;
}
.tutor-form form .rating-stars label {
  display: none;
}
.tutor-form form .rating-stars input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  height: var(--glsr-form-star);
  margin: 0;
  width: var(--glsr-form-star);
  background-image: var(--glsr-star-empty);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.tutor-form form select,
.tutor-form form input[type="text"],
.tutor-form form input[type="email"] {
  height: 42px;
}
.tutor-form form .rating-stars input#star5:hover,
.tutor-form form .rating-stars input#star4:hover,
.tutor-form form .rating-stars input#star3:hover,
.tutor-form form .rating-stars input#star2:hover,
.tutor-form form .rating-stars input#star1:hover,
.tutor-form form .rating-stars input#star5:has(+ * + #star4:hover),
.tutor-form form .rating-stars input#star4:has(+ * + #star3:hover),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + #star3:hover),
.tutor-form form .rating-stars input#star3:has(+ * + #star2:hover),
.tutor-form form .rating-stars input#star4:has(+ * + * + * + #star2:hover),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + * + * + #star2:hover),
.tutor-form form .rating-stars input#star2:has(+ * + #star1:hover),
.tutor-form form .rating-stars input#star3:has(+ * + * + * + #star1:hover),
.tutor-form form .rating-stars input#star4:has(+ * + * + * + * + * + #star1:hover),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + * + * + * + * + #star1:hover),
.tutor-form form .rating-stars input#star5:checked,
.tutor-form form .rating-stars input#star4:checked,
.tutor-form form .rating-stars input#star3:checked,
.tutor-form form .rating-stars input#star2:checked,
.tutor-form form .rating-stars input#star1:checked,
.tutor-form form .rating-stars input#star5:has(+ * + #star4:checked),
.tutor-form form .rating-stars input#star4:has(+ * + #star3:checked),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + #star3:checked),
.tutor-form form .rating-stars input#star3:has(+ * + #star2:checked),
.tutor-form form .rating-stars input#star4:has(+ * + * + * + #star2:checked),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + * + * + #star2:checked),
.tutor-form form .rating-stars input#star2:has(+ * + #star1:checked),
.tutor-form form .rating-stars input#star3:has(+ * + * + * + #star1:checked),
.tutor-form form .rating-stars input#star4:has(+ * + * + * + * + * + #star1:checked),
.tutor-form form .rating-stars input#star5:has(+ * + * + * + * + * + * + * + #star1:checked) {
  background-image: var(--glsr-star-full);
}
.tutor-form form .rating-stars input:checked {
  background: transparent;
  outline: none !important;
}
.tutor-form form .submit-button {
  align-self: start;
  font-family: "DM Sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px 30px 30px 30px;
  background-color: #e77f36;
  color: #ffffff;
}
.tutor-form .success-message {
  color: var(--glsr-form-success);
  font-weight: 600;
  font-size: 18px;
}
button,
.btn {
  background-color: #e77f36;
  font-family: "DM Sans", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  fill: #ffffff;
  color: #ffffff;
  border-radius: 30px 30px 30px 30px;
  padding: 015px 015px 015px 015px;
}
/*-Our team-*/
.custom-bookly-staff-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -15px;
}
.custom-bookly-staff-grid .bookly-staff-card {
  width: 25%;
  padding: 15px;
  text-align: center;
}
.custom-bookly-staff-grid .bookly-staff-card .staff-photo-container:has(> img) {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 5px;
}
.custom-bookly-staff-grid .bookly-staff-card .staff-photo-container img.staff-photo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.custom-bookly-staff-grid .staff-details .profile > img,
.custom-bookly-staff-grid .staff-details .profile > img + br {
  display: none;
}
.custom-bookly-staff-grid .bookly-staff-card .staff-bio {
  color: var(--e-global-color-text);
}
.custom-bookly-staff-grid .bookly-staff-card .staff-details a {
  align-self: start;
  font-family: "DM Sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #e77f36;
  text-decoration: underline;
  display: inline-flex;
  margin: 0px;
}
.custom-bookly-staff-grid .bookly-staff-card .staff-details a:hover {
  text-decoration: none;
}
.custom-bookly-staff-grid .bookly-staff-card .staff-bio + a,
.custom-bookly-staff-grid .bookly-staff-card .quick-book a:not(.book-now-btn) {
  display: none;
}
.custom-bookly-staff-grid .bookly-staff-card .profile {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-bookly-staff-grid .bookly-staff-card h3.staff-name {
  margin-bottom: 10px;
}
.custom-bookly-staff-grid .bookly-staff-card .profile p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.custom-bookly-staff-grid .staff-details p.bio-full {
  margin-bottom: 10px;
}
.custom-bookly-staff-grid .staff-details {
  display: block;
}
.custom-bookly-staff-grid .staff-details .profile-btn,
.custom-bookly-staff-grid .staff-details .quick-book {
  display: inline-flex;
  margin: 0px 7px;
}
.tutor-dashboard,
.student-dashboard {
  margin: 100px 0px;
  display: flex;
  flex-wrap: wrap;
}
.tutor-dashboard > *,
.student-dashboard > * {
  width: 100%;
}
.tutor-dashboard .question-box,
.student-dashboard .student-question-box {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.tutor-dashboard .question-box h3,
.student-dashboard .student-question-box h3,
.tutor-dashboard .question-box h4,
.student-dashboard .student-question-box h4 {
  margin-bottom: 20px;
}
.tutor-dashboard .question-box p,
.student-dashboard .student-question-box p {
  margin-bottom: 10px;
}
.tutor-dashboard .question-box form {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  margin-bottom: 10px;
}
.student-dashboard .student-question-box .answer-section ul {
  margin: 15px 0px 15px 20px;
}
.tutor-dashboard .question-box a:not(:hover),
.student-dashboard .student-question-box a:not(:hover),
.student-dashboard .student-question-box .status-label.status-accepted {
  color: #e77f36;
}
.tutor-dashboard .question-box strong:has(+ span.countdown-text),
.student-dashboard .student-question-box strong:has(+ span.countdown-text),
.tutor-dashboard .question-box span.countdown-text,
.student-dashboard .student-question-box span.countdown-text,
.student-dashboard .student-question-box .status-label,
.tutor-dashboard .question-box .expired-message p {
  color: #f00000;
}
.student-dashboard .student-question-box .status-label.status-answered,
.student-dashboard .student-question-box .read-status.read{
  color: green !important;
}
@media only screen and (max-width: 1199px) {
  .custom-bookly-staff-grid .bookly-staff-card {
    width: 33.33%;
  }
}
@media only screen and (max-width: 991px) {
  .custom-bookly-staff-grid .bookly-staff-card {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .custom-bookly-staff-grid .bookly-staff-card {
    width: 100%;
  }
}
/*-Our team end-*/

/*-tutor-question-form-*/

#tutor-question-form {
  background-color: #e7e7e7;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: start;
  max-width: 750px;
  margin: 50px auto;
}
#tutor-question-form > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  padding: 10px 0;
  clear: both;
}
#tutor-question-form > div > * {
  width: 100%;
}
#tutor-question-form label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  float: none;
  line-height: 1.3;
  margin: 0 0 4px 0;
  padding: 0;
  word-break: break-word;
  word-wrap: break-word;
}
#tutor-question-form select {
  background-position: right 15px center;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_397_453)"><path d="M4.76209 8.18182L10.0002 13.6364L15.2383 8.18182" stroke="%23232323" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_397_453"><rect width="20" height="20" fill="white" transform="matrix(-1 0 0 1 20 0)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px 10px;
  height: 38px;
}
#tutor-question-form input:not([type="file"]) {
  border: 1px solid #ccc;
  padding: 6px 10px;
  height: 38px;
}
#submit_question_form {
  background-color: #e77f36;
  font-family: "DM Sans", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  fill: #ffffff;
  color: #ffffff;
  border-radius: 30px 30px 30px 30px;
  padding: 015px 015px 015px 015px;
  width: 100%;
  border: none;
  margin-top: 20px;
}
#tutor-question-form input:not([type="file"], [type="submit"]) {
  margin-top: 5px;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 20px 0px;
}
.pagination > * {
  display: inline-flex;
  background: #e77f36;
  padding: 10px 15px;
  min-width: 48px;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-family: "DM Sans", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}
.pagination > *:hover,
.pagination > *.current {
  background: #00121c;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #tutor-question-form {
    padding: 15px;
  }
}
/*-*/

/*-#payment-form-*/
#payment-form {
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  align-items: start;
  width: 100%;
  max-width: 520px;
}
#payment-form .form-group {
  display: flex;
  align-items: center;
  width: 100%;
}
#payment-form .form-group > * {
  flex-shrink: 0;
}
#payment-form .form-group label {
  width: 150px;
}
#payment-form input[type="text"] {
  max-width: 450px;
  height: 50px;
  width: 100%;
  border: var(--glsr-input-b);
  border-radius: var(--glsr-input-radius);
  color: var(--glsr-input-color);
  font-family: inherit;
  font-size: var(--glsr-text-md);
  line-height: var(--glsr-leading);
  min-height: auto !important;
  padding: var(--glsr-input-py) var(--glsr-input-px) !important;
  transition: var(--glsr-input-transition);
}
#card-element {
  width: 100%;
  height: 50px;
  padding: 15px 10px;
  margin-bottom: 10px;
  max-width: 450px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: white;
  border: var(--glsr-input-b);
}
#payment-form > *:not(:last-child) {
  margin-bottom: 20px;
}
/*-#payment-form end-*/
.um-profile-body.ask-a-question .dashul > li {
  padding: 20px;
}

#page .site-content {
  min-height: 500px;
}
#page .site-content .event-payment-message {
  margin: 70px 0px;
  text-align: center;
  font-size: 20px;
}
#page .site-content .event-payment-message.error a {
  color: #e77f36;
}
#page .site-content .event-payment-message.error a:hover {
  color: #000000;
}
#page .site-content .event-payment-message.success {
  color: green;
}
#page .site-content .event-payment-message.error {
  color: #f00;
}

@media only screen and (max-width: 767px) {
  #page .site-content .event-payment-message.error {
    font-size: 18px;
  }
}

/*-bookly-file-upload-modal-start-*/
#bookly-file-upload-modal {
  max-width: 943px;
  width: calc(100% - 30px);
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  background: #ffffff;
  border: 1px solid #ffeee2;
  box-shadow: 0px 4px 30px rgba(231, 127, 54, 0.05);
  border-radius: 15px;
  padding: 30px 40px 40px;
  transform: translate(-50%, -50%);
  z-index: 9999999;
}
#bookly-upload-form {
  display: flex;
  flex-wrap: wrap;
}
#bookly-file-upload-modal #bookly-upload-cancel {
  background-color: transparent;
  color: #7d7d7d;
  font-size: 35px;
  padding: 0;
  height: 37px;
  width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 37px;
}
#bookly-file-upload-modal > h4 {
  margin-bottom: 25px;
  font-size: 22px;
}
#bookly-file-upload-modal #bookly-upload-form label {
  margin-bottom: 10px;
  display: block;
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
#bookly-file-upload-modal #bookly-upload-form br {
  display: none;
}
#bookly-file-upload-modal #bookly-upload-form input:not([type="file"]) {
  background: rgba(0, 0, 0, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%;
  padding: 10px 20px;
  height: 46px;
}
#bookly-file-upload-modal #bookly-upload-form input.bookly-js-file-upload {
  color: #262626;
  font-size: 15px;
}
#bookly-file-upload-modal #bookly-upload-form .bookly-custom-field-row .bookly-file-preview a {
  color: #ee7e41;
  font-size: 14px;
  margin-top: 5px;
  display: flex;
  font-weight: 500;
}
#bookly-upload-form .bookly-form-row {
  width: 100%;
  margin-bottom: 15px;
}
#bookly-upload-form .bookly-form-row:last-child {
  margin-bottom: 0px;
  justify-content: center;
}
#bookly-upload-form .bookly-form-row {
  display: flex;
  flex-wrap: wrap;
}
#bookly-upload-form .bookly-form-row:has(.form-colum.half) {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}
#bookly-upload-form .bookly-form-row .form-colum.half {
  width: 50%;
  padding: 0px 8px;
}
#bookly-upload-form .bookly-form-row:has(#bookly-customer-email) {
  margin-bottom: 30px;
}
#bookly-upload-form .bookly-form-row .file-upload-wrapper {
  display: inline-flex;
  border: 1px solid #e77f36;
  border-radius: 5px;
  position: relative;
  background: #ffffff;
  padding: 9px 30px;
}
#bookly-file-upload-modal #bookly-upload-form input.bookly-js-file-upload {
  font-size: 0;
  border: none !important;
  width: auto !important;
  background: transparent;
  border-radius: 5px;
  position: absolute;
  width: auto !important;
  outline: none !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: none;
  color: #ffffff;
  box-shadow: none;
  z-index: 1;
}
#bookly-file-upload-modal #bookly-upload-form input.bookly-js-file-upload::file-selector-button {
  border-color: transparent;
  background-color: transparent;
}
#bookly-upload-form .bookly-form-row .file-upload-wrapper:has(+ .bookly-file-preview > a) {
  opacity: 0.5;
}
#bookly-upload-form .bookly-form-row .btn {
  font-family: "DM Sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px 30px 30px 30px;
}
.bookly-upload-success-message {
  margin: 10px 0px;
  color: green;
}
body:has(#bookly-file-upload-modal:not([style="display: none;"])) {
  position: relative;
  overflow: hidden;
}
body:has(#bookly-file-upload-modal:not([style="display: none;"])):after {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 40%;
  z-index: 999999;
}
body:has(.dialog-type-lightbox:not([style="display: none;"])) #bookly-file-upload-modal {
  z-index: -1;
}
body:has(.dialog-type-lightbox:not([style="display: none;"]))::after {
  background: transparent !important;
}
#bookly-tbs .pagination li {
  padding: 0px;
  min-width: auto;
  background: transparent;
}
#bookly-tbs .pagination li a.page-link {
  background: transparent;
  border-color: #e77f36;
  border-radius: 50% !important;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e77f36;
  box-shadow: none;
}
#bookly-tbs .pagination li.active a.page-link,
#bookly-tbs .pagination li a.page-link:hover {
  background-color: #e77f36;
  border-color: #e77f36;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #bookly-file-upload-modal {
    padding: 30px 20px 20px;
  }
}
@media only screen and (max-width: 575px) {
  #bookly-upload-form .bookly-form-row .form-colum.half {
    width: 100%;
  }
  #bookly-file-upload-modal {
    height: calc(100% - 30px);
    padding: 20px 15px;
    padding-right: 5px;
  }
  #bookly-upload-form {
    height: calc(100% - 51px);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
  }
}
/*-bookly-file-upload-modal-end-*/

/*-ask a question tab start-*/
.ask-a-question.ask-a-question-default,
.ask-a-question.ask-a-question-default .elementor-container,
.student-questions,
.student-questions .elementor-container {
  max-width: 100% !important;
}
.question-tabs,
.student-dashboard {
  display: flex;
  flex-wrap: wrap;
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.question-tabs ul.tab-menu,
.student-dashboard ul.question-tabs {
  list-style: none;
  display: flex;
  width: 100%;
  gap: 15px;
  padding: 10px;
  background: #ed7e4121;
  align-items: center;
  justify-content: center;
  flex-direction: initial;
}
.question-tabs ul.tab-menu li.tab-item,
.student-dashboard ul.question-tabs li {
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.question-tabs .tab-content,
.student-dashboard .tab-content {
  width: 100%;
  padding: 30px 20px;
}
.student-dashboard .tab-content {
  display: none;
}
.student-dashboard .tab-content.active {
  display: block;
}
.question-tabs ul.tab-menu li.tab-item.active,
.student-dashboard ul.question-tabs li.active {
  background: #ed7e41;
  color: #ffffff;
}
.student-dashboard {
  border: none;
}
.student-dashboard .tab-content {
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee;
}
/*-ask a question tab end-*/

body .woocommerce form.woocommerce-form .show-password-input {
  background: transparent;
  padding: 5px;
}
body .woocommerce form.woocommerce-form .show-password-input::after {
  color: #000000;
}

.um-profile-nav-ask-a-question span.question-count {
  color: red;
  font-weight: bold;
}
.ask-a-question h5 {
  margin-bottom: 15px;
}
.ask-a-question form {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 15px;
}

.elementor-button:has(.pending-count-badge),
.elementor-button:has(.answer-count-badge) {
  position: relative;
}

.elementor-button .answer-count-badge,
.elementor-button .pending-count-badge {
  position: absolute;
  top: -7px;
  right: -2px;
  background: #00121a;
  padding: 3px;
  border-radius: 50%;
  font-size: 12px;
  min-width: 20px;
}
/*pop up*/
.bookly-modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}
.bookly-modal .modal-dialog .modal-content {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  position: relative;
}
.bookly-modal .modal-dialog .modal-content button.close {
  position: absolute;
  top: 10px;
  background: transparent;
  padding: 0;
  color: #000000;
  font-size: 40px;
  right: 15px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
}
.bookly-modal .modal-dialog .modal-content form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bookly-modal .modal-dialog .modal-content form .modal-body .form-group {
  margin-top: 10px;
}
.bookly-modal .modal-dialog .modal-content form .modal-body .form-group input {
  width: 100%;
}
.bookly-modal .modal-dialog .modal-content form button,
body #reschedule-dialog button {
  min-width: 100px;
  font-weight: 500;
}
#bookly-tbs .table td button {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
}
body #reschedule-dialog {
  padding: 30px !important;
  border-radius: 20px;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 350px;
  margin: 15px;
}
body:has(#reschedule-dialog) {
  position: relative;
}
body:has(#reschedule-dialog):before {
  content: "";
  display: block;
  background: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 50%;
  z-index: 1;
}
html:has(#reschedule-dialog),
html:has(.bookly-modal.bookly-show) {
  overflow: hidden;
}
body #reschedule-dialog br {
  display: none;
}
body #reschedule-dialog label {
  display: flex;
  font-weight: 600;
  margin-bottom: 10px;
}
body #reschedule-dialog input {
  width: 100%;
}
.question-tabs {
    padding-top: 15px;
}
.tutor-selector {
  padding-bottom: 15px;	
	margin-left:auto;
	padding-inline: 15px;
}
.tutor-selector form select{
	border-radius: 5px;
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    border-color: var(--ast-border-color);
    padding: 10px 35px 10px 15px;
	  -webkit-appearance: none;  /* Safari & Chrome */
  -moz-appearance: none;     /* Firefox */
  appearance: none;
  background-image: url('data:image/svg+xml,<svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path style="fill:%23000000;" d="M505.183,123.179c-9.087-9.087-23.824-9.089-32.912,0.002l-216.266,216.27L39.729,123.179 c-9.087-9.087-23.824-9.089-32.912,0.002c-9.089,9.089-9.089,23.824,0,32.912L239.55,388.82c4.364,4.364,10.283,6.816,16.455,6.816 c6.172,0,12.092-2.453,16.455-6.817l232.721-232.727C514.272,147.004,514.272,132.268,505.183,123.179z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;  
	cursor: pointer;
}
@media only screen and (max-width: 1440px) {
  #bookly-tbs {
    overflow: hidden;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 767px) {
	.tutor-selector{
		margin-left: 0;
	}
	.question-tabs ul.tab-menu{
		gap: 5px;
	}
	.question-tabs ul.tab-menu li {
		font-size: 14px;
		line-height: normal;
	}
}

.mark-all-read-wrapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
	margin-bottom: 20px;
}
.mark-all-read-wrapp h2{
	margin-bottom: 0;
}
.mark-all-read-wrapp button {
    flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
	.mark-all-read-wrapp {
		flex-direction: column;
	}
}

/*  .bookly-staff-cabinet .dataTable .dtr-hidden , .bookly-customer-cabinet .dataTable .dtr-hidden{
  display: table-cell !important;
  white-space: normal !important;
}  */
html:has(body.admin-bar:not(.logged-in)) {
    margin-top: 0px !important;
}