/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
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. */


/* GENERAL ----------------------------------------- */
#KxBnBWidget,
#KxBnBWidget > .KxBnBWidget {
    background-color: rgb(232, 232, 232);
}

#KxBnB * {
    font-size: 0.8rem;
}

#KxBnBWidget {
    border-bottom: 1px solid rgb(232, 232, 232);
}

    #KxBnBWidget fieldset {
        border-bottom: 0;
    }


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

#KxBnBWidget {
    border-bottom: 0 solid rgb(232, 232, 232);
}

.banner {
    border-bottom: 0 solid rgb(232, 232, 232) !important;
}

.fa-list:before {
    color: white !important;
}

#KxBnBWidget fieldset {
    border-bottom: 0;
}

#KxBnBWidget .tab-wrapper {
    background-color: rgb(232, 232, 232);
}

#KxBnBWidget #PromotionCodePanel {
    background-color: rgb(232, 232, 232);
}

#KxBnBWidget .search-wrapper > div input[type="button"], #KxBnBWidget .search-wrapper > div button {
    background-color: #50596c;
}

    #KxBnBWidget .search-wrapper > div input[type="button"]:hover, #KxBnBWidget .search-wrapper > div button:hover {
        color: #50596c;
    }

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

#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: rgb(232, 232, 232);
    color: #50596c;
}

#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: #50596c;
    color: white;
    border: #50596c;
}

#KxBnBWidget .tab .hide-content {
    border: 1px solid rgb(232, 232, 232);
    -webkit-box-shadow: 2px 3px 3px rgb(232, 232, 232) !important;
    box-shadow: 2px 3px 3px rgb(232, 232, 232) !important;
}

#KxBnBWidget .KxBnBWidget i {
    color: #50596c;
}

#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: rgb(232, 232, 232);
}

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

@media only screen and (min-width: 1200px) {
    #KxBnB .componentCartWrapper .componentCart.affix-top > div {
        background: #50596c;
        position: absolute;
        width: 100%;
    }

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

#KxBnB .componentCartWrapper .componentCart.affix-top.inverse > div {
    background-color: rgb(232, 232, 232);
}

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

#KxBnB .btn-primary, #KxBnBLoginWrapper .btn-primary {
    background-color: rgb(232, 232, 232);
    border: 1px solid rgb(232, 232, 232);
    color: #50596c;
}

#KxBnB .KxBnBContent button.btn-primary {
    color: #50596c;
    background-color: rgb(232, 232, 232);
    border-color: rgb(232, 232, 232);
}

    #KxBnB .KxBnBContent button.btn-primary:hover {
        color: white;
        background-color: #50596c;
        border-color: #50596c;
    }

#KxBnB .componentSearchResults .addToCart:hover, #KxBnB .componentSearchResults .removeFromCart:hover #KxBnB .componentMobileCartWrapper .componentMobileCart {
    background-color: #50596c;
    color: rgb(232, 232, 232)
}

#KxBnB .componentSearchResults .AdvertTotal p {
    background-color: #50596c;
    color: white;
}

#KxBnB .KxBnBContent .inverse .btn-primary {
    background-color: #50596c;
    color: white;
}

#KxBnB .KxBnBContent button.btn-primary:focus, #KxBnB .KxBnBContent button.btn-primary.focus {
    color: #fff;
    background-color: #50596c;
    border-color: #50596c;
}

#KxBnB .KxBnBContent button.btn-primary:active, #KxBnB .KxBnBContent button.btn-primary.active, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #50596c;
    border-color: #50596c;
}

    #KxBnB .KxBnBContent button.btn-primary:active:hover, #KxBnB .KxBnBContent button.btn-primary:active:focus, #KxBnB .KxBnBContent button.btn-primary:active.focus, #KxBnB .KxBnBContent button.btn-primary.active:hover, #KxBnB .KxBnBContent button.btn-primary.active:focus, #KxBnB .KxBnBContent button.btn-primary.active.focus, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle:hover, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle:focus, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle.focus {
        color: #fff;
        background-color: #50596c;
        border-color: #50596c;
    }

#KxBnB .KxBnBContent button:focus, #KxBnB .KxBnBContent button.focus, #KxBnB .KxBnBContent button:active:focus, #KxBnB .KxBnBContent button:active.focus, #KxBnB .KxBnBContent button.active:focus, #KxBnB .KxBnBContent button.active.focus {
    outline: thin dotted;
    outline: transparent;
    outline-offset: -2px;
}

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

@media only screen and (min-width: 768px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i {
        color: #50596c;
    }
}

@media only screen and (max-width: 767px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab i, #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper i {
        color: white;
    }

    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab label:before, #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper label:before {
        background-color: #50596c;
    }
}

#KxBnBWidget .tab label {
    color: #50596c;
}

.fa-list {
    color: red !important;
}