﻿/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
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: white; }
#KxBnBWidget .KxBnBWidget { color: #646464; }
#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: #407DC8; }
#KxBnBWidget .tab-wrapper,
#KxBnBWidget .promotion-wrapper.promotion-inverse { background: #407DC8; }
#KxBnBWidget .header-wrapper > div { border-right: 1px solid rgba(255, 255, 255, 0.5); background: #407DC8; color: white; }
#KxBnBWidget .header-wrapper > div .shown { color: white; }
#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: white; color: #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; 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: #96c800!important; background-color: #96c800!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; }
#KxBnBWidget .tab .hide-content { border-color: #407DC8; }
#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: #96c800; }
#KxBnBWidget > .KxBnBVerticalWidget fieldset.header-active > .header-wrapper { background: #407DC8; }
#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: #96c800; }
#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: #646464!important; }
#KxBnBWidget > .KxBnBVerticalWidget fieldset .tab.active i,
#KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper i:active,
#KxBnBWidget > .KxBnBVerticalWidget fieldset > .promotion-wrapper:active i { color: #407DC8; }
#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: #646464; }
#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: #96c800; }
#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: #646464;  }
#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: #96c800; border-color: #96c800; }
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-current-day span.ui-state-active,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-current-day span.ui-state-hover,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-hover,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-current-day span.ui-state-active,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-current-day span.ui-state-hover,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-current-day a.ui-state-active,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-current-day a.ui-state-hover { background: #407DC8; border-color: #407DC8; }


/* RESPONSIVE STYLES ------------------------------- */
@media only screen and (max-width: 767px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset.header-active > .header-wrapper { background: #407DC8; }
    #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: #96c800; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper input { background: transparent; border: 1px solid!important; border-color: white!important; color: white!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper .js-error-wrapper input { color: #646464!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper i:active,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper:active i { color: #407DC8; }
}

@media only screen and (min-width: 768px) {
    #KxBnBWidget .KxBnBWidget { padding-left: 24px; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i { color: #407DC8; }
    #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 { border-right: 1px solid rgba(255, 255, 255, 0.5); }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper .js-error-wrapper i { color: #333!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset.promotion-active > .promotion-wrapper input { font-size: 12px; padding-left: 3px; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > div { width: 1%!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget .header-wrapper > div { width: 100%!important; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > div:first-child { border-left: 1px solid rgba(255, 255, 255, 0.5); }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #KxBnBWidget .promotion-wrapper > div { padding-left: 7px; min-width: 85px; }
    #KxBnBWidget .promotion-wrapper.promotion-inverse i { display: none; }
}

@media only screen and (min-width: 992px) {
    #KxBnBWidget .KxBnBWidget { padding-left: 24px; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset.promotion-active > .promotion-wrapper input { font-size: 13px; padding-left: 7px; }
}

@media only screen and (min-width: 1200px) {
    #KxBnBWidget .KxBnBWidget { padding-left: 24px; }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset.promotion-active > .promotion-wrapper input { font-size: 16px; margin-top: -2px; padding-left: 10px; }
}
