/**
 * @version 1.0
 * @package: Booking Calendar
 * @category: Front-End
 * @author wpdevelop
 *
 * @web-site https://wpbookingcalendar.com/
 * @email info@wpbookingcalendar.com
 *
 * @modified 2023-11-11
 */
:root {
    --wpbc_form-button-light-size-height: 43px;
}

.booking_form *,
.bk_calendar_frame * {
    /*! -webkit-box-sizing: border-box; */
    /*! -moz-box-sizing: border-box; */
    /*! box-sizing: border-box; */
}

/* Booking form structure   //FixIn: 8.0.1.5  */
.wpbc_booking_form_structure {

}

.wpbc_booking_form_structure .wpbc_structure_calendar {

}

.wpbc_booking_form_structure .wpbc_structure_form {

}

/* form_center - in Free version */
.wpbc_booking_form_structure.wpbc_form_center,
.wpbc_booking_form_structure.wpbc_form_center > .wpbc__form__div { /* FixIn: 8.8.3.10  */
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: center;
}

.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_calendar,
.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_form {
    flex: 1 1 auto;
    margin-bottom: 1em;
}

/* FixIn: 9.8.12.1  - fix sizing in "booking form  center" template" */
.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_calendar,
.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_form {
    width: auto;
    width: Min(350px, 100%);
}

.wpbc_booking_form_structure.wpbc_form_center .wpdev-form-control-wrap {
    display: flex;
}

.wpbc_booking_form_structure.wpbc_form_center .wpbc_times_selector,
.wpbc_booking_form_structure.wpbc_form_center .wpbc-form-element-checkbox {
    max-width: Max(24em, 440px);
    justify-content: flex-start;
}

@media (max-width: 782px) {
    /*.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_form,
    .wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_calendar {
        margin:0;
        width: 100%;
    }*/
    .wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_calendar .wpbc_change_over_triangle {
        width: 100%;
    }

    .wpbc_booking_form_structure.wpbc_form_center .wpbc_times_selector,
    .wpbc_booking_form_structure.wpbc_form_center .wpbc-form-element-checkbox {
        max-width: 100%;
    }
}

/* form_dark */
.wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form label {
    color: #ddd;
}

.wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form input[type="text"],
.wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form input[type="email"],
.wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form textarea,
.wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form select {
    color: #000;
}

/* form_right //FixIn: 9.6.1.3 */
.wpbc_booking_form_structure.wpbc_form_right {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_calendar {
    margin-right: 20px;
    flex: 1 1 auto;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {
    /*float:left;*/
    margin-top: -20px;
    flex: 1 1 300px;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

/*  FixIn: 9.6.2.6 */
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form > * {
    margin: 15px 0;
    flex: 0 1 100%;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form .form-group.wpbc-form-element-rangetime,
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form .form-group.wpbc-form-element-textarea,
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form .form-group:last-child {
    flex: 1 1 auto;
    width: 100%;
}

.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form .form-group.wpbc-form-element-textarea textarea {
    width: 90%;
}

/* form footer */
.wpbc_booking_form_footer {
    clear: both;
    width: 100%;
}

/* Booking form General structure */
form.booking_form {
    text-align: left;
}

.booking_form .booking_form_div {
    margin-left: auto;
    margin-right: auto;
}

.booking_form .form-group {
    margin: 15px 0px;
}

/* -- Booking resource selection ------------------------------------------------------------------------------------ */
.resource_selection_div {
    margin: 40px 0;
}

.resource_selection_div select {
    margin: 0 1em;
}

/* TEXT, SELECT, TEXTAREA *****************************************************/
.booking_form_div textarea,
.booking_form_div input[type="text"],
.booking_form_div input[type="email"],
.booking_form_div select {
    border-color: #DFDFDF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    vertical-align: baseline;
}

/* Time inputs at the form */
.booking_form input.wpdev-validates-as-time {
    width: 50px;
}

.booking_form input[type="button"],
.booking_form input[type="submit"] {
    width: auto;
    vertical-align: middle;
}

.booking_form .wpdev-checkbox .wpdev-list-item,
.booking_form .wpdev-radio .wpdev-list-item {
    margin-right: 0.5em;
}

div.wpbc_container.wpbc_form .booking_form .wpdev-radio .wpdev-list-item input,
div.wpbc_container.wpbc_form .booking_form .wpdev-checkbox .wpdev-list-item input {
    /*margin-top: 3px;*/
}

/* Checkbox, Radio *
.booking_form .wpdev-checkbox .wpdev-list-item,
.booking_form .wpdev-radio    .wpdev-list-item{
    padding: 0 0.5em 0 0;
    vertical-align: bottom;
}
.booking_form .wpdev-checkbox .wpdev-list-item input[type="checkbox"],
.booking_form .wpdev-radio    .wpdev-list-item input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.booking_form .wpdev-checkbox .wpdev-list-item input[type="radio"],
.booking_form .wpdev-radio    .wpdev-list-item input[type="radio"] {
    margin: 1px 0 0;
    padding: 0;
    vertical-align: middle;
}
*/
/* Inline element in a row  2023-11-17   //FixIn: 9.8.8.1  *
.wpbc_container_booking_form .wpbc__field .wpbc_row_inline  .wpdev-list-item input[type="radio"]{
    vertical-align: baseline;
}
*/
/* FixIn: 9.6.2.5 */
.booking_form input[type="text"]:focus,
.booking_form input[type="password"]:focus,
.booking_form input[type="color"]:focus,
.booking_form input[type="date"]:focus,
.booking_form input[type="datetime"]:focus,
.booking_form input[type="datetime-local"]:focus,
.booking_form input[type="email"]:focus,
.booking_form input[type="month"]:focus,
.booking_form input[type="number"]:focus,
.booking_form input[type="search"]:focus,
.booking_form input[type="tel"]:focus,
.booking_form input[type="time"]:focus,
.booking_form input[type="url"]:focus,
.booking_form input[type="week"]:focus,
.booking_form input[type="checkbox"]:focus,
.booking_form input[type="radio"]:focus,
.booking_form select:focus,
.booking_form textarea:focus {
    box-shadow: 0 0 2px #2d7eff;
    /*! border: 2px solid #567cb8; */
    outline: none;
    border-color: #567cb8;
}

/*
.booking_form label.wpdev-list-item-label,
.booking_form label.wpdev-list-item-label:hover {
    display: inline;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400;
}*/
/* Disabled option in selectbox */
.booking_form_div select option.booked,
.booking_form_div select option:disabled {
    color: #ddd;
}

/* Visitors selection -  small selectboxes */
.booking_form_div select.col-md-1 {
    float: none;
    padding: 2px 8px;
    min-width: 4em;
}

/* Booking Form Buttons *******************************************************/
.wpbc-payment-form .btn,
.wpbc-payment-form .button,
.booking_form_div .btn,
.booking_form_div .button,
.booking_form_div .submit,
.booking_form_div .button-secondary {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #f7f7f7 none repeat scroll 0 0;
    border-color: #ccc;
    box-shadow: 0 1px 0 #eee;
    color: #555;
    vertical-align: top;
    white-space: normal;
}

.booking_form_div .submit,
.booking_form_div .button,
.booking_form_div .button-primary,
.booking_form_div .button-secondary,
.booking_form_div .button-highlighted,
.booking_form_div #postcustomstuff .submit input {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-box-sizing: content-box;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 11px !important;
    line-height: 16px;
    padding: 2px 8px;
    text-decoration: none;
    font-weight: 600;
    margin: 10px 0px;
    float: right;
}

/* Fix Overwrite issue by theme */
.booking_form_div input.btn-primary:hover {
    background: #0044CC !important;
}

/* Pointer */
.booking_form_div input[type="button"]:hover,
.wpbc-payment-form input[type="button"]:hover {
    cursor: pointer !important;
}

/* not allowed if disabled */
.booking_form_div input[type="button"]:disabled:hover,
.wpbc-payment-form input[type="button"]:disabled:hover {
    cursor: not-allowed !important;
}

/* CAPTCHA ********************************************************************/
.wpbc_text_captcha_container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.wpbc_container_booking_form .booking_form_div img.captcha_img {
    vertical-align: middle;
    box-shadow: none;
    margin-left: 1em;
    align-self: center;
}

.wpbc_container_booking_form .booking_form_div .captachinput {
    width: 120px;
    flex: 0 1 10em;
    margin: 0;
}

.booking_form_div hr {
    margin: 6px 0 12px;
    border: none;
    color: transparent;
    background: #eee;
    height: 1.2px;
    box-shadow: none;
}

/* Widget container */
.widget_wpdev_booking {
    width: 100%;
    float: left;
    margin: 5px 0px;
}

.widget_wpdev_booking .booking_form input[type="radio"],
.widget_wpdev_booking .booking_form input[type="checkbox"] {
    width: auto;
}

/* Each field in the booking form has this wrap */
.wpdev-form-control-wrap {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    /*width: auto;*/
    margin: 0.25em 0;

    max-width: Min(30em, 100%);
    max-width: 100%;
    width: 340px;
    min-width: Min(8em, 100%);
}

@media (max-width: 782px) {
    .wpdev-form-control-wrap {
        display: flex;
        width: 100%;
    }

    .wpdev-form-control-wrap.wpbc_wrap_checkbox {
        display: inline-flex;
        width: auto; /* Otherwise incorrectly showing checkboxes on new line:  "Fee: [checkbox fee '']" */
    }
}

/* Wrap  of options in checkboxes / radio  buttons*/
.wpdev-form-control-wrap .wpdev-radio,
.wpdev-form-control-wrap .wpdev-checkbox {
    line-height: 100%;
}

.wpdev-form-control-wrap .wpdev-list-item {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    line-height: 100%;

    /*align-items: first baseline;*/
    line-height: 1.5;

    /* FixIn: 10.3.0.3 */
    line-height: 2;
    display: inline-block;
}

/* For checkboxes Aligning correctly. */
.wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item {
    flex-flow: row nowrap;
}

.wpbc_container_booking_form .wpbc__row .wpbc_row_inline .wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item label, /* //FixIn: 9.8.8.1 */
.wpbc_container_booking_form .wpbc__row .wpbc_row_inline .wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item label:hover, /* //FixIn: 9.8.8.1 */
.wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item label,
.wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item label:hover {
    display: inline-block;
}

.wpbc_wrap_checkbox.wpdev-form-control-wrap .wpdev-list-item label * {
    vertical-align: baseline;
}

.wpdev-form-control-wrap .wpdev-list-item > * {
    margin: auto;
}

.wpdev-form-control-wrap .wpdev-list-item label.wpdev-list-item-label {
    margin-top: 0;
    align-self: center;
}

div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-list-item input[type="checkbox"],
div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-list-item input[type="radio"] {
    /*margin-top: 3px;*/
    margin-right: 0.5em;
    /* FixIn: 10.3.0.3 */
    margin: 0 0.1em;
    vertical-align: middle;
}

div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-list-item input[type="checkbox"] {
    margin-top: -2px;
}

/*
.wpdev-form-control-wrap.wpbc_wrap_checkbox .wpdev-list-item > *,
.wpdev-form-control-wrap.wpbc_wrap_checkbox .wpdev-list-item > *:hover {
    margin: auto;
    display: inline-block;
}
 */
/* = Old Messages =================================================================================================== */
/* Under calendar */
.widget_wpdev_booking .booking_form .wpdev-help-message.wpdev-element-message {
    font-size: 0.85em;
    margin: 10px 4px 4px !important;
}

/* Under fields */
.widget_wpdev_booking .booking_form .wpdev-form-control-wrap .wpdev-help-message {
    font-size: 0.85em;
    margin: 2px 8px 2px 0 !important;
}

/* Messages in Ajax request after making booking  *****************************/
.submiting_content {
    border: 1px solid #5C5;
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    margin: 15px auto;
    padding: 15px 10px;
    text-align: center;

    width: 80%;
    line-height: 1.5em;
    padding: 10px 10% 14px !important;
}

/* Error Message    FixIn: 8.7.11.10  */
.wpdevelop .alert-danger {
    background-image: none;
    background-color: #fff;
    border-radius: 0 2px 2px 0;
    border-width: 1px;
    border-left: 4px solid #c23b3b;
}

/* Warning Messages  //FixIn: 9.6.2.4    */
.wpdev-help-message.alert.alert-warning,
.wpdev-help-message .alert.alert-warning {
    color: #916c34;

    background: #fff;
    box-shadow: 0 0px 3px #e0e0e0;
    border: 1px solid #ded1bc;
    border-left: 3px solid #e09118;
    border-radius: 2px;

    margin: 2px 2px 2px 0px;
    padding: 0.5em 1em;

    vertical-align: top;
    font-size: 0.9rem;
    line-height: 1.4rem;
    opacity: 1;
}

.booking_form .wpdev-checkbox .wpdev-help-message.alert.alert-warning {
    line-height: inherit !important;
}

.wpdev-help-message.wpdev-element-message {
    padding: 5px 5px 4px;
    margin: 10px 2px;
    vertical-align: middle;
    display: inline-block;
}

/* Thank you Messages   //FixIn: 9.6.2.3 */
.submiting_content.wpdev-help-message.alert.alert-warning.alert-success {
    border: 1px solid #d5d5d5;
    border-left: 5px solid #88b706;
    background: #fff;
    box-shadow: 0 1px 10px #ddd;
    color: #707070;
    padding: 11px 10px !important;
    margin: auto;
    height: auto;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 2em !important;
    width: 94%;
}

.form_bk_messages {
    display: none;
    float: left;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #9DA;
    padding: 3px 10px;
    margin: 2px 5px;
    background: #FEF9ED;
    color: #555;
    margin: 15px auto;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
    clear: both;
}

/* ================================================================================================================== */
/*  New Messages Style  --------------------------------------------------------------------------------------------- */
/* ================================================================================================================== */
/* Messages near form fields - left / right side  ------------------------------------------------------------------- */
.wpbc_front_end__message_container_right,
.wpbc_front_end__message_container_left {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 1em;
}

.wpbc__field .wpbc_front_end__message_container_right,
.wpbc__field .wpbc_front_end__message_container_left {
    margin: 10px 1em 10px 0;
}

.wpbc_front_end__message_container_right .wpbc_front_end__message,
.wpbc_front_end__message_container_left .wpbc_front_end__message {
    flex: 0 1 auto;
    margin: 0;
    line-height: 1.8em;
    border-radius: 2px;
}

/* Do not display icons in messages near fields */
.wpbc_front_end__message_container_right .wpbc_front_end__message .menu_icon,
.wpbc_front_end__message_container_left .wpbc_front_end__message .menu_icon {
    display: none;
}

.wpbc_front_end__message_container_right .wpbc_front_end__message.wpbc_fe_message_warning,
.wpbc_front_end__message_container_left .wpbc_front_end__message.wpbc_fe_message_warning {
    border-color: #ded1bc;
    border-left-color: #e09118;
    color: #916c34;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);


    border: none;
    padding: 1px 20px 1px 0px;
    color: var(--wpbc_form-label-error-color);
    text-shadow: none;
    box-shadow: none;
}

.wpbc_front_end__message_container_right .wpbc_front_end__message.wpbc_fe_message_error,
.wpbc_front_end__message_container_left .wpbc_front_end__message.wpbc_fe_message_error {
    border-color: #dca7a7;
    border-left-color: #c23b3b;
    color: #a94442;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Full row messages ------------------------------------------------------------------------------------------------ */
.wpbc_front_end__message {
    /*background: #ffffff;*/
    border-left: 4px solid #fff;
    /*box-shadow: 0 1px 1px 0 rgba(192, 192, 192, 0.55);*/
    margin: 10px 0;
    padding: 1px 20px 1px 10px;
    line-height: 2.5em;
    text-align: left;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
}

.wpbc_fe_message_error.wpbc_front_end__message {
    background: #ffffff;
}

/* Icon */
.wpbc_front_end__message i.menu_icon {
    margin: 0 0.5em 0 0;
}

/* Standard messages - where LEFT border has different color */
.wpbc_front_end__message.wpbc_fe_message_info {
    border-left-color: #00a0d2;
}

.wpbc_front_end__message.wpbc_fe_message_success {
    border-left-color: #46b450;
}

.wpbc_front_end__message.wpbc_fe_message_warning {
    border-left-color: #e09118;
}

.wpbc_front_end__message.wpbc_fe_message_error {
    border-left-color: #c23b3b;
}

/* Alt messages - where border also has different color */
.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon {
    color: #0084ad;
}

.wpbc_fe_message_alt.wpbc_front_end__message.wpbc_fe_message_info {
    border: 2px solid #00a0d2;
    background: #fff;
    border-left: 4px solid #00a0d2;
    box-shadow: 0 0 4px #cfcfcf;
}

.wpbc_front_end__message.wpbc_fe_message_success i.menu_icon {
    color: #00810b;
}

.wpbc_fe_message_alt.wpbc_front_end__message.wpbc_fe_message_success {
    border: 2px solid #00950d;
    background: #fff;
    border-left: 4px solid #00950d;
    box-shadow: 0 0 4px #cfcfcf;
}

.wpbc_front_end__message.wpbc_fe_message_warning i.menu_icon {
    color: #c17400;
}

.wpbc_fe_message_alt.wpbc_front_end__message.wpbc_fe_message_warning {
    border: 2px solid #c17400;
    background: #fff;
    border-left: 4px solid #e09118;
    box-shadow: 0 0 4px #cfcfcf;
}

.wpbc_front_end__message.wpbc_fe_message_error i.menu_icon {
    color: #af5050;
}

.wpbc_fe_message_alt.wpbc_front_end__message.wpbc_fe_message_error {
    border: 2px solid #af5050;
    background: #fff;
    border-left: 4px solid #af5050;
    box-shadow: 0 0 4px #cfcfcf;
}

/* ================================================================================================================== */

/* Booked Times Title in tooltip */
.wpbc_booked_times_word {
    font-weight: 600;
}

/* Garbage */
.booking_form_garbage {
    display: none;
}

/* Help block */
.wpdevelop .booking_form .help-block {
    margin-bottom: 0;
    margin-top: 0;
}

/* Admin bar count */
#wp-admin-bar-booking_options a span#booking-count {
    background: none repeat scroll 0 0 #EEE;
    border-radius: 10px 10px 10px 10px;
    color: #333;
    display: inline;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 5px;
    text-shadow: none;
}

#wp-admin-bar-booking_options a:hover span#booking-count {
    background: none repeat scroll 0 0 #FFF;
    color: #000;
}

/* Pop Over Styles ************************************************************/
.wpdevelop.popover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    width: auto !important;
    z-index: 2147483647 !important;

}

.wpdevelop.popover.top .arrow {
    border-top: 5px solid rgba(140, 140, 140, 0.8) !important;
}

.wpdevelop.popover.bottom .arrow {
    border-bottom: 5px solid rgba(140, 140, 140, 0.8) !important;
}

.wpdevelop.popover.left .arrow {
    border-left: 5px solid rgba(140, 140, 140, 0.8) !important;
}

.wpdevelop.popover.right .arrow {
    border-right: 5px solid rgba(140, 140, 140, 0.8) !important;
}

.wpdevelop .popover-inner {
    background: none repeat scroll 0 0 rgba(140, 140, 140, 0.8);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 3px;
    width: 150px;
    color: #111;
}

.wpdevelop .popover-inner .popover-title {
    background-color: #FFF;
    border-bottom: 0px solid #EEE;
    border-radius: 3px 3px 0 0;
    line-height: 1;
    padding: 0px; /*9px 15px;*/
    font-size: 13px;
}

.wpdevelop .popover-inner .popover-content {
    background-clip: padding-box;
    background-color: #FFF;
    border-radius: 0 0 3px 3px;
    padding: 14px;
}

.wpdevelop .popover-content,
.wpdevelop .popover-content p,
.wpdevelop .popover-content ul,
.wpdevelop .popover-content ol {
    color: #111;
}

/*  In Calendar Tooltip   ***********************************************/
.wpbc_calendar_tooltip_booking_details {
    font-weight: normal !important;
    font-size: 11px !important;
}

/*  Rotate Icons  for Loading   ***********************************************/
.wpbc_animation_pause:before,
.wpbc_animation_pause {
    animation-play-state: paused !important;
}

.wpbc_icn_autorenew::before,
.wpbc_spin,
.wpbc_spin:before {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.wpbc_rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wpbc_rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wpbc_rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.wpbc_flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.wpbc_flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

/* Mobile *********************************************************************/
@media (max-width: 782px) {
    .wpdevelop input[type="text"],
    .wpdevelop input[type="email"],
    .wpdevelop select {
        font-size: 1.1em;
        height: 36px; /* FixIn: 7.2.0.2 */
        padding: 4px 8px;
    }

    /*  //FixIn: 8.0.1.5 */
    .wpbc_booking_form_structure.wpbc_form_right,
    .wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_calendar,
    .wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form {
        width: 100%;
        float: none;
        margin-right: 0px;
    }
}

/* Booking form CSS for more clear showing hints //FixIn: 8.7.3.5 */
.booking_form .form-hints-dev {
    margin: 1em 0;
    border-bottom: 1px solid #eee;
}

.booking_form .form-hints-dev .dates-hints-dev {
    padding: 2px 4px;
    font-size: 85%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px;
}

/* ================================================================================================================== */
/*  ==  DEPRECATED  SECTION  ==                                                                                       */
/* ================================================================================================================== */
/* Different Forms  S T R U C T U R E   *******************************************************************************/
/* Booking Form - 2 columns width times   //FixIn: 9.5.5.3 */
.wpbc_row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1em;
}

.wpbc_col {
    flex: 0 1 1px;
    margin-right: 4.1em;
}

.wpbc_col.wpbc_cal {
    flex: 1 1 50%;
    margin: 1em 0;
}

@media (max-width: 782px) {
    .wpbc_col {
        flex: 0 1 auto;
        margin-right: 0;
        min-width: 100%;
    }
}

.wpbc_col.wpbc_times {
    flex: 1 1 50%;
    margin: 1em 0;
}

.wpbc_col.wpbc_cal > *,
.wpbc_col.wpbc_times > * {
    width: 93%;
}

/* Booking Form - 2 columns   //FixIn: 8.7.7.15 */
.wpbc_form_columns {
    width: 99%;
    margin-top: 1em;
}

.wpbc_form_columns .wpbc_form_row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.wpbc_form_columns .wpbc_form_field {
    flex: 1 1 14em;

    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0 3% 0 0;
    margin: 0.7em 0;
}

.wpbc_form_field.wpbc_cal_field {
    display: block;
}

.wpbc_form_field.wpbc_cal_field > * {
    max-width: 95%;
}

.wpbc_form_field.wpbc_cal_field .bk_calendar_frame {
    margin: -0.75em 0 0;
}

@media (max-width: 782px) {
    .wpbc_form_columns .wpbc_form_field {
        flex: 1 1 100%
    }
}

.wpbc_form_columns .wpbc_form_field label,
.wpbc_form_columns .wpbc_form_field label:hover {
    flex: 0 1 auto;
    margin-right: 2em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    font-weight: 600;
    /*width: 200px;*/
    /*margin-top: 1em;*/
}

.wpbc_form_columns .wpbc_form_field .wpdev-form-control-wrap {
    width: 100%;
}

.booking_form .wpbc_form_columns .form-group .controls select,
.booking_form .wpbc_form_columns select,
.booking_form .wpbc_form_columns input[type="text"],
.booking_form .wpbc_form_columns input[type="email"] {
    width: 95%;
}

.booking_form .wpbc_form_columns textarea {
    width: 98%;
}

/* Different Forms */
/* Booking Form - 3 columns   //FixIn: 8.8.2.6 */
.wpbc_form_columns_general .wpbc_form_row_general {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.wpbc_form_columns_general .wpbc_form_field_general {
    flex: 0 1 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
    padding: 0 2% 0 0;
}

.wpbc_form_columns_general .wpbc_form_field_general:nth-child(1) {
    min-width: 341px;
    flex: 0 1 auto;
}

@media (max-width: 782px) {
    .wpbc_change_over_triangle {
        width: 100%;
    }

    .wpbc_form_columns_general .wpbc_form_field_general:nth-child(1),
    .wpbc_form_columns_general .wpbc_form_field_general:nth-child(2) {
        min-width: 100%;
        flex: 1 1 auto;
        margin-bottom: 2em;
    }
}

.wpbc_form_columns_general .wpbc_form_field_general:nth-child(2) {
    flex: 1 1 0;
    padding: 0;
    /*margin-top: -2.5em;*/
}

.wpbc_debug {
    /*float: left;*/
    margin-right: 2em;
}

.wpbc_debug:last-of-type {
    float: none;
}


/* ================================================================================================================== */
/* == Version: 9.8 ==                                                                                                 */
/* ================================================================================================================== */

/**
 * .wpbc_form_columns   ->  erased
 * .wpbc_form_row       -> .wpbc__row
 * .wpbc_form_field     -> .wpbc__field
 * .wpbc_cal_field      -> .wpbc__cal
 * ?
 * .wpbc_times          -> .wpbc__times
 * .wpbc_col            -> .wpbc__field
 * ?? wpbc_form_row_general
 */
/* ------------------------------------------------------------------------------------------------------------------ */
/* == Templates  of  Booking Forms  -  R O W S  ==                                                                                 */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_container_booking_form .bk_calendar_frame,
.wpbc_container_booking_form .block_hints {
    margin-bottom: 5px;
}

.wpbc_container_booking_form .wpbc_calendar_wraper {
    margin-bottom: 10px;
}

/*@media (max-width: 782px) {*/
/*@media (max-width: 400px) {*/
/*    .wpbc_container_booking_form .bk_calendar_frame {*/
/*        width: 100% !important;*/
/*        max-width: 100% !important;*/
/*    }*/
/*}*/
.wpbc_container_booking_form {
    width: 99%;
    margin-top: 1em;
}

.wpbc_container_booking_form .wpbc__row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.wpbc_container_booking_form .wpbc__field:not(.wpbc__cal) {
    flex: 1 1 14em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: normal;
    padding: 0 3% 0 0;
    margin: 0.7em 0;
}

.wpbc_container_booking_form .wpbc__field:first-child {
    padding-left: 0;
}

.wpbc_container_booking_form .wpbc__field:last-child {
    padding-right: 0;
}

.wpbc_container_booking_form .wpbc__field .wpbc_calendar_wraper {
    width: 100%;
}

@media (max-width: 782px) {
    .wpbc_container_booking_form .wpbc__field:not(.wpbc__cal) {
        flex: 1 1 100%;
        padding: 0;
    }
}

.wpbc_container_booking_form .wpbc__spacer {
    flex: 0 1 auto;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.wpbc__field.wpbc__cal {
    /*! display: block; */
}

.wpbc__field.wpbc__cal > * {
    max-width: 100%;
}

.wpbc__field .bk_calendar_frame {
    margin-top: calc(0.25em + 8px);
}

.wpbc__field.wpbc__cal .bk_calendar_frame {
    margin: -0.75em 0 0;
}

.wpbc_container_booking_form .wpbc__field label,
.wpbc_container_booking_form .wpbc__field label:hover {
    flex: 0 1 auto;
    /*margin-right: 2em;*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    font-weight: 600;
}

.wpbc_container_booking_form .wpbc__field .wpdev-form-control-wrap {
    width: 100%;
}

.wpbc_container_booking_form .wpbc__field .wpdev-form-control-wrap.wpbc_wrap_radio,
.wpbc_container_booking_form .wpbc__field .wpdev-form-control-wrap.wpbc_wrap_checkbox {
    align-self: center;
}

.wpbc_container_booking_form .wpbc__field .form-group .controls select,
.wpbc_container_booking_form .wpbc__field select,
.wpbc_container_booking_form .wpbc__field input[type="text"],
.wpbc_container_booking_form .wpbc__field input[type="email"] {
    width: 100%;
}

.wpbc_container_booking_form .wpbc__field textarea,
.wpbc_container_booking_form textarea {
    width: 100%;
}

/* Inline element in a row  2023-11-17   //FixIn: 9.8.8.1  */
.wpbc_row_inline {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1 1 auto;
}

.wpbc_container_booking_form .wpbc__row .wpbc_row_inline label {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;
}

.wpbc_container_booking_form .wpbc__row .wpbc_row_inline .wpdev-form-control-wrap,
.wpbc_container_booking_form .wpbc__row .wpbc_row_inline label .wpdev-form-control-wrap {
    width: auto;
    margin: 0 5px;
    min-width: 1em;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* == Calendar Next to Form ==                                                                                        */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_sections {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.wpbc_section_50 {
    flex: 1 1 48%;
    margin-bottom: 2em;
}

.wpbc_section_spacer {
    flex: 1 1 2%;
}

.wpbc_section_100 {
    flex: 0 1 96%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1em;
}

.wpbc_section_100 span,
.wpbc_section_100 p,
.wpbc_section_100 .wpdev-form-control-wrap {
    flex: 1 1 100%;
}

.wpbc_section_100 .wpdev-form-control-wrap {
    display: flex;
}

.wpbc_container_booking_form .wpbc_section_100 textarea {
    flex: 1 1 100%;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* ==  Booking Form Fields  Size  ==                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_container_booking_form p {
    padding: 0.25em 0;
}

/* == W i d t h == */
.wpbc_container_booking_form select,
.wpbc_container_booking_form input[type="text"],
.wpbc_container_booking_form input[type="email"],
.wpbc_container_booking_form textarea {
    max-width: 100%;
    max-width: Min(30em, 100%);
    width: 340px;
    min-width: Min(8em, 100%);
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* ==  Booking Form Simple  ==   New Layout                                                                           */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Admin  panel  at  WP Booking Calendar > Settings > Booking Form page */
.wpbc_center_preview .bk_calendar_frame,
.wpbc_center_preview .wpbc__form__div .bk_calendar_frame * {
    font-size: 14px;
}

.wpbc_center_preview,
.wpbc_center_preview .wpbc__form__div * {
    font-size: 16px;
    line-height: 2;
}

/* WP Booking Calendar > Add Booking page */
.add_booking_page_content,
.add_booking_page_content p {
    font-size: 15px;
    line-height: 2;
}

#wpbc-new-admin-page .booking_form_div div:not(.wpbc_cal_container) {
    /*font-size:15px;*/
}

#wpbc-new-admin-page .wpbc_container.wpbc_form input.wpbc_button_light {
    font-size: 1.15em;
    line-height: 100%;
    min-height: var(--wpbc_form-button-light-size-height);
}

#wpbc-new-admin-page .booking_form_div div.bk_calendar_frame div {
    /*font-size:13px;*/
}

#wpbc-new-admin-page .datepick-inline .datepick-days-cell div.date-content-bottom,
#wpbc-new-admin-page .datepick-inline .datepick-days-cell div.date-content-top {
    /*font-size: 0.7em;*/
}

.booking_form_div .wpbc_times_selector div,
.booking_form_div div:not(.bk_calendar_frame ) {
    /*font-size:15px;*/
}

.booking_form_div div.bk_calendar_frame div {
    /*font-size:13px;*/
}

.datepick-inline .datepick-days-cell div.date-content-bottom,
.datepick-inline .datepick-days-cell div.date-content-top {
    font-size: 0.7em;
}

.wpbc_booking_form_simple .wpbc__form__div {
    width: 100%;
}

/* Simple booking form as Wizard - Calendar centered //FixIn: 10.9.2.1 */
.wpbc_booking_form_simple .wpbc_wizard_step .wpbc_r_calendar.wpbc__field label,
.wpbc_booking_form_simple .wpbc_wizard_step .wpbc_r_calendar.wpbc__field .wpbc_calendar_wraper {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
}

/* Simple booking form as Wizard - Calendar Legend aligning  //FixIn: 10.9.2.1 */
.wpbc_booking_form_simple .wpbc_wizard_step .wpbc_r_calendar.wpbc__field .block_hints {
    /*max-width: 400px;*/
    max-width: 550px;
    justify-content: space-around;
}

.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc__field label {
    flex: 1 1 100%;
    line-height: 2.5;
}

/* Warning message for required field */
.wpbc_booking_form_simple .wpbc_front_end__message_container_right {
    margin: 10px 0;
}

/* //FixIn: 10.0.0.27  */
@media (max-width: 670px) {
    div .wpbc_ideal_payment_table tr td {
        display: block
    }

    div .wpbc_container_booking_form select,
    div .wpbc_container_booking_form input[type="text"],
    div .wpbc_container_booking_form input[type="email"],
    div .wpbc_container_booking_form textarea {
        max-width: 98%;
        width: 98%;
        border: 1px solid;
    }
}

/* In case we use columns,  then max width 100% */
.wpbc_container_booking_form .wpbc__field select,
.wpbc_container_booking_form .wpbc__field input[type="text"],
.wpbc_container_booking_form .wpbc__field input[type="email"],
.wpbc_container_booking_form .wpbc__field textarea {
    max-width: 100%;
}

/* Exception  for Booking Calendar Free (CENTER and Next  to  Calendar forms)*/
/* FixIn: 9.8.13.3
.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) textarea,
.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) select,
*/
.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) input[type="text"],
.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) input[type="email"] {
    /*width: Min(340px, 100%);*/
}

.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) textarea,
.wpbc_container_booking_form :is(.wpbc_form_center, .wpbc_form_right) select {
    /*min-width: Min(340px, 100%);*/
    /*width: 340px;*/
}

.wpbc_container.wpbc_container_booking_form textarea[cols*="0"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="1"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="2"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="3"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="4"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="5"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="6"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="7"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="8"],
.wpbc_container.wpbc_container_booking_form textarea[cols*="9"] {
    width: auto;
}

/* == H e i g h t == */
.resource_selection_div select,
.wpbc_container.wpbc_container_booking_form select /*,
.wpbc_container.wpbc_container_booking_form input[type="text"],
.wpbc_container.wpbc_container_booking_form input[type="email"],
.wpbc_container.wpbc_container_booking_form textarea */
{
    height: auto;
    font-size: 1rem;
    line-height: 2.4em;
    padding: 0 0.5em;
}

.resource_selection_div select /*,
.wpbc_container.wpbc_container_booking_form select{
    height: 2.4em;
}
.wpbc_container.wpbc_container_booking_form select[multiple],
.wpbc_container.wpbc_container_booking_form select[size]*/
{
    min-height: 2.4em;
    height: auto;
}

.resource_selection_div select option /*,
.wpbc_container.wpbc_container_booking_form select option*/
{
    line-height: 2.4em;
    padding: 0.5em 0.5em;
    outline: none;
}

/*
.wpbc_container.wpbc_container_booking_form textarea{
    height:9.7em;
}*/
.wpbc_container.wpbc_container_booking_form textarea[rows*="0"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="1"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="2"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="3"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="4"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="5"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="6"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="7"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="8"],
.wpbc_container.wpbc_container_booking_form textarea[rows*="9"] {
    height: auto;
}


/* //FixIn: 10.0.0.25 */
/* ================================================================================================================== */
/* == THANK_YOU - SECTION ==                                                                                          */
/* ================================================================================================================== */
.wpbc_ty_hide {
    display: none !important;
}

.wpbc_after_booking_thank_you_section {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 65rem;
    margin: auto;
}

.wpbc_after_booking_thank_you_section * {
    text-shadow: none;
}

/* Thank you - message */
.wpbc_after_booking_thank_you_section .wpbc_ty__message {
    flex: 1 1 auto;
    padding: 0;
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 400;
}

/* Thank you - Container with  shadow */
.wpbc_after_booking_thank_you_section .wpbc_ty__container,
.wpbc_after_booking_thank_you_section .wpbc_ty__container * {
    color: #444;
}

/* Fix color issue for iFrame of PayPal */
.wpbc_after_booking_thank_you_section .wpbc_ty__container iframe {
    color: transparent;
}

.wpbc_after_booking_thank_you_section .wpbc_ty__container {
    flex: 1 1 100%;

    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;

    /*! box-shadow: 0 1px 10px #ddd; */
    /*! box-shadow: 0 0px 3px #e0e0e0; */
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px 0px;
    /*! border: 1px solid #d5d5d5; */
    border: 1px solid rgb(204, 204, 204);
    /*! border-left: 5px solid #88b706; */

    border-radius: 2px;
    background: #FFF;
    color: #707070;

    padding: 10px 15px;
    box-sizing: border-box;
    margin: auto;

    font-size: 1rem;
    font-weight: 400;
    line-height: 2.2em;
    text-align: left;

    max-width: 100%;
    width: 100%;
}

/* Header with  booking ID */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__header {
    flex: 1 1 100%;

    border-left: 5px solid #88b706;
    padding: 5px 20px;
    font-size: 18px;
    width: 100%;
    margin-left: -10px;
    line-height: 36px;
    font-weight: 400;
}

/* Confirmation content,  like booking details and resource description */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content {
    flex: 1 1 100%;
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    word-break: normal;
    hyphens: none;
}

/* Content  section with  100% column */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text {
    flex: 1 1 100%;
    word-break: break-word;
    padding: 10px 0px;
    border-top: 1px solid #efefef;
}

/* 2 columns */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text.wpbc_cols_2 {
    /*flex: 0 1 48%;*/
    flex: 1 1 22em;
    width: 48%;
    margin-right: 1%;
}

@media (max-width: 670px) {
    .wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text.wpbc_cols_2 {
        flex: 1 1 100%;
    }
}

/* Header of the section,  like "Personal information"  |  'Booking details' */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_header {
    font-size: 18px;
    line-height: 2em;
    margin-bottom: 1.2em;
}

/* H4 header in section  */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text h4 {
    font-size: 18px;
    line-height: 1.8em;
}

/* Dates section */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_text_dates {

}

/* Times section */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_text_times {

}

/* Costs section */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_text_costs {
    text-align: right;
    padding: 0 2em;
}

/* Discount coupon code in cost hint - align vertically  with  smaller font */
.coupon_description_wrapper {
    font-size: 0.7em;
    font-weight: 400;
    margin-left: 0.8em;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.wpbc_after_booking_thank_you_section .coupon_description_wrapper {
    font-size: 1em;
}

/* Gateways Section ***************************************************************************************************/
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text.wpbc_ty__content_gateways {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    justify-content: space-around;
    align-items: flex-start;
    border-top: 0 solid #efefef;
}


/* ================================================================================================================== */
/* == Payment Gateway ==                                                                                              */
/* ================================================================================================================== */
.wpbc_ty__content_gateways .wpbc_ty__gateway {
    flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 1em;
    margin: 0 5px 1em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway.wpbc_col_auto_width {
    /*max-width: 286px;*/
    flex: 1 1 auto;
    flex: 0 1 auto;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form {
    /*flex:1 1 100%;*/
    /*max-width: 95%;*/
    flex: 0 1 auto;
    min-width: 260px;

    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form form {
    flex: 1 1 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form .wpbc_button_gw {
    flex: 1 1 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.wpbc_paypal_fee {
    font-size: 0.68em;
    vertical-align: text-top;
    line-height: 1em;
    margin: 7px 0px;
}

/* iDeal Payment form showing. Fix. //FixIn: 10.6.1.1 */
table.wpbc_ideal_payment_table {
    margin: 10px 0;
    width: 100%;
    border: none;
}

.wpbc_ideal_payment_table td {
    padding: 10px 0;
    border: none;
}

.wpbc_ideal_payment_table td label {
    font-weight: 600;
}

/* ================================================================================================================== */
/* == Buttons ==                                                                                                      */
/* ================================================================================================================== */
.wpbc_container.wpbc_form input.wpbc_button_light,
.wpbc_container.wpbc_form input.wpbc_button_light:focus,
.wpbc_container.wpbc_form input.wpbc_button_light:hover,
.wpbc_container .wpbc_button_light,
.wpbc_container .wpbc_button_light:focus,
.wpbc_container .wpbc_button_light:hover,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover {
    font-size: clamp(1em, 1em + ((1vw - 0.2em) * 0.208), 1.125em);
    border: 2px solid #eeeeeeb5;
    box-shadow: 0 2px 10px 2px #ffffff54;
    background: #fdfdfd;
    color: #444444e0;
    border-radius: 0.375em;
    padding: 0 2.2em;
    line-height: calc(var(--wpbc_form-button-light-size-height) - 3px);
    text-decoration: none;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 0 0 15px;
    height: var(--wpbc_form-button-light-size-height);
    box-sizing: border-box;
    text-shadow: none;
}

.wpbc_container.wpbc_form input.wpbc_button_light:focus,
.wpbc_container.wpbc_form input.wpbc_button_light:hover,
.wpbc_container .wpbc_button_light:focus,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus,
.wpbc_container .wpbc_button_light:hover,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover {
    border: 2px solid rgb(77, 145, 205);
    /*box-shadow: 0 5px 10px #f0f0f8;*/
    /*background: rgb(255 255 255);*/
    /*color: #5f5f5f;*/
}

.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary {
    background: var(--wpbc_form-button-background-color, #066aab);
    color: #fff;
}

.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus {
    background: var(--wpbc_form-button-background-color, #066aab);
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0px 2px var(--wpbc_form-button-background-color, #066aab);
}

.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:active,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:focus,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:hover,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:focus {
    color: #ccc;
    border: 2px solid #eeeeeeb5;
    cursor: not-allowed;
    /*pointer-events: none;*/
}

.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger {
    background: #de605c;
    border-color: #de605c;
    color: #f7f7f7;
    text-shadow: 0 0px #ba5956;
}

.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover,
.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus {
    background: #e65d59;
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 0px 2px #de605c;
}

/* ================================================================================================================== */
/* Stripe */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe {
    background: 90% 50% / 80px auto no-repeat url("../inc/assets/stripe.svg"), #fff;
    background-color: rgb(77, 77, 77);
    padding-right: 130px;
    border: 2px solid rgb(77, 77, 77);
    color: #fff;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
    border: 2px solid #5f5f5f;
    background-color: #5f5f5f;
}

/* ================================================================================================================== */
/* PayPal Yellow */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white {
    background: 90% 50% / 30% 50% no-repeat url("../inc/assets/paypal_commerce.svg"), transparent;
    padding-right: 115px;
    background-color: #ffc439 !important;
    border: 2px solid #ffc439 !important;
    color: #2C2E2F;
    box-shadow: none;

    text-indent: -9999px;
    background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #ffc439 !important;
    min-width: 175px;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover {
    background-color: #f2ba36;
    border-color: #f2ba36;
    box-shadow: 0 5px 10px #f0f0f8;
    color: #5f5f5f;
}

/* PayPal Blue */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black {
    background: 90% 50% / 30% 50% no-repeat url("../inc/assets/paypal_white_full.svg"), transparent;
    padding-right: 115px;
    background-color: #009cde !important;
    border: 2px solid #009cde !important;
    color: #fff;
    box-shadow: none;

    text-indent: -9999px;
    background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #009cde !important;
    min-width: 175px;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover {
    background-color: #33b0e5;
    border-color: #33b0e5;
    box-shadow: 0 5px 10px #f0f0f8;
    color: #fff;
}

/* PayPal Silver (based on Yellow) */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver {
    background-color: #eee !important;
    border: 2px solid #eee !important;
    background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #eee !important;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
}

/* PayPal White (based on Yellow) */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white {
    background-color: #fff !important;
    border: 1px solid #2C2E2F !important;
    background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #fff !important;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover {
    background-color: #fff !important;
    border-color: #2C2E2F !important;
}

/* PayPal Block (based on Blue) */
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black {
    background-color: #2c2e2f !important;
    border: 2px solid #2c2e2f !important;
    background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #2c2e2f !important;
}

.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover {
    background-color: #565859 !important;
    border-color: #565859 !important;
}

/* ================================================================================================================== */
/* == PayPal Standard Checkout Container ==                                                                           */
/* ================================================================================================================== */
.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div {
    text-align: left;
    clear: both;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div .wpbc_paypal_fee {
    text-align: center;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div .wpbc_paypal_std_co {
    padding: 0 2px;
    flex: 1 1 auto;
}

.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div .wpbc_paypal_std_co #wpbc_paypal_std_co_button_container {

}

/* ================================================================================================================== */
/* == Dark Theme 1 ==                                                                                                 */
/* ================================================================================================================== */

.wpbc_theme_dark_1 .wpbc_front_end__message {
    border-top: 1px solid rgb(0, 0, 0) !important;
    border-right: 1px solid rgb(0, 0, 0) !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;
    background: #626262;
    color: #5f5f5f;
    box-shadow: 0 0px 3px #3b3b3b;
    color: #fff !important;

    border-top: 0px solid rgb(0, 0, 0) !important;
    border-right: 0px solid rgb(0, 0, 0) !important;
    border-bottom: 0px solid rgb(0, 0, 0) !important;
    background: transparent;
    color: #f74748 !important;
}

.wpbc_theme_dark_1 .wpbc_front_end__message.wpbc_fe_message_error {
    border-left-color: #c23b3b;
    background: #595959 !important;
    color: #b9b9b9 !important;
}

/* ================================================================================================================== */
/* == THANK_YOU - SECTION  - Dark Theme 1 ==                                                                                          */
/* ================================================================================================================== */
.wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__message {
    color: #cdcdcd;
}

.wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container * {
    color: #fff;
}

/* Show correct  text  color for iDeal in Confirmation  window */
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content input[type=text],
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content select,
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content textarea {
    color: var(--wpbc_form-field-text-color);
}

.wpbc_ideal_payment_table td {
    vertical-align: middle;
}

.wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container {
    border: 1px solid rgb(0, 0, 0);
    background: #626262;
    color: #5f5f5f;
    box-shadow: 0 0px 3px #3b3b3b;
}

/* Payment Buttons ----------------------------------------------------------- */
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light {
    box-shadow: 0 1px 5px #424242;
    border: 2px solid #525252;
    background-color: #4d4d4d;
    color: #fff;
}

.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:focus,
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover {
    box-shadow: 0 1px 5px #424242;
    border: 2px solid #5f5f5f;
    background-color: #5c5c5c;
    color: #fff;
}

.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover {
    box-shadow: 0 5px 10px #424242;
}

.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
}

/* Booking form  elements ----------------------------------------------------------- */
.wpbc_theme_dark_1 p,
.wpbc_theme_dark_1 label {
    color: #989898;
}

.wpbc_theme_dark_1.wpbc_container select,
.wpbc_theme_dark_1.wpbc_container textarea,
.wpbc_theme_dark_1.wpbc_container input {
    color: #444;
}

/* ================================================================================================================== */
/* ==  Capacity Hints tooltips  ==                                                                                    */
/* ================================================================================================================== */
.capacity_hint {
    align-self: baseline;
    margin: 0;
}

.capacity_hint .wpbc_chint__full_day_bookings,
.capacity_hint.wpbc_chin_newline {
    flex: 1 1 100%;
    /*margin: 0.5em 0;*/
}

.wpbc_capacity_hint_container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    /*font-size:0.85em;*/
    /*line-height: 2em;*/
}

.booking_form_div .wpbc__form__div .wpbc_capacity_hint_container *,
.booking_form_div .wpbc__form__div .wpbc_capacity_hint_container {
    font-size: 0.94em;
    line-height: 1.78;
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.wpbc_chin_newline .wpbc_capacity_hint_container .wpbc_chint__datetime_container {
    /*margin:0.25em 0;*/
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__date_container {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__date_container .wpbc_chint__date {
    font-weight: 600;
    flex: 0 1 auto;
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__date_container .wpbc_chint__date_divider {
    flex: 1 1 auto;
    display: none;
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container {
    flex: 0 1 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 1em;
}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container .wpbc_chint__timeslot {

}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container .wpbc_chint__timeslot_divider {

}

.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container .wpbc_chint__availability {
    font-weight: 600;
    padding-left: 0.5em;
}

.wpbc_chint__availability {
    color: #890;
}

.availability_num_0 {
    color: #dc3400;
}

.availability_num_1,
.availability_num_2 {
    color: #dc7100;
}

.availability_num_3,
.availability_num_4,
.availability_num_5 {
    color: currentColor;
}

.wpbc_selected_timeslot {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dashed;
}

/* Full day CSS for [capacity_hint] */
.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container {
    margin: 0;
    line-height: unset;
    font-size: 0.85em;

    flex-flow: row wrap;
}

.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container .wpbc_chint__datetime_container {
    flex: 0 1 auto;
    flex-flow: row nowrap;
    width: auto;
}

.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__date_container {
    flex: 0 1 auto;
    flex-flow: row nowrap;
}

.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__date_container .wpbc_chint__date_divider {
    flex: 0 1 auto;
    display: block;
}

.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container .wpbc_chint__timeslot {
    display: none;
}

.wpbc_chint__full_day_bookings.wpbc_capacity_hint_container .wpbc_chint__datetime_container .wpbc_chint__time_container .wpbc_chint__timeslot_divider {
    display: none;
}

.wpbc_message_in_live_demo {
    background: #ffffff;
    box-shadow: 0 1px 7px #c8c8c86e;
    text-align: left;
    border-left: 4px solid #9580aa;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    margin: 10px 0;
    line-height: 2;
    padding: 5px 20px;
    font-size: 1em;
    color: #444;
    border-radius: 8px;
}

.wpbc_wizard_step_hidden {
    display: none;
}