/* Booking engine specific css - not pulled on content */

.restool-wrap .selectize-dropdown-content .active,
.new-search-wrap .selectize-dropdown-content .active {
    background-color: #666;
    color: #fff;
    font-weight: bold;
}

/* MOBILE STYLES
************************************/

@media (max-width: 414px) 
{
    
    /*** mobile checkboxes 

    input[type=checkbox] + label:before 
    {
        border: 1px solid #aaa;
        background: #fff; 
    }
    
    input[type=checkbox]:checked + label:before 
    {
        background-color: #006bb7;
        border-color: #006bb7;
    }

    ***/
    
    /*** mobile radio buttons 
    
    input[type="radio"]:checked + label:before,
    input[type="radio"]:not(:checked) + label:before 
    {
        border: 1px solid #aaa;
        background: #fff;
    }
    
    input[type="radio"]:checked + label:after,
    input[type="radio"]:not(:checked) + label:after 
    {
        background: #006bb7;
    }

    ***/
    
    /*** mobile navigation 
    
    .BOOKING-NAVIGATION::before
    {
        background-color: #ddd;
    }
    .BOOKING-NAVIGATION > li > a
    {
        background-color: #fff;
        border: 1px solid #006bb7;
        color: #006bb7;
    }
    
    .BOOKING-NAVIGATION > li.current-booking-tab > a
    {
        background-color: #378201;
        color: #fff;
    }

    ***/
} 

 /*** SEGMENTED BUTTONS  

@media (max-width: 414px) 
{
    .spoofed-btn-wrap input[type="radio"]:checked + label:before, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:before,
    .spoofed-btn-wrap input[type="radio"]:checked + label:after, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:after
    {
        opacity: 0;
        position: absolute;
    }

    .spoofed-btn-wrap input + label
    {
        text-align: center;
        color: #006bb7;
        border: 1px solid #006bb7;
        border-right: none;
        background-color: #fff;
        margin: 0px !important;
        padding: 5px !important;
        flex-grow: 1;
    }   
    
    .spoofed-btn-wrap input + label:last-child
    {
        border-right: 1px solid #006bb7;
    }

    .spoofed-btn-wrap input[type="radio"]:checked + label
    {
        border: 1px solid #006bb7;
        background-color: #006bb7;
        color: #fff;
    }   
}

***/

/** Payment Desposit Option Overrides**/

.payment-option-wrap input + label 
{
    border: 2px solid #0da6e0;
}

.payment-option-wrap input[type="radio"]:checked + label, .payment-option-wrap input[type="radio"]:not(:checked) + label
{
    border: 2px solid #0da6e0;
}

.payment-option-wrap input[type="radio"]:checked + label 
{
    border:2px solid #0da6e0;
    background-color: #0da6e0;
    color: #fff;
}
.payment-option-wrap input[type="radio"]:checked + label button 
{
    color: #fff;
}

.payment-option-wrap:focus-within input[type="radio"]:checked + label,
.payment-option-wrap:focus input[type="radio"]:checked + label,
.payment-option-wrap:focus-within input[type="radio"]:not(:checked) + label,
.payment-option-wrap:focus input[type="radio"]:not(:checked) + label 
{
    outline: auto;
}

@media (max-width: 414px)
{
    .payment-option-wrap:only-child input[type="radio"]:checked + label,
    .payment-option-wrap:only-child input[type="radio"]:not(:checked) + label 
    {
        border-bottom: 2px solid #0da6e0;
    }
}

/** Uplift tooltip override

.up-info-tooltip-text {
    background-color:rgba() !important;
}

**/

/** Uplift icon override

.up-pricing-wrap button.link, 
.up-ck-pricing-wrap button.link,
.up-pricing-wrap i.fa,
.up-ck-pricing-wrap i.fa,
.payment-option-wrap input[type="radio"]:not(:checked) + label button {
    color:;
}

**/
