/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
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 -------------------- */
/* GENERAL ----------------------------------------- */
    #KxBnBWidget { background: #003366 !important;; }
    #KxBnBWidget .KxBnBWidget { color: black; }
    #KxBnBWidget .form-control,
    #KxBnBWidget .search-wrapper > div input[type="button"],
    #KxBnBWidget .search-wrapper > div button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    #KxBnBWidget .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }


/* TABS -------------------------------------------- */
    #KxBnBWidget fieldset { background: white; }
    #KxBnBWidget .tab-wrapper,
    #KxBnBWidget .promotion-wrapper.promotion-inverse { background: #611b5b; }
    #KxBnBWidget .header-wrapper > div .shown { color: black; }
    #KxBnBWidget .search-wrapper > div { padding-left: 0.9em; padding-right: 0.9em; }
        #KxBnBWidget .search-wrapper > div input[type="button"].active,
        #KxBnBWidget .search-wrapper > div input[type="button"],
        #KxBnBWidget .search-wrapper > div button {
            border: 0;
            background: #611b5b;
            color: white;
            font-family: "Roboto", sans-serif;
            font-weight: normal;
            font-size: 1.15em;
            text-transform: uppercase;
        }
    #KxBnBWidget .search-wrapper > div input[type="button"].active,
    #KxBnBWidget .search-wrapper > div input[type="button"]:hover, #KxBnBWidget .search-wrapper > div input[type="button"]:active, #KxBnBWidget .search-wrapper > div input[type="button"]:focus, #KxBnBWidget .search-wrapper > div button:hover, #KxBnBWidget .search-wrapper > div button:active,
    #KxBnBWidget .search-wrapper > div button:focus { color: white!important; border-color: #003366 !important;; background-color: #003366 !important;; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; }
    #KxBnBWidget .tab .hide-content { border-color: #611b5b; }
    #KxBnBWidget .tab-room ul li, #KxBnBWidget .tab-location ul li { border-bottom: 1px solid #dfdfdf; }
    #KxBnBWidget .tab-room ul li:last-child, #KxBnBWidget .tab-location ul li:last-child { border-bottom: none; }
    #KxBnBWidget .tab-room ul li:hover, #KxBnBWidget .tab-room ul li:focus, #KxBnBWidget .tab-location ul li:hover, #KxBnBWidget .tab-location ul li:focus { background: #611b5b; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper label:before,
    #KxBnBWidget > .KxBnBVerticalWidget fieldset .tab label:before { background: white; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper i,
    #KxBnBWidget > .KxBnBVerticalWidget fieldset .tab i { color: #590047; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper input { background: transparent; border-color: white!important; color: white!important; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper .js-error-wrapper input { color: black!important; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset .tab.active i { color: #611b5b; }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset .tab.active .hide-content { -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); }
    #KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper .js-error-wrapper i { color: #333!important; }


/* DATEPICKER -------------------------------------- */
    #KxBnBWidget .ui-widget-content,
    #KxBnBWidget .ui-widget-header,
    #KxBnBWidget .ui-widget-header a { color: black; }
    #KxBnBWidget .ui-widget-content .ui-state-hover.ui-datepicker-prev span:before,
    #KxBnBWidget .ui-widget-content .ui-state-hover.ui-datepicker-next span:before { color: #9b6691; }
    #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: #f2f3f3; border-color: #f2f3f3; color: black;  }
    #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-unselectable span,
    #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-unselectable a,
    #KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-unselectable span,
    #KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-unselectable a { background: transparent; border-color: #f0f0f0; }
    #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: #9b6691; border-color: #9b6691; }


/* RESPONSIVE STYLES ------------------------------- */
@media only screen and (max-width: 767px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper label:before,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab label:before { background: white; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper i,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab i { color: #590047; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper input { background: transparent; border-color: white!important; color: white!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper .js-error-wrapper input { color: black!important; }
}

@media only screen and (max-width: 767px) {
    #PromotionCodeTextBox:hover { background: transparent!important }
}

@media only screen and (min-width: 768px) { 
    #KxBnBWidget > .KxBnBWidget { width: 720px; padding: 0; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i { color: #9b6691; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active .hide-content { -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.25); }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper .js-error-wrapper i { color: #333!important; }
    /* Promotional code fixes */
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper > div { padding-left: 0.5em; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper i { display: none; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper input { height: 31.35px; line-height: 18.28px; min-width: 57.6px; padding: 6px 12px; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper input { padding-left: 4px; padding-right: 4px; font-size: 12px; width: 100%; }
}

@media only screen and (min-width: 960px) {
    #KxBnBWidget > .KxBnBWidget { width: 960px; }
}

@media only screen and (min-width: 1200px) {
    #KxBnB .KxBnBContent { width: 1100px; padding-top: 1em; }
    #KxBnB .componentCartWrapper .componentCart { width: 218px; }
    #KxBnB .container, #KxBnBLoginWrapper .container, #KxBnBCookies .container { width: 1100px; }
    #KxBnBCookies .KxBnBCookies button { margin-top: 0.5em; }
}

@media only screen and (min-width: 1800px) {
    #KxBnB .componentCartWrapper { right: -275px; }
    #KxBnB .componentScrollToTopWrapper { margin-left: 90px; }
    #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div,
    #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div { position: absolute; left: 100%; }
}
#KxBnBWidget > .KxBnBHorizontalWidget fieldset.promotion-active > .promotion-wrapper {
    display: table-cell !important;
    width: 3.13% !important;
}