/**
 * Book Now shell. Colors, type, and radii come from bt-form-tokens.css.
 * The step 1 search button (.booking-button) keeps its own size and fill.
 */

#btr-body,
#wp-cart {
    color: var(--bt-navy);
    font-family: var(--bt-font) !important;
    letter-spacing: normal;
}

#btr-body button,
#btr-body input,
#btr-body select,
#btr-body textarea,
#btr-body .btn,
#btr-body .form-control,
#btr-body .dropdown-menu,
#btr-body .panel,
#btr-body .modal-content,
#wp-cart button,
#wp-cart input,
#wp-cart select,
#wp-cart textarea,
#wp-cart .btn,
#wp-cart .form-control,
#wp-cart .dropdown-menu,
#wp-cart .panel,
#wp-cart .modal-content,
#btr-body .short-delivery-detail h3,
#btr-body .short-delivery-detail h4,
#wp-cart .short-delivery-detail h3,
#wp-cart .short-delivery-detail h4 {
    font-family: var(--bt-font);
    letter-spacing: normal;
}

body#btr-body.bg-body-light {
    background-color: var(--bt-page) !important;
    color: var(--bt-navy);
}

#btr-body h1,
#btr-body h2,
#btr-body h3,
#btr-body h4,
#btr-body h5,
#btr-body h6,
#btr-body .panel-title,
#btr-body .page_hadding h1,
#btr-body .final-step .panel-title,
#wp-cart h1,
#wp-cart h2,
#wp-cart h3,
#wp-cart h4,
#wp-cart h5,
#wp-cart h6,
#wp-cart .panel-title {
    color: var(--bt-navy);
    letter-spacing: normal;
}

#btr-body label,
#btr-body .control-label,
#wp-cart label,
#wp-cart .control-label {
    color: var(--bt-navy);
    font-weight: 500 !important;
    letter-spacing: normal;
}

#btr-body .help-block,
#btr-body .text-muted,
#wp-cart .help-block,
#wp-cart .text-muted {
    color: var(--bt-muted);
    font-weight: 400;
}

#btr-body .help-block,
#wp-cart .help-block {
    font-size: 13px;
    line-height: 18px;
}

#btr-body a,
#wp-cart a {
    color: var(--bt-blue);
}

#btr-body a:hover,
#btr-body a:focus,
#wp-cart a:hover,
#wp-cart a:focus {
    color: var(--bt-blue-hover);
}

#btr-body a.btn:hover,
#btr-body a.btn:focus,
#wp-cart a.btn:hover,
#wp-cart a.btn:focus {
    text-decoration: none;
}

#btr-body .text-danger,
#btr-body a.text-danger:hover,
#btr-body a.text-danger:focus,
#btr-body .fa-asterisk.text-danger,
#btr-body .has-error .help-block,
#btr-body .has-error .control-label,
#btr-body .has-error .form-control-feedback,
#wp-cart .text-danger,
#wp-cart .fa-asterisk.text-danger,
#wp-cart .has-error .help-block,
#wp-cart .has-error .control-label {
    color: var(--bt-coral-text) !important;
}

#btr-body .form-control,
#btr-body .form-control.form-control-cart,
#btr-body #gear-form .form-control,
#btr-body select.form-control,
#btr-body .vti__input,
#wp-cart .form-control,
#wp-cart .form-control.form-control-cart,
#wp-cart select.form-control {
    height: var(--bt-height-control);
    min-height: var(--bt-height-control);
    padding: 10px 12px;
    color: var(--bt-navy);
    background-color: var(--bt-panel);
    border: 1px solid var(--bt-field-border);
    border-radius: var(--bt-radius-control);
    box-shadow: none;
}

#btr-body textarea.form-control,
#wp-cart textarea.form-control {
    height: auto;
    min-height: 88px;
}

#btr-body .form-control::placeholder,
#btr-body .form-control::-webkit-input-placeholder,
#wp-cart .form-control::placeholder,
#wp-cart .form-control::-webkit-input-placeholder {
    color: var(--bt-muted);
}


#btr-body .form-control[disabled],
#btr-body .form-control[readonly],
#btr-body fieldset[disabled] .form-control,
#wp-cart .form-control[disabled],
#wp-cart .form-control[readonly],
#wp-cart fieldset[disabled] .form-control {
    background-color: var(--bt-field-readonly);
    color: var(--bt-muted);
    opacity: 1;
}

#btr-body .has-error .form-control,
#btr-body .has-error .form-control:focus,
#btr-body .final-step .error,
#btr-body .final-step .error:focus,
#btr-body .error,
#btr-body .error:focus,
#wp-cart .has-error .form-control,
#wp-cart .has-error .form-control:focus,
#wp-cart .error,
#wp-cart .error:focus {
    border: 1px solid var(--bt-coral-border) !important;
    background-color: var(--bt-error-fill);
    box-shadow: none !important;
    color: var(--bt-navy);
}

#btr-body .btn:not(.btn-cart-xs):not(.btn-xs):not(.booking-button):not(.renter-selector-trigger),
#wp-cart .btn:not(.btn-cart-xs):not(.btn-xs):not(.booking-button):not(.renter-selector-trigger) {
    min-height: var(--bt-height-control);
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: var(--bt-radius-control);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: normal;
    text-transform: none;
    transition: var(--bt-transition);
}

#btr-body .btn-blue:not(.booking-button),
#btr-body .btn-primary:not(.booking-button),
#btr-body .btn-round.btn-primary,
#wp-cart .btn-blue:not(.booking-button),
#wp-cart .btn-primary:not(.booking-button) {
    color: #fff;
    background-color: var(--bt-blue);
    border-color: var(--bt-blue);
}

#btr-body .btn-blue:not(.booking-button):hover,
#btr-body .btn-blue:not(.booking-button):active,
#btr-body .btn-blue:not(.booking-button).active,
#btr-body .btn-primary:not(.booking-button):hover,
#btr-body .btn-primary:not(.booking-button):active,
#btr-body .btn-primary:not(.booking-button).active,
#btr-body .btn-round.btn-primary:hover,
#btr-body .btn-round.btn-primary:active,
#wp-cart .btn-blue:not(.booking-button):hover,
#wp-cart .btn-blue:not(.booking-button):active,
#wp-cart .btn-primary:not(.booking-button):hover,
#wp-cart .btn-primary:not(.booking-button):active {
    color: #fff;
    background-color: var(--bt-blue-hover);
    border-color: var(--bt-blue-hover);
}

#btr-body .btn-blue:not(.booking-button):focus,
#btr-body .btn-primary:not(.booking-button):focus,
#wp-cart .btn-blue:not(.booking-button):focus,
#wp-cart .btn-primary:not(.booking-button):focus {
    color: #fff;
    background-color: var(--bt-blue);
    border-color: var(--bt-blue);
}

#btr-body .btn-blue-bordered,
#btr-body .btn-default-3,
#wp-cart .btn-blue-bordered {
    color: var(--bt-blue);
    background-color: transparent;
    border-color: var(--bt-blue);
}

#btr-body .btn-blue-bordered:hover,
#btr-body .btn-blue-bordered:active,
#btr-body .btn-default-3:hover,
#btr-body .btn-default-3:active,
#wp-cart .btn-blue-bordered:hover,
#wp-cart .btn-blue-bordered:active {
    color: var(--bt-blue);
    background-color: var(--bt-blue-soft);
    border-color: var(--bt-blue);
}

#btr-body .btn.disabled:not(.booking-button),
#btr-body .btn[disabled]:not(.booking-button),
#btr-body .btn-blue.disabled,
#btr-body .btn-blue.disabled:hover,
#btr-body .btn-blue[disabled],
#btr-body .btn-blue[disabled]:hover,
#btr-body .btn-primary.disabled,
#btr-body .btn-primary.disabled:hover,
#btr-body .btn-primary[disabled],
#btr-body .btn-primary[disabled]:hover,
#btr-body .btn-blue-bordered.disabled,
#btr-body .btn-blue-bordered[disabled],
#wp-cart .btn.disabled,
#wp-cart .btn[disabled],
#wp-cart .btn-blue.disabled,
#wp-cart .btn-blue[disabled],
#wp-cart .btn-primary.disabled,
#wp-cart .btn-primary[disabled] {
    background-color: var(--bt-field-readonly);
    border-color: var(--bt-field-readonly);
    color: var(--bt-muted);
    opacity: 1;
    box-shadow: none;
}

#btr-body .btn-tabs,
#wp-cart .btn-tabs {
    color: var(--bt-toggle-text) !important;
    background-color: var(--bt-toggle-track) !important;
    border: 1px solid var(--bt-field-border) !important;
    border-radius: var(--bt-radius-control);
    font-weight: 600;
}

#btr-body .btn-tabs:hover,
#btr-body .btn-tabs:focus,
#wp-cart .btn-tabs:hover,
#wp-cart .btn-tabs:focus {
    color: var(--bt-blue) !important;
    background-color: var(--bt-blue-soft) !important;
    border-color: var(--bt-blue) !important;
}

#btr-body .btn-tabs.active,
#btr-body .btn-tabs.active:hover,
#btr-body .btn-tabs.active:focus,
#wp-cart .btn-tabs.active,
#wp-cart .btn-tabs.active:hover {
    color: #fff !important;
    background-color: var(--bt-blue) !important;
    border-color: var(--bt-blue) !important;
}


#btr-body input[type="radio"],
#wp-cart input[type="radio"] {
    accent-color: var(--bt-blue);
}

#btr-body input[type="checkbox"],
#wp-cart input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin: 0 8px 0 0;
    border: 1px solid var(--bt-field-border);
    border-radius: 4px;
    background-color: var(--bt-panel);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
    vertical-align: middle;
    cursor: pointer;
    flex: 0 0 17px;
    transition: border-color var(--bt-transition), background-color var(--bt-transition);
}

#btr-body input[type="checkbox"]:hover:not(:disabled),
#wp-cart input[type="checkbox"]:hover:not(:disabled) {
    border-color: var(--bt-blue);
}

#btr-body input[type="checkbox"]:checked,
#wp-cart input[type="checkbox"]:checked {
    border-color: var(--bt-blue);
    background-color: var(--bt-blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 L4.8 8.7 L9.8 3.2' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#btr-body input[type="checkbox"]:disabled,
#wp-cart input[type="checkbox"]:disabled {
    background-color: var(--bt-field-readonly);
    border-color: var(--bt-field-border);
    cursor: not-allowed;
}

#btr-body input[type="checkbox"]:focus-visible,
#wp-cart input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--bt-blue);
    outline-offset: 2px;
}

#btr-body .dropdown-menu,
#wp-cart .dropdown-menu {
    border-radius: var(--bt-radius-control);
    border-color: var(--bt-field-border);
}

#btr-body .dropdown-menu > li > a:hover,
#btr-body .dropdown-menu > li > a:focus,
#btr-body .dropdown-menu > .active > a,
#btr-body .dropdown-menu > .active > a:hover,
#btr-body .dropdown-menu > .active > a:focus,
#wp-cart .dropdown-menu > li > a:hover,
#wp-cart .dropdown-menu > li > a:focus,
#wp-cart .dropdown-menu > .active > a {
    color: #fff;
    background-color: var(--bt-blue);
}

#btr-body .progress,
#wp-cart .progress {
    border-radius: 999px;
    background-color: var(--bt-field-readonly);
    box-shadow: none;
}

#btr-body .progress-bar,
#wp-cart .progress-bar {
    background-color: var(--bt-blue);
    border-radius: 999px;
    box-shadow: none;
}

#btr-body .panel,
#wp-cart .panel {
    background-color: var(--bt-panel);
    border: 1px solid var(--bt-panel-border);
    border-radius: var(--bt-radius-panel);
}

#btr-body .panel-heading,
#wp-cart .panel-heading {
    background-color: var(--bt-panel-header);
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}

#btr-body .final-step .panel-default > .panel-heading,
#btr-body .final-step .active-panel > .panel-heading {
    background: var(--bt-panel-header) !important;
}

#btr-body .modal-content,
#wp-cart .modal-content {
    border-radius: var(--bt-radius-panel);
    border: 1px solid var(--bt-panel-border);
    background-color: var(--bt-panel);
}

#btr-body #sibebar_container.modal .modal-content,
#wp-cart #sibebar_container.modal .modal-content {
    border-radius: 0;
    border: 0;
}

#btr-body .alert-danger,
#wp-cart .alert-danger {
    background-color: var(--bt-error-fill);
    border: 1px solid var(--bt-coral-border);
    border-left-width: 4px;
    border-radius: var(--bt-radius-control);
    color: var(--bt-coral-text);
}

#btr-body .badge,
#btr-body .label,
#wp-cart .badge,
#wp-cart .label {
    border-radius: 999px;
}

#btr-body .badge-primary,
#wp-cart .badge-primary {
    background-color: var(--bt-blue) !important;
}

#btr-body .mx-input,
#wp-cart .mx-input {
    height: var(--bt-height-control);
    border: 1px solid var(--bt-field-border);
    border-radius: var(--bt-radius-control);
    color: var(--bt-navy);
    font-family: var(--bt-font);
    box-shadow: none;
}

#btr-body .mx-input:hover,
#btr-body .mx-input:focus,
#wp-cart .mx-input:hover,
#wp-cart .mx-input:focus {
    border-color: var(--bt-blue);
}

#btr-body .mx-datepicker-main,
#btr-body .mx-datepicker-popup,
#wp-cart .mx-datepicker-main {
    font-family: var(--bt-font);
    color: var(--bt-navy);
    border-radius: var(--bt-radius-control);
}

#btr-body .mx-calendar-content .cell.active,
#wp-cart .mx-calendar-content .cell.active {
    color: #fff !important;
    background-color: var(--bt-blue) !important;
}

#btr-body .package-section .quantity-box,
#btr-body .quantity-box,
#wp-cart .quantity-box {
    height: var(--bt-height-control);
    color: var(--bt-navy) !important;
    border: 1px solid var(--bt-field-border);
    border-radius: var(--bt-radius-control);
}

.sweet-alert {
    border-radius: var(--bt-radius-panel);
    font-family: var(--bt-font);
}

.sweet-alert h2,
.sweet-alert p,
.sweet-alert button {
    font-family: var(--bt-font);
}

.sweet-alert h2,
.sweet-alert p {
    color: var(--bt-navy);
}

.sweet-alert button {
    font-weight: 500;
    font-size: 15px;
    min-height: var(--bt-height-control);
    border-radius: var(--bt-radius-control);
    background-color: var(--bt-blue);
    transition: var(--bt-transition);
}

.sweet-alert button:hover,
.sweet-alert button:active {
    background-color: var(--bt-blue-hover);
}

.sweet-alert button.cancel,
.sweet-alert button.cancel:hover,
.sweet-alert button.cancel:active {
    background-color: #fff;
    color: var(--bt-blue);
    border: 1px solid var(--bt-blue);
}

.sweet-alert button.cancel:hover,
.sweet-alert button.cancel:active {
    background-color: var(--bt-blue-soft);
}

.sweet-alert button[disabled] {
    background-color: var(--bt-field-readonly);
    color: var(--bt-muted);
    opacity: 1;
}