.vendor_wrap,
h1,
h2,
h3,
h4,
h5,
h6,
.second_font,
.nav_comment_text,
.woocommerce ul.products li.product .price,
.woocommerce.single-product .product .price,
.ui-widget,
.ui-widget input,
.vendor_wrap .vendor_field label {
  font-family: "Jost", Sans-serif !important;
}

/* Text Transform lowercase & first letter capitalize  */

/* .vendor_field label, */
.kc-age-group-label,
.vendor_wrap table tbody.event_body h4.title a,
.vendor_wrap table tbody.event_body h4.title .vendor_wrap span,
button.remove_image,
/* .vendor_wrap .vendor_tab li a, */
.wrap_safety_verification .trust-title,
.wrap_safety_verification p.custom-upload-msg,
.vendor_wrap button,
.vendor_wrap button,
.vendor_wrap .contents .info-sales li label,
.kc_event_metrics li label,
label[for="api_key"],
.edit_event_cancel_booking label,
table .column-title .address,
.vendor_wrap table tr td span.name-ticket,
.vendor_wrap .general_tickets .total-ticket-sale,
/* div#author_stripe_connect, */
.vendor_edit_event #mb_ticket .content_ticket .top_ticket .col .top label.el_input_radio {
  text-transform: lowercase;
}

.vendor_field label::first-letter,
.kc-age-group-label::first-letter,
.vendor_wrap table tbody.event_body h4.title a::first-letter,
.vendor_wrap table tbody.event_body h4.title::first-letter,
.vendor_wrap span::first-letter,
button.remove_image::first-letter,
.vendor_wrap .vendor_tab li a::first-letter,
.wrap_safety_verification .trust-title::first-letter,
.wrap_safety_verification p.custom-upload-msg::first-letter,
.vendor_wrap table tr td::first-letter,
.vendor_wrap button::first-letter,
.vendor_wrap a::first-letter,div#author_stripe_connect::first-letter,
.el-pagination .page-numbers li .page-numbers.next,
.el-pagination .page-numbers li .page-numbers.prev,
.vendor_wrap .contents .info-sales li label::first-letter,
.kc_event_metrics li label::first-letter,
label[for="api_key"]::first-letter,
.edit_event_cancel_booking label::first-letter,
.cancel_bk_before_x_day label::first-letter,
.vendor_edit_event #mb_ticket .content_ticket .top_ticket .col .top label.el_input_radio::first-letter,
.vendor_wrap table tr td .name-ticket::first-letter,
.vendor_wrap table tr td p.total-ticket-sale::first-letter,
.vendor_wrap table tbody.event_body .vendor_wrap table .wrap_event a,
.vendor_edit_event #mb_ticket .content_ticket .top_ticket .col .top span strong,
table .column-title .date span, table .column-title .address::first-letter,
.vendor_wrap .general_tickets .total-ticket-sale::first-letter,
.vendor_edit_event #mb_ticket .content_ticket .save_ticket {
  text-transform: capitalize;
}

/* Profile Page Styles  */

.vendor_wrap {
  font-size: 16px !important;
}

h3.vendor_heading {
  background: #ff7a6b;
  color: #fff !important;
  padding: 10px 20px !important;
  text-transform: capitalize;
  font-size: 23px !important;
  border-radius: 5px !important;
  font-weight: 500 !important;
}

.report_membership,
.accounting {
  background: transparent;
  border: 1px solid #ff7a6b !important;
  border-radius: 5px;
}

.vendor_sidebar ul.dashboard_nav li.menu_vendor_general {
  display: none !important;
}

.vendor_wrap .contents {
  background: #f9f9f9 !important;
  padding: 30px !important;
}

.elementor-element-5533121 {
  border-top: 1px solid #bbbbbbcc;
}

.vendor_user_profile,
.dashboard_nav li.active,
.dashboard_nav li:hover,
.vendor_wrap .general_tickets .el-wp-bar .skill-active {
  background-color: #ff7a6b !important;
  border: 1px solid #ff7a6b !important;
}

.vendor_user_profile {
  border-bottom: 2px solid #fff !important;
}

a.button,
input[type="submit"],
button.btn.btn_toggle_filter,
.vendor_wrap button.button:not(.wp-color-result, .remove_image),
.save_ticket {
  background-color: #ffb22a !important;
  border: 1px solid #ffb22a !important;
}

/* Coupon Style  */

.item_coupon button.button.remove_coupon {
  background-color: #d44057 !important;
  border: 1px solid #d44057 !important;
}

body button.button.add_ticket,
body button.button.add_coupon {
  background-color: #ff7a6b !important;
}

body button.button.add_ticket:hover,
body button.button.add_coupon:hover {
  background-color: transparent !important;
}

.number_coupon_ticket .ticket {
  margin-top: 10px;
}

.vendor_wrap .tab-contents.is-active .coupon {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.vendor_edit_event #mb_coupon .item_coupon .wrap_discount_code {
  gap: 5px !important;
}

.vendor_edit_event #mb_coupon .item_coupon .discount_amount input::placeholder,
.vendor_edit_event #mb_coupon input#coupon_quantity::placeholder,
.vendor_edit_event #mb_basic .location.event_basic_block input[type=text]::placeholder {
  opacity: 0.6 !important;
  color: #999999 !important;
  font-weight: 500 !important;
}

.vendor_sidebar {
  margin-right: 30px;
}

.ticket_item,
.vendor_edit_event #mb_basic .location,
.vendor_edit_event #mb_basic .contact #show_rewrite {
  background-color: #f9f9f9 !important;
}

body .vendor_wrap .contents .vendor_edit_event form {
  border: none !important;
}

.el_edit_event_submit {
  margin: 30px 0 0 !important;
}

.vendor_wrap .contents .vendor_edit_event,
.vendor_profile {
  background: transparent !important;
}

.el_submit_btn,
p#monthly-selector {
  margin-bottom: 0 !important;
}

.tab-contents {
  background-color: #fff !important;
  padding: 25px !important;
  border-radius: 5px !important;
}

ul.dashboard_nav,
.vendor_wrap .vendor_sidebar,
.vendor_wrap {
  background-color: rgb(255 231 227) !important;
}

ul.dashboard_nav a {
  color: #333333 !important;
}

button.button.wp-color-result {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
}

.vendor_wrap .vendor_sidebar .vendor_sidebar_inner {
  position: unset !important;
}

ul.dashboard_nav {
  padding: 0px !important;
}

.vendor_sidebar ul.dashboard_nav li {
  border-bottom: 1px solid #fff !important;
  border: none !important;
}

.vendor_sidebar .dashboard_nav li a {
  padding: 20px !important;
}

.dashboard_nav li.active:hover a,
.dashboard_nav li.active a,
.dashboard_nav li:hover a {
  color: #fff !important;
}

.vendor_report {
  font-weight: 500 !important;
}

.accounting ul.filter li.active a,
.accounting ul.filter li.active>span,
.vendor_wrap .vendor_tab li.is-active a,
.vendor_wrap .active_color,
.vendor_tab li:hover a,
.accounting li:hover a,
.accounting .filter li:hover:not(.custom) {
  color: #ff7a6b !important;
}

.vendor_wrap table .event_head td {
  vertical-align: middle !important;
}

table .column-title .date,
table .column-title .address {
  margin-bottom: 5px !important;
}

p.display_name {
  font-size: 19px;
  font-weight: 500;
}

.accounting ul.filter li {
  border-radius: 5px !important;
}

/* vendor_tab */

.kc-event-action-save-publish {
  width: 150px;
}

.kc-notice.kc-notice-warning {
  padding-top: 30px;
}

body.role-el-event-manager input.name_ticket::placeholder {
  text-transform: none !important;
}

.vendor_tab {
  display: flex;
  margin-bottom: 20px !important;
}

.vendor_tab li {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
}

.vendor_tab li a {
  color: #333333 !important;
}

.contents {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

textarea#content_event {
  width: 100% !important;
}

.vendor_wrap .vendor_tab li.is-active,
.vendor_wrap .vendor_tab li:hover,
.accounting .filter li.active,
.filter li:not(.custom):hover {
  border-color: #ff7a6b !important;
  overflow: hidden;
  background-color: rgb(255 231 227) !important;
}

button.button,
a.button {
  /* text-transform: capitalize; */
  font-weight: 400 !important;
  font-size: 17px !important;
}

a.button.remove_image {
  background: transparent !important;
}

.vendor_wrap .vendor_field input[type="number"],
.vendor_edit_event #mb_calendar .auto .time-range input,
.vendor_edit_event #mb_calendar .auto .date-range input {
  padding: 10px 10px !important;
  width: calc(100% - 1170px) !important;
  max-width: unset !important;
  min-width: unset !important;
}

.vendor_wrap .vendor_field input[type="number"],
.vendor_wrap .vendor_field input[type="password"],
.vendor_wrap .vendor_field input[type="url"],
.vendor_wrap .vendor_field textarea,
.iti.iti--allow-dropdown,
.kc_age_group_range_wrapper,
.wp-editor-wrap,
p.date-range.vendor_field,
div#social_list input.link_social,
div#social_list select.icon_social,
.vendor_profile .vendor_field .vendor_file_field {
  padding: 10px 10px !important;
  width: calc(100% - 170px) !important;
  max-width: unset !important;
  min-width: unset !important;
}

.event_tax.event_basic_block {
  display: none;
}

span.selected-age {
  width: calc(100% - 30px);
}

.vendor_edit_event #mb_ticket .add_ticket {
  margin: 0 auto !important;
}

.vendor_wrap .vendor_field.ova-cf .select2,
.vendor_wrap .event_basic_block .vendor_field.wrap_cat .select2,
.vendor_wrap .event_basic_block .vendor_field .select2,
.page-id-407 .kc_age_group_range_wrapper {
  width: calc(100% - 1170px) !important;
}

.kc_age_group_range.field_search.kc-d-flex {
  margin-top: 15px !important;
}

.vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat {
  gap: 10px !important;
}

.vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat .vendor_field {
  margin: 0 !important;
}

.vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat label {
  width: fit-content !important;
}

.vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat .vendor_field {
  margin: 0 !important;
  align-items: center;
  gap: 10px !important;
}

.vendor_field label.el_input_checkbox {
  width: 100% !important;
}

.vendor_wrap .vendor_field .select2,
.iti.iti--allow-dropdown,
.wp-editor-wrap,
.kc_age_group_range_wrapper,
.kc-age-group-dropdown-label {
  padding: 0px !important;
  margin: 0px !important;
}

.vendor_edit_event #mb_basic .event_type_section.event_basic_block {
  padding: 20px !important;
  margin: 20px 0 20px !important;
}

/* .vendor_field, */
.kc_age_group_range,
span.calendar_recurrence_book_before,
#mb_calendar .auto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  gap: 14px 15px;
}

.vendor_edit_event #mb_calendar .auto .time-range input,
.vendor_edit_event #mb_calendar .auto .date-range input {
  margin-bottom: 0 !important;
}

#mb_calendar .vendor_wrap .vendor_field,
#mb_calendar .vendor_wrap .vendor_field,
#mb_calendar .event-form-when-wrap.vendor_field {
  margin: 0 !important;
}

#mb_calendar .time-range.vendor_field,
#mb_calendar p.date-range.vendor_field {
  margin-bottom: 11px !important;
  margin-top: 0 !important;
}

.vendor_field label,
.kc-age-group-label {
  width: 150px !important;
  /* text-transform: capitalize ; */
  min-width: unset !important;
  max-width: unset !important;
  font-weight: 500 !important;
}

.heading_ticket .error {
  color: #ffffff !important;
  background: red;
  text-wrap: nowrap;
  padding: 4px 8px;
  border-radius: 5px;
  margin: 0px !important;
}

#mb_calendar .vendor_field label,
#mb_calendar .kc-age-group-label {
  width: 250px !important;
}

/* Password tab styles  */

body .wrap_old_password input#old_password,
body input#new_password,
body input#confirm_password {
  width: 100% !important;
  max-width: 100% !important;
}

body .wrap_old_password .control-label,
body .wrap_new_password .control-label,
body .wrap_confirm_password .control-label {
  width: auto !important;
}

.wrap_old_password label,
.wrap_new_password label,
.wrap_confirm_password label {
  min-width: 150px !important;
}

#author_password .show_pass {
  padding-left: 15px !important;
}

.social_item.vendor_field,
form#el_save_password .vendor_field,
.vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat .vendor_field {
  display: flex;
  gap: 11px !important;
  flex-wrap: nowrap;
  flex-direction: row;
}

label.el_input_checkbox,
.vendor_edit_event #mb_basic .location .edit_address,
.wrap_lnglat label {
  width: 100%;
}

.vendor_wrap .vendor_field .iti.iti--allow-dropdown input {
  width: 100%;
  padding-left: 52px !important;
}

/* event */
.wrap_event a,
.preview_event a {
  color: #3fa9f5 !important;
  transition: all 0.3s ease-in-out;
}

.wrap_event .button {
  color: #fff !important;
  padding: 10px 15px !important;
  line-height: normal;
}

.vendor_wrap .wrap_event table .event_head tr td a {
  color: #fff !important;
}

small.text_title {
  font-size: 14px;
}

.vendor_edit_event #mb_ticket .content_ticket .bottom_ticket .title_add_desc .text_title {
  padding: 5px 30px 5px 10px !important;
}

.vendor_edit_event #mb_ticket .heading_ticket input {
  padding: 10px !important;
}

.heading_ticket {
  background: #2b5477 !important;
}

.xAxis div,
.yAxis div {
  font-size: 16px !important;
  color: #333333 !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly {
  grid-template-columns: auto auto auto;
  display: grid !important;
  vertical-align: top;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: center;
}

.vendor_wrap table tbody.event_body tr {
  background-color: #ffe7e357 !important;
}

.vendor_wrap table tbody.event_body> :nth-child(odd) {
  background-color: #fff !important;
}

.vendor_wrap table .event_head,
.modal-body .table th {
  background-color: #2b5477 !important;
}

.vendor_wrap table .event_head tr td,
.modal-body .table th {
  color: #fff !important;
  text-wrap: nowrap;
}

.modal-body .table tr td:nth-child(2) {
  color: #2575fc !important;
}

.modal-body .table a.btn.btn-link {
  background: #ffb22a;
  color: #fff;
}

.modal-body .table a.btn.btn-link:hover {
  background: transparent;
  color: #2b5477 !important;
  border: 1px solid #2b5477;
}

.modal-footer .btn-primary.disabled,
.modal-footer .btn-primary:disabled {
  background-color: #2b5477 !important;
  border-color: #2b5477 !important;
}

.vendor_wrap .contents .table-list-ticket .right .el_create_tickets.el_ticket_btn:hover {
  background-color: transparent !important;
  border: 1px solid #2b5477 !important;
  color: #2b5477 !important;
}

.vendor_wrap .contents .table-list-ticket .right .el_create_tickets.el_ticket_btn {
  border: 1px solid #d44057;
  border-radius: 5px;
}

form.search_ticket input,
form.search_ticket .search_ticket_btn.button {
  border-radius: 5px !important;
}

.zl_warp_tickets {
  display: flex;
  flex-wrap: nowrap;
  width: 100% !important;
  gap: 0px;
  justify-content: center;
  align-items: center;
}

.date_ticket {
  display: flex;
  flex-wrap: nowrap;
}

.vendor_edit_event #mb_ticket .content_ticket .middle_ticket,
.vendor_edit_event #mb_ticket .content_ticket .bottom_ticket,
.image_ticket {
  width: 68% !important;
  padding: 0 0px 0 26px !important;
}

.image_ticket {
  text-align: center;
  align-items: flex-start !important;
}

.vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket {
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: space-between;
}

.middle_ticket .start_date,
.middle_ticket .end_date {
  width: 100%;
  align-items: flex-start !important;
  gap: 10px;
  flex-direction: column;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 !important;
  border-right: 1px solid #ddd;
}

.accounting .chart {
  border-radius: 5px;
}

.vendor_edit_event #mb_basic .contact #show_rewrite #social_organizer .social_item input {
  margin-bottom: 0px !important;
}

.vendor_wrap .contents .info-sales li,
.kc_event_metrics li {
  border: 1px solid #ccc !important;
  height: 80px !important;
  padding: 20px !important;
  background: #f9f9f9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  flex-direction: column;
  background-color: #fff !important;
}

.vendor_wrap .contents .info-sales li:hover,
a.el-customer-details-link {
  background-color: #ff7a6b !important;
}

.vendor_wrap .contents .info-sales li:hover .value {
  color: #fff !important;
}

.vendor_wrap .contents .info-sales .value {
  color: #ff7a6b !important;
}

a.el-customer-details-link {
  line-height: normal;
}

input.submit_bulk_action,
button.btn.btn_toggle_filter,
input.submit_filter_events {
  font-size: 17px !important;
  font-weight: 400 !important;
}

.vendor_wrap .el-export-csv #export-csv-extra {
  background-color: #ffb22a !important;
  border-radius: 5px !important;
  border: 1px solid #ffb22a !important;
}

.vendor_wrap .el-export-csv #export-csv-extra:hover {
  color: #2b5477 !important;
  border-color: #2b5477 !important;
  background: #0000 !important;
  border: 1px solid #2b5477 !important;
}

.allergy-filter .select2-selection.select2-selection--single {
  border-radius: 5px !important;
}

#allergy_filter+.select2-container {
  min-width: 150px !important;
}

.allergy-filter .select2-selection.select2-selection--single {
  height: 46px;
}

.allergy-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
}

.vendor_listing table {
  line-height: normal;
  border-radius: 5px !important;
}

.vendor_wrap table .event_head tr td {
  height: auto !important;
  padding: 10px 10px !important;
  color: #333;
  text-align: center;
  line-height: normal;
  border-right: 1px solid #ededed !important;
}

tbody.event_body td {
  border-right: 1px solid #ededed !important;
  vertical-align: middle !important;
}

.vendor_wrap table tbody.event_body h4.title a {
  color: #2b5477 !important;
}

a.button:hover,
input.submit_bulk_action:hover,
button.btn.btn_toggle_filter:hover,
input.submit_filter_events:hover,
button.button.add_image:hover,
button.button.add_social:hover,
button.search_ticket_btn.button:hover,
button.button:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #333 !important;
}

input.api_key {
  width: 100%;
}

.disable_date.vendor_field {
  display: block;
  gap: 10px !important;
}

.disable_date.vendor_field label,
span.calendar_recurrence_book_before,
.calendar_recurrence_book_before input.calendar_recurrence_time_book_before,
.event-form-recurrence-when {
  width: 100% !important;
}

p.date-range.vendor_field {
  padding: 0px !important;
}

.item_disable_date {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.social_item .ui-sortable-handle input.link_social,
.social_item .ui-sortable-handle select.icon_social {
  max-width: 100% !important;
  min-width: 85% !important;
  padding: 10px 10px !important;
  width: auto !important;
}

/* info-sales */
.vendor_wrap .contents .info-sales li,
.kc_event_metrics li {
  flex-direction: row !important;
  padding: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  height: fit-content !important;
  width: auto !important;
  border-radius: 5px;
  text-align: center;
}

.kc_event_metrics {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 0;
}

.kc_event_metrics li .value {
  color: #ff7a6b !important;
  font-size: 20px;
  font-weight: bold;
}

.vendor_wrap .contents .info-sales li label,
.kc_event_metrics li label {
  margin: 0;
}

.vendor_wrap .contents .manage_tickets {
  margin: 50px 0 !important;
}

.vendor_wrap span.status .upcomming {
  background-color: #2b5477 !important;
  color: #fff !important;
  padding: 5px 10px !important;
  font-weight: 500;
}

.vendor_wrap .contents .table-list-ticket .el_manager_ticket_action_row .el_download_tickets {
  background-color: #ffb22a !important;
  border: 1px solid #ffb22a !important;
  border-radius: 5px;
  transition: 0.3s all linear;
}

.vendor_wrap .contents .table-list-ticket .el_manager_ticket_action_row .el_download_tickets:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #333 !important;
}

.vendor_wrap .contents .table-list-ticket .el_manager_ticket_action_row #export-csv-extra-ticket {
  background-color: #ff7a6b !important;
  border: 1px solid #ff7a6b !important;
  border-radius: 5px;
  transition: 0.3s all linear;
}

.vendor_wrap .contents .table-list-ticket .el_manager_ticket_action_row #export-csv-extra-ticket:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #333 !important;
}

.iti--separate-dial-code #ova_whatsapp_contact_number {
  text-align: left;
  padding-left: 90px !important;
}

input#user_phone {
  width: 100% !important;
  text-align: left;
  padding-left: 90px !important;
}

.customer-detail b {
  color: #000 !important;
}

.vendor_wrap .vendor_field label {
  margin-bottom: 0 !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays {
  display: flex !important;
  gap: 11px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly {
  gap: 22px !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays .ts-list .ts-item:last-child {
  margin-bottom: 0 !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays label {
  width: auto !important;
}

/* Placeholder Styles */

.iti--separate-dial-code #ova_whatsapp_contact_number::placeholder {
  text-align: left;
  font-size: 14px !important;
}

input.name_ticket::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

::placeholder,
span.selected-age,
.select2-selection__placeholder {
  color: #000 !important;
  opacity: 0.7 !important;
  margin: 0 !important;
  text-transform: capitalize !important;
}

/* Profile social media styles  */

.vendor_profile #el_save_social .social_item input {
  width: 100% !important;
  margin-right: 0 !important;
}

select.icon_social {
  width: fit-content !important;
}

.vendor_profile #el_save_social .social_item {
  align-items: flex-start;
}

.wrap_event a:hover {
  color: #ff7a6b !important;
}

.edit_event_cancel_booking {
  text-transform: capitalize !important;
}

.vendor_wrap table tr td,
.vendor_wrap .wrap_event table .event_body tr th {
  vertical-align: top !important;
}

.vendor_wrap .wrap_event table .event_body tr th {
  padding-top: 23px !important;
}

.customer-detail br:last-of-type {
  display: none;
}

.vendor_wrap hr {
  padding: 6px 0px !important;
  margin: 10px 0 0 !important;
}

.vendor_wrap .tab-contents.is-active#mb_cancel_booking {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.image_box a.remove_image {
  border: none !important;
}

.el-customer-details-trigger .el-customer-details-link:hover {
  background-color: #2b5477 !important;
  color: #fff !important;
}

.vendor_wrap .vendor_field input[type="text"]:not(p.date-range.vendor_field input[type="text"], .wrap_disable_date input[type="text"], .time-range input[type="text"]),
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0px 8px !important;
  width: 100% !important;
  max-width: 335px !important;
  min-width: auto !important;
  box-sizing: border-box;
}

.vendor_sidebar .vendor_user_profile .wrap_image {
  border: 2px solid #fff !important;
}

.page-id-407 .vendor_user_profile a:hover {
  color: #2b5477 !important;
}

.vendor_wrap a:hover {
  color: #ff7a6b !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays .ts-list .ts-item .close {
  height: 28px;
  padding: 5px;
  width: 17%;
  background-color: #dfdfdf00;
  color: #d44157;
}

.vendor_wrap .el_ticket_manager_action_wrap .el_btn_ticket.el_send_ticket i {
  color: #ff7a6b !important;
}

.vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays button {
  padding: 8px 15px !important;
  margin: 0 0 0px !important;
  text-wrap: nowrap !important;
  width: fit-content !important;
}

.page-id-407 .vendor_wrap button.button:hover,
.page-id-407 .vendor_wrap a.button:hover {
  color: #2b5477 !important;
  background: transparent !important;
  border-color: #2b5477 !important;
}

a.save_ticket:hover {
  color: #2b5477 !important;
  background: transparent !important;
  border-color: #2b5477 !important;
}

.vendor_wrap [data-colname="Check-in"] .el_cancel_check_in i {
  color: #2b5477 !important;
}

.vendor_edit_event #mb_basic input,
.vendor_wrap .vendor_field {
  font-weight: 500 !important;
}

.el-pagination .page-numbers li .page-numbers:hover {
  color: #fff !important;
  background: #d44057 !important;
  border-color: #d44057 !important;
}

[data-colname="Info"] a,
.customer-detail {
  text-transform: none;
}

.vendor_wrap .el_ticket_manager_action_wrap .el_btn_ticket.el_download_ticket i {
  color: #2b5477 !important;
}

.modal-footer button {
  padding: 6px 15px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

label[for="api_key"],
.edit_event_cancel_booking label,
.cancel_bk_before_x_day label {
  font-weight: 500 !important;
}

.item_disable_time_slot,
.item_disable_time_slot span {
  margin: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 13px;
}

.vendor_edit_event #mb_calendar .auto .disable_time_slot {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
}

.vendor_edit_event #mb_calendar .auto .disable_time_slot .label {
  margin-top: 0 !important;
}

.vendor_edit_event #mb_calendar .manual .item_calendar input {
  max-width: 100% !important;
  min-width: 100% !important;
}

.wrap_safety_verification .trust-title {
  font-weight: 500;
}

.wrap_safety_verification p.custom-upload-msg {
  width: 40%;
  text-wrap: wrap;
  margin: 0 !important;
}

.wrap_safety_verification .vendor_file_field {
  padding: 0 !important;
}

.online_event small.text_title {
  font-size: 16px;
  font-weight: 500;
}


.online_event .setting_ticket_online {
  padding: 0 30px;
  display: flex !important;
  margin-top: 0px !important;
  gap: 11px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.online_field.link label,
.online_field.password label,
.online_field.other label {
  width: fit-content !important;
  min-width: fit-content !important;
}

label[for="what_to_bring"],
label.ova_desc,
label[for="what_to_provide"] {
  width: 100% !important;
}

.wp-editor-tools {
  margin-top: -49px;
}

/* social_organizer profile  */

#social_organizer .social_item {
  flex-wrap: nowrap !important;
}

#social_organizer {
  margin: 15px 0 0 !important;
}

#social_organizer label strong {
  font-weight: 500;
}

.vendor_field.kc_profile_submit_btn span.ova__loader {
  position: absolute;
  bottom: 80px;
  left: 22%;
}

.placeholder-added {
  border-radius: 100%;
}

.ticket_qr_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-id-407 .event-button {
  font-size: 17px;
  padding: 8px 21px;
  color: #fff !important;
  background-color: #ffb22a !important;
  border: 1px solid #ffb22a !important;
}

.page-id-407 .event-button:hover {
  color: #2b5477 !important;
  background-color: #ffffff00 !important;
  border: 1px solid #2b5477 !important;
}

.page-id-407 .event-card:hover {
  transform: translateY(0px) !important;
}

.page-id-407 .event-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)) !important;
}

.link_video.vendor_field {
  display: none;
}

/* Responsive media screen  */

@media (min-width: 1400px) {

  .vendor_wrap .vendor_field input[type="number"],
  .vendor_edit_event #mb_calendar .auto .time-range input,
  .vendor_edit_event #mb_calendar .auto .date-range input {
    width: auto !important;
  }

  .middle_ticket .start_date,
  .middle_ticket .end_date {
    padding: 0 16px;
  }

  .vendor_wrap .vendor_field.ova-cf .select2,
  .vendor_wrap .event_basic_block .vendor_field.wrap_cat .select2,
  .vendor_wrap .event_basic_block .vendor_field .select2,
  .page-id-407 .kc_age_group_range_wrapper {
    width: auto !important;
    min-width: 335px !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .start_date span,
  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .end_date span {
    min-width: 232px !important;
  }
}

@media (min-width: 1300px) {

  #ticket_list_modal .modal-lg,
  #ticket_list_modal .modal-xl {
    max-width: 1250px !important;
    width: auto !important;
  }
}

@media (max-width: 1024px) {

  #ticket_list_modal .modal-lg,
  #ticket_list_modal .modal-xl {
    max-width: auto !important;
  }

  .wp-editor-tools {
    margin-top: -29px;
  }

  .item_disable_time_slot,
  .item_disable_time_slot span {
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
  }

  .vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly {
    grid-template-columns: repeat(2, auto);
  }

  #mb_calendar .vendor_field label,
  #mb_calendar .kc-age-group-label,
  .vendor_wrap .vendor_field input[type="number"],
  .vendor_edit_event #mb_calendar .auto .time-range input,
  .vendor_edit_event #mb_calendar .auto .date-range input {
    width: fit-content !important;
  }

  .vendor_wrap .contents .vendor_listing .header_filter {
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 11px;
  }

  .wrap_event .button {
    text-wrap: nowrap;
  }

  .vendor_wrap .vendor_field {
    display: flex;
    flex-direction: row !important;
  }

  .vendor_wrap .disable_date.vendor_field {
    display: flex;
    flex-direction: column !important;
    align-items: stretch;
    justify-content: flex-start;
  }

  .date_ticket {
    display: flex;
    flex-wrap: wrap;
  }

  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket {
    width: 35% !important;
  }

  .online_event .setting_ticket_online {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {}



@media (max-width: 768px) {
  .table-list-booking {
    text-wrap: nowrap;
  }

  .wp-editor-tools {
    margin-top: -8px;
  }

  .vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly .ts_recurrence_bydays {
    flex-wrap: wrap !important;
  }

  .wrap_safety_verification p.custom-upload-msg {
    width: 100%;
  }

  .vendor_edit_event #mb_calendar .auto #weekly-selector .ts-weekly {
    grid-template-columns: repeat(1, auto);
    justify-content: flex-start;
  }

  .vendor_field,
  .kc_age_group_range,
  span.calendar_recurrence_book_before,
  #mb_calendar .auto {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column;
  }

  #mb_calendar .vendor_field label,
  #mb_calendar .kc-age-group-label,
  .vendor_wrap .vendor_field input[type="number"],
  .vendor_edit_event #mb_calendar .auto .time-range input,
  .vendor_edit_event #mb_calendar .auto .date-range input {
    width: fit-content !important;
  }

  .vendor_wrap .vendor_profile .vendor_tab li,
  .vendor_wrap .vendor_edit_event .vendor_tab li {
    width: fit-content !important;
    margin: 0 5px 5px 0 !important;
  }

  .vendor_wrap .vendor_profile .vendor_tab li a,
  .vendor_wrap .vendor_edit_event .vendor_tab li a {
    display: inline-block;
    outline: none;
    padding: 10px 25px !important;
    height: fit-content !important;
  }

  .vendor_wrap .vendor_field {
    margin-bottom: 0 !important;
  }

  .vendor_wrap .vendor_field input[type="text"]:not(p.date-range.vendor_field input[type="text"],
    .wrap_disable_date input[type="text"],
    .time-range input[type="text"]) {
    max-width: 100% !important;
  }

  .vendor_wrap .vendor_field.ova-cf .select2,
  .vendor_wrap .event_basic_block .vendor_field.wrap_cat .select2,
  .vendor_wrap .event_basic_block .vendor_field .select2,
  .page-id-407 .kc_age_group_range_wrapper {
    width: 100% !important;
  }

  .vendor_wrap .vendor_field input[type="number"],
  .vendor_wrap .vendor_field input[type="password"],
  .vendor_wrap .vendor_field input[type="url"],
  .vendor_wrap .vendor_field textarea,
  .iti.iti--allow-dropdown,
  .kc_age_group_range_wrapper,
  .wp-editor-wrap,
  p.date-range.vendor_field,
  div#social_list input.link_social,
  div#social_list select.icon_social,
  .vendor_profile .vendor_field .vendor_file_field {
    width: 100% !important;
  }

  input#user_phone,
  .iti--separate-dial-code #ova_whatsapp_contact_number {
    width: 100% !important;
    text-align: left;
    padding-left: 102px !important;
  }

  .vendor_wrap .contents .vendor_listing .header_listing .menu_tab {
    left: unset !important;
  }

  .vendor_wrap .vendor_field input[type="text"]:not(p.date-range.vendor_field input[type="text"],
    .wrap_disable_date input[type="text"],
    .time-range input[type="text"]) {
    max-width: 100% !important;
  }

  .vendor_wrap .table-list-booking table tr td.checkbox_col,
  .vendor_wrap .table-list-ticket table tr td.ticket_id_col {
    padding-left: 10px !important;
  }

  .vendor_wrap .table-list-ticket table tr td:first-child {
    padding-top: 20px !important;
  }

  tbody.event_body td {
    border: none !important;
  }

  .vendor_wrap .wrap_event table tr td:last-child>div,
  .vendor_wrap .wrap_event table tr td:nth-last-child(2)>div {
    padding: 3px 8px 3px 100px !important;
  }

  .vendor_wrap .wrap_event table tr td:last-child .button,
  .vendor_wrap .wrap_event table tr td:nth-last-child(2) .button {
    margin-left: 100px !important;
  }

  .vendor_edit_event #mb_basic .location .edit_latlng .wrap_lnglat {
    margin: 0 !important;
  }
}

@media (max-width: 600px) {
  .table-list-booking {
    text-wrap: wrap;
  }

  td[data-colname="Ticket Type"] {
    min-height: 40px;
    height: 40px;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket {
    border: none !important;
    width: 100% !important;
    padding: 0px 10px !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket,
  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket,
  .image_ticket {
    padding: 0 0px 0 0px !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket .content_desc .image_ticket {
    width: 100%;
    margin: 0 0 11px 0;
    text-align: left;
    padding: 0 10px !important;
  }

  .start_date,
  .end_date {
    width: 100%;
    align-items: flex-start !important;
    gap: 10px;
    flex-direction: column;
    padding: 0 0px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0 !important;
    border-right: 0px solid #ddd !important;
  }

  .vendor_edit_event #mb_ticket .heading_ticket .left i,
  .vendor_edit_event #mb_ticket .heading_ticket .right i {
    font-size: 14px !important;
  }

  .vendor_edit_event #mb_calendar .manual .item_calendar .remove_calendar {
    bottom: 5px !important;
  }

  .item_disable_date,
  .vendor_edit_event #mb_calendar .manual .item_calendar,
  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket .content_desc,
  .date_ticket,
  .online_event .setting_ticket_online {
    flex-direction: column !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket .content_desc {
    margin-top: 0 !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket {
    padding: 10px;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket {
    padding: 0px 10px !important;
  }

  .vendor_field,
  .kc_age_group_range,
  span.calendar_recurrence_book_before,
  #mb_calendar .auto,
  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket .content_desc,
  .online_event .setting_ticket_online {
    align-items: flex-start !important;
  }

  .vendor_edit_event #mb_calendar .option_calendar label {
    margin-bottom: 11px !important;
  }

  .wrap_disable_date,
  .item_disable_date {
    width: 98% !important;
    max-width: 98% !important;
    min-width: 98% !important;
  }

  .vendor_edit_event #mb_calendar .auto .schedules_time input,
  .vendor_edit_event #mb_calendar .auto .disable_date .item_disable_date input {
    border-right: 1px solid #ccc !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    min-width: 100% !important;
  }

  .wp-editor-tabs button#content_event-tmce,
  .wp-editor-tabs button#content_event-html {
    font-size: 11px;
    padding: 6px;
  }

  #mb_calendar .vendor_field label,
  #mb_calendar .kc-age-group-label,
  .vendor_wrap .vendor_field input[type="number"],
  .vendor_edit_event #mb_calendar .auto .time-range input,
  .vendor_edit_event #mb_calendar .auto .date-range input {
    width: 100% !important;
  }

  button.button.remove_schedules_time,
  button.button.remove_disable_date {
    width: fit-content;
  }

  .vendor_edit_event #mb_ticket .content_ticket .bottom_ticket {
    width: 100% !important;
    text-align: left;
  }

  .page-id-407 .vendor_wrap {
    background: #f9f9f9 !important;
  }

  .zl_warp_tickets {
    gap: 0 !important;
    flex-direction: column;
  }

  .vendor_edit_event #mb_calendar .auto .schedules_time .item_schedules_time {
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    flex-direction: column;
  }

  .vendor_edit_event #mb_basic input[type="text"] {
    min-width: 100%;
    left: 0px !important;
    top: 50px !important;
  }

  #social_organizer .social_item {
    flex-wrap: wrap !important;
    gap: 11px;
  }

  .wrap_old_password label,
  .wrap_new_password label,
  .wrap_confirm_password label {
    min-width: 96px !important;
  }

  #social_organizer .social_item .vendor_wrap button.button,
  .vendor_wrap a.button {
    margin: 0 !important;
  }

  #social_organizer .social_item input {
    margin-right: 0 !important;
  }

  .vendor_field label,
  .kc-age-group-label,
  .vendor_wrap .vendor_field input[type="number"],
  .vendor_wrap .vendor_field input[type="password"],
  .vendor_wrap .vendor_field input[type="url"],
  .vendor_wrap .vendor_field input[type="text"]:not(p.date-range.vendor_field input[type="text"],
    .wrap_disable_date input[type="text"],
    .time-range input[type="text"]),
  .vendor_wrap .vendor_field textarea,
  .vendor_wrap .vendor_field select,
  .vendor_wrap .vendor_field .select2,
  .iti.iti--allow-dropdown,
  .kc_age_group_range_wrapper,
  .wp-editor-wrap,
  p.date-range.vendor_field,
  div#social_list input.link_social,
  div#social_list select.icon_social,
  .vendor_profile .vendor_field .vendor_file_field,
  .vendor_wrap .vendor_field.ova-cf .select2,
  .vendor_wrap .event_basic_block .vendor_field.wrap_cat .select2,
  .vendor_wrap .event_basic_block .vendor_field .select2 {
    width: 100% !important;
  }

  .vendor_wrap .vendor_field {
    gap: 10px !important;
  }

  .vendor_wrap .contents {
    padding: 15px 10px !important;
  }

  .tab-contents,
  .vendor_edit_event #mb_basic .location {
    padding: 20px 15px !important;
  }

  .vendor_profile .content #el_save_social .social_item .select2,
  .vendor_wrap .vendor_field select {
    width: calc(100% - 69px) !important;
  }

  .vendor_profile #el_save_social .social_item input {
    margin-bottom: 0 !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .top_ticket .col {
    width: 100% !important;
    border: none !important;
    margin: 10px 0 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .top_ticket .col .top {
    text-align: left !important;
    margin-bottom: 0px !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .top_ticket {
    border: none !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket {
    gap: 0px !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .start_date,
  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .end_date {
    align-items: flex-start !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .start_date div,
  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .end_date div {
    width: 100%;
    gap: 11px;
    flex-direction: column;
    align-items: stretch;
  }

  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .start_date input,
  .vendor_edit_event #mb_ticket .content_ticket .middle_ticket .date_ticket .end_date input {
    width: 98% !important;
    min-width: 98% !important;
    max-width: 98% !important;
    margin: 0 !important;
  }

  .vendor_edit_event #mb_ticket .content_ticket .save_ticket {
    margin-top: 0 !important;
  }

  .vendor_edit_event #mb_coupon .item_coupon .discount_time div span {
    display: block !important;
  }

  .vendor_edit_event #mb_coupon .item_coupon .discount_time div {
    margin: 10px 0 !important;
  }

  .vendor_wrap .ticket .vendor_field {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 480px) {
  .vendor_edit_event #mb_basic .location .country_city .select2 {
    width: 100% !important;
  }

  .vendor_wrap .vendor_profile .vendor_tab li a,
  .vendor_wrap .vendor_edit_event .vendor_tab li a {
    padding: 5px 20px !important;
  }

  .vendor_wrap .wrap_event table tr td:last-child:before,
  .vendor_wrap .wrap_event table tr td:nth-last-child(2):before {
    width: 100% !important;
  }

  .vendor_wrap .wrap_event table tr td:last-child>div,
  .vendor_wrap .wrap_event table tr td:nth-last-child(2)>div {
    padding: 28px 0px 3px !important;
  }

  .vendor_wrap .wrap_event table tr td:last-child .button,
  .vendor_wrap .wrap_event table tr td:nth-last-child(2) .button {
    margin: 30px 0 0 0 !important;
  }

  .vendor_wrap .general_tickets .total-ticket-sale,
  .vendor_wrap .general_tickets .el-wp-bar,
  .vendor_wrap .general_tickets .list-ticket-in-event ul {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 423px) and (min-width: 376px) {
  .vendor_wrap .contents .vendor_listing .bulk_action {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 375px) {
  .vendor_wrap .contents .vendor_listing .header_listing .menu_tab {
    right: unset !important;
  }
}

@media (max-width: 320px) {
  .vendor_wrap .contents .vendor_listing .bulk_action {
    flex-direction: column;
    align-items: flex-start;
  }

  .vendor_wrap .contents .vendor_listing .header_listing .menu_tab {
    right: unset !important;
  }
}

.kc-scrc-description {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin-top: -8px;
}

/* HKID upload hidden — field preserved in DB; remove this rule to restore */
.vendor_field:has(#ova_upload_hong_kong_identity_card_hkid) {
  display: none !important;
}

.kc-scrc-disclaimer {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin-top: 8px;
}

.kc-scrc-warning {
  color: #d44057;
  font-weight: 500;
}

.vendor_checkbox_field label {
    width: 100% !important;
}

.kc-scrc-intro {
  margin-bottom: 12px;
}

.kc-scrc-intro p {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.6;
}

.wrap_safety_verification .vendor_field.ova-cf.checkbox {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.wrap_safety_verification .vendor_field.ova-cf.checkbox > label {
  display: block !important;
  width: 100% !important;
  min-width: unset !important;
  margin-bottom: 10px !important;
  font-weight: 600;
}

.wrap_safety_verification .vendor_field.ova-cf.checkbox .checkbox_field_wrap {
  display: block !important;
  width: 100% !important;
}

.wrap_safety_verification .vendor_checkbox_field {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 6px;
}

/* Trust & Safety declaration badge — shown on event detail / author pages */

.kc-trust-declaration {
  background: #f0faf3;
  border: 1px solid #27ae60;
  border-radius: 6px;
  padding: 14px 16px;
  margin-top: 14px;
}

.kc-trust-badges {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 10px;
}

.kc-trust-badge {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: #1a7a3a;
}

.kc-trust-description {
  font-size: 12px;
  color: #444;
  margin: 0 0 6px;
  line-height: 1.6;
}

.kc-trust-disclaimer {
  font-size: 12px;
  color: #777;
  font-style: italic;
  margin: 0;
  line-height: 1.5;
}

.wrap_safety_verification .vendor_checkbox_field label {
  min-width: unset !important;
  margin: 0;
}

/* Message Organiser form: JS opens the form with inline height:100% (100% of the
   organiser panel), creating a tall empty gap that pushes the .el-notify success
   message out of view. Size the opened form to its content so the notice sits
   directly below it. The [style*="height"] guard only matches the open state. */
.info_user .el-sendmail-author[style*="height"] {
  height: auto !important;
}