/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/* Created by: 2016, Kinetic Solutions               */


/* BNB WIDGET - CLIENT BRANDING -------------------- */
/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */

/* HULL */

/* GENERAL ----------------------------------------- */
#KxBnBWidget,
#KxBnBWidget > .KxBnBWidget {
    background: #b31883 !important;
}

#KxBnBWidget {
    border-bottom: 1px solid #b31883 !important;
}

    #KxBnBWidget fieldset {
        border-bottom: 0;
    }

#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-unselectable span {
    background-color: #e74bb5;
    border-color: #e74bb5;
}


@media print {
    #KxBnBWidget {
        display: none !important;
    }
}

/* Print Icon */

#KxBnB .componentBookingConfirmation .PrintButton * {
    color: #b31883;
}


/*Search Widget */
#KxBnBWidget {
    background: #b31883;
}

    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .tab-wrapper .tab {
        background: #b31883;
    }

    #KxBnBWidget > .KxBnBHorizontalWidget fieldset.promotion-active > .promotion-wrapper {
        background: #b31883;
    }




    /* Calendar*/
    #KxBnBWidget .tab-wrapper {
        background-color: #b31883;
    }

    #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span.ui-state-active, #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span.ui-state-hover, #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-active, #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-hover, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td span.ui-state-active, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td span.ui-state-hover, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-active, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-hover {
        background-color: #b31883;
    }

    #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span, #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td span, #KxBnBWidget .ui-widget-content .ui-datepicker-group table td a {
        background-color: #ed78c8;
        color: #ffffff;
    }

        #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-active {
            border-color: #b31883;
        }

        #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-hover {
            border-color: #b31883;
        }


    #KxBnBWidget .tab .hide-content {
        border: 1px solid #b31883;
        -webkit-box-shadow: 2px 3px 3px #b31883 !important;
        box-shadow: 2px 3px 3px #b31883 !important;
    }

    #KxBnBWidget .tab-location ul li:hover, #KxBnBWidget .tab-location ul li:focus, #KxBnBWidget .tab-room ul li:hover, #KxBnBWidget .tab-room ul li:focus {
        background-color: #b31883;
    }

    #KxBnBWidget .tab-location ul li:hover, #KxBnBWidget .tab-location ul li:focus, #KxBnBWidget .tab-room ul li {
        border-bottom: 1px solid #b31883;
    }


    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active {
        background: #fff;
    }

        #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i {
            color: #b31883;
        }

        #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active label {
            color: #b31883;
        }


#KxBnB .componentCartWrapper .componentCart.affix-top.inverse > div {
    background-color: #b31883;
}

#KxBnB.inverse, #KxBnB .inverse, #KxBnBLoginWrapper.inverse, #KxBnBLoginWrapper .inverse {
    background-color: #b31883;
}

/* Search Button */

#KxBnBWidget .search-wrapper > div input[type="button"]:active {
    color: #b31883;
    background-color: #ed78c8;
    border: 1px solid #fff;
}

#KxBnBWidget .search-wrapper > div input[type="button"]:hover {
    color: #ffffff;
    background-color: #ed78c8;
    border: 1px solid #fff;
}

#KxBnBWidget .search-wrapper > div input[type="button"]:focus {
    color: #ffffff;
    background-color: #ed78c8;
    border: 1px solid #fff;
    outline: 0;
}

#KxBnBWidget .search-wrapper > div input[type="button"].active:hover {
    color: #ffffff;
    background-color: #ed78c8;
    border: 1px solid #fff;
}

#KxBnBWidget .search-wrapper > div input[type="button"].active:focus {
    color: #ffffff;
    background-color: #ed78c8;
    border: 1px solid #fff;
}

#KxBnBWidget .search-wrapper > div input[type="button"].active {
    color: #ffffff;
    background-color: #b31883;
    border: 1px solid #fff;
}

#KxBnBWidget .search-wrapper > div input[type="button"]:active:focus {
    color: #b31883;
    background-color: #ed78c8;
    border: 1px solid #fff;
    outline: 0;
}

#KxBnBWidget .search-wrapper > div input[type="button"], #KxBnBWidget .search-wrapper > div button {
    background: #b31883;
    border: 1px solid #b31883;
}



/* SEARCH RESULTS PAGE */

/* Room Search title */
#KxBnB .componentSearchResults .AvailabilitySignHeader.RoomAvailableHeader p:first-child {
    color: #b31883;
}

/*Total Price */
#KxBnB .componentSearchResults .AdvertTotal p {
    color: #000;
    background-color: #ed78c8;
}

#KxBnB .btn-primary {
    background-color: #b31883;
    border-color: #b31883;
}

    #KxBnB .btn-primary:active {
        background-color: #ed78c8;
        color: #fff;
        border-color: 1px solid #fff;
    }

#KxBnB .componentSearchResults .addToCart:hover {
    background-color: #ed78c8;
    color: #fff;
    border: 1px solid #fff;
}

#KxBnB .btn-primary:focus {
    background-color: #ed78c8;
    color: #fff;
    border: 1px solid #fff;
    outline: 0;
}

#KxBnB .btn-primary:active:focus {
    background-color: #ed78c8;
    color: #fff;
    border: 1px solid #fff;
    outline: 0;
}

#KxBnB .btn-default {
    color: #ffffff;
    background-color: #b31883;
}

#KxBnB .componentSearchResults .removeFromCart:hover {
    background: #ed78c8;
    color: #ffffff;
    border-color: #fff;
}

#KxBnB .btn-default:active {
    background: #ed78c8;
    color: #ffffff;
    border-color: #fff;
}

    #KxBnB .btn-default:active:focus {
        background: #ed78c8;
        color: #ffffff;
        border-color: #fff;
        outline: 0;
    }


/* PAYMENT PAGE */
#KxBnB .KxBnBContent button.btn-primary {
    background-color: #b31883;
    border-color: #b31883;
}

    #KxBnB .KxBnBContent button.btn-primary:hover {
        color: #ffffff;
        background-color: #ed78c8;
        border: 1px solid #fff;
    }

    #KxBnB .KxBnBContent button.btn-primary:active {
        color: #ffffff;
        background-color: #ed78c8;
        border: 1px solid #fff;
    }

    #KxBnB .KxBnBContent button.btn-primary:focus {
        color: #ffffff;
        background-color: #ed78c8;
        border: 1px solid #fff;
        outline: 0;
    }

    #KxBnB .KxBnBContent button.btn-primary:active:focus {
        color: #ffffff;
        background-color: #ed78c8;
        border: 1px solid #fff;
        outline: 0;
    }

#KxBnB .KxBnBContent .inverse .btn-primary {
    color: #b31883;
    background-color: #ed78c8;
    border: 1px solid #ffffff;
}

    #KxBnB .KxBnBContent .inverse .btn-primary:hover {
        color: #ffffff;
        background-color: #b31883;
        border: 1px solid #fff;
    }

    #KxBnB .KxBnBContent .inverse .btn-primary:active {
        color: #b31883;
        background-color: #ed78c8;
        border: 1px solid #fff);
    }

    #KxBnB .KxBnBContent .inverse .btn-primary:focus {
        color: #b31883;
        background-color: #ed78c8;
        border: 1px solid #fff;
        outline: 0;
    }

    #KxBnB .KxBnBContent .inverse .btn-primary:active:hover {
        color: #fff;
        background-color: v#ed78c8;
        border: 1px solid #fff;
    }

    #KxBnB .KxBnBContent .inverse .btn-primary:active:focus {
        color: #fff;
        background-color: #ed78c8;
        border: 1px solid #fff;
        outline: 0;
    }

#KxBnB .KxBnBContent .inverse .btn-default {
    color: #ffffff;
    background-color: #ed78c8;
    border: 1px solid #ffffff;
}

    #KxBnB .KxBnBContent .inverse .btn-default:hover {
        background: #ed78c8;
        color: #fff;
        border: 1px solid #ffffff;
    }

    #KxBnB .KxBnBContent .inverse .btn-default:active {
        background: #ed78c8;
        color: #fff;
        border: 1px solid #ffffff;
    }

    #KxBnB .KxBnBContent .inverse .btn-default:focus {
        background: #ed78c8;
        color: #fff;
        border: 1px solid #ffffff;
    }

    #KxBnB .KxBnBContent .inverse .btn-default:active:focus {
        background: #ed78c8;
        color: #fff;
        border: 1px solid #ffffff;
    }

#KxBnBWidget .tab-location ul li {
    border-bottom: 1px solid #b31883;
}

#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a {
    border-color: #b31883;
}

#KxBnBWidget .form-control:focus {
    border-color: #b31883;
}

#MainContentPlaceHolder_ResultsRepeater_ShowMore_0 {
    color: #fff;
}

#KxBnB .componentMobileCartWrapper .componentMobileCart {
    background-color: #b31883;
}


    #KxBnBWidget .tab-location ul li { border-bottom: 1px solid #B31883; }
    #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a { border-color: #B31883;  }
    #KxBnBWidget .form-control:focus { border-color: #B31883; }
    #MainContentPlaceHolder_ResultsRepeater_ShowMore_0 { color: #fff; }
    #KxBnB .componentMobileCartWrapper .componentMobileCart { background-color: #B31883; }

@media only screen and (max-width: 767px) {

    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab label:before { background: #F3A5DA; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper label:before { background: #F3A5DA; }
    #KxBnBWidget .fa-calendar:before { color: #B31883; }
    #KxBnBWidget .fa-hotel:before, #KxBnBWidget .fa-bed:before { color: #B31883; }
    #KxBnBWidget .fa-map-marker:before { color: #B31883; }
    #KxBnBWidget .fa-ticket:before { color: #B31883; }
    #KxBnBWidget .tab-location ul li { border-bottom: 1px solid #B31883; }
    #KxBnBWidget .form-control:focus { border-color: #B31883; }
    .mainNavigation ul li a:hover { color: white !important; background: #e74bb5; }
}