.datepick { width:521px !important;}



.app-rg-configurator {position:fixed !important;bottom:62px !important; }

.datepick-popup{position:absolute !important;margin-top:-260px!important;}



.migliortariffa { border: 0px; color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-weight: bold; height: 38px; padding: 5px 15px; border-radius: 3px; line-height: 28px; transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; width: 100%; background: rgb(68, 150, 19); }

 .icon-text [class^="i--"],.icon-text [class*=" i--"],.icon-text .icon-text__icon{padding-right:.125em} 

 .icon-text [class^="i--"]:before,.icon-text [class*=" i--"]:before,.icon-text .icon-text__icon:before{position:relative;top:.1625em} 

 .icon-text--rev [class^="i--"],.icon-text--rev [class*=" i--"],.icon-text--rev .icon-text__icon{padding-left:.125em} 

 .icon-text--rev [class^="i--"]:before,.icon-text--rev [class*=" i--"]:before,.icon-text--rev .icon-text__icon:before{position:relative;top:.1625em} 

 .close-btn,.header__menu .header__menu__item.header__menu__account>a:before,.header__menu .header__menu__item .language-picker>a:before,.header__menu .header__menu__item .currency-picker>a:before,[class^="i--"],[class*=" i--"]{font-family:'icomoon';font-size:140%;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} 

 .close-btn:before,.header__menu .header__menu__item.header__menu__account>a:before,.header__menu .header__menu__item .language-picker>a:before,.header__menu .header__menu__item .currency-picker>a:before,[class^="i--"]:before,[class*=" i--"]:before{display:inline-block;position:absolute} 



.i--calendar--orange { z-index: 0; }

.i--calendar--orange::before {left: -4px !important;top: 1px!important;border: none !important;z-index: 1;height: 24px !important;width: 25px !important;background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -56px -657px no-repeat scroll transparent;}

.i--calendar--orange::after {/* left: 6px; *//* top: 10px; */content: '';position: absolute;margin-top: -5px;/* height: 24px !important; *//* width: 25px !important; *//* background: url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) -56px -657px no-repeat scroll transparent; */}

.fontface .i--calendar--orange { font-size: 90% !important; }

.fontface .i--calendar--orange::before { border-style: solid; border-width: 0px 0.175em 0.175em 0px; border-color: rgb(102, 102, 102); content: ''; display: inline-block; font-family: times; font-style: italic; height: 1.8em; line-height: 0; margin-top: 0.475em; padding: 0.7em 0.75em; margin-left: 0.3em; text-indent: -0.5em; width: 1.75em; }

.fontface .i--calendar--orange::after { border-style: solid; border-width: 0.5em 0.175em 0.175em; border-color: rgb(102, 102, 102); content: '31'; color: rgb(102, 102, 102); display: inline-block; line-height: 0; margin-top: 0px; margin-left: 0px; padding: 0.7em 0.75em; text-indent: -0.6em; width: 1.75em; background-color: transparent; }

.i--add-person::before { content:""; }

.fontface .i--add-person::before { border-style: solid; border-width: 0.35em 0.35em 0.125em; border-color: rgb(102, 102, 102); border-top-left-radius: 1em; border-top-right-radius: 1em; content: ''; display: inline-block; height: 0px; margin-top: 0.575em; position: absolute; width: 0px; }

.fontface .i--add-person::after { border-top-width: 0px; border-left-width: 0px; border-radius: 50%; content: '+'; color: rgb(102, 102, 102); display: inline-block; font-style: normal; font-weight: normal; height: 0.45em; line-height: 55%; margin: 0.125em; position: absolute; text-indent: 0.4em; width: 0.45em; background-color: rgb(102, 102, 102); }

.home-be__city,.home-be__calendar{position:relative;float:left;width:100%;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:15px} 



.home-be__city, .home-be__calendar { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }

.home-be__guests--wrap { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.home-be__guests { position: relative; float: left; width: 58.33333333%; min-height: 1px; padding-right: 0px; }

.home-be__button { position: relative; float: left; width: 41.66666667%; min-height: 1px; padding-left: 15px; }

@media only screen and (min-width:999px)

{

    .home-be__city,.home-be__calendar{position:relative;float:left;width:25%;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:0;padding-right:0} 

} 

.home-be__guests--wrap{position:relative;float:left;width:100%;min-height:1px;padding-left:15px;padding-right:15px} 

@media only screen and (min-width:999px)

{

.app-rg-configurator { margin-right:18% !important;}

    .home-be__guests--wrap{position:relative;float:left;width:50%;min-height:1px;padding-left:15px;padding-right:15px} 

}

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

{

    .responsive .be-prominent .select-date{width:100%}

    .home-be__guests{position:relative;float:left;width:100%;min-height:1px;padding-right:0px;padding-right:0} 

    .home-be__button{position:relative;float:left;width:100%;min-height:1px;padding-left:0px;margin-top: 15px;}

 }

.field--icon .field__input, .field--icon-left .field__input, .field--icon-right .field__input { font-family: Arial, Helvetica, sans-serif; padding-left: 38px; }

.field--icon .field__icon, .field--icon-left .field__icon, .field--icon-right .field__icon { border-radius: 3px; color: rgb(102, 102, 102); position: relative; width: 100%; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); }

.field--icon .field__icon::before, .field--icon-left .field__icon::before, .field--icon-right .field__icon::before, .field--icon .field__icon::after, .field--icon-left .field__icon::after, .field--icon-right .field__icon::after { left: 5px; top: 10px; }

.field--icon select.field__input, .field--icon-left select.field__input, .field--icon-right select.field__input { position: relative; z-index: 2; background-color: transparent; }

.field--icon-right .field__icon { left: auto; }

.field--icon-right .field__icon::before, .field--icon-right .field__icon::after { right: 5px; }

input { cursor: text; width: 100%; border: 0px; }

input:focus { border: 2px solid rgb(131, 228, 254); -webkit-appearance: none; }

select {cursor: pointer;/* -webkit-appearance: none; */width: 100%;}

select:active {/* -webkit-appearance: none; */}

input, select, textarea {border: 0px;border-radius: 3px;box-sizing: border-box;color: rgb(102, 102, 102);font-size: 11px;display: inline !important;line-height: 16px;height: 38px;padding: 10px;}

.btn,input[type="submit"],input[type="button"],button{background:#ff6600;border:0;color:#fff;cursor:pointer;font-size:16px;font-weight:bold;height:38px;padding:5px 15px;border-radius:3px;-webkit-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out;} 

.btn:hover,input[type="submit"]:hover,input[type="button"]:hover,button:hover{background:rgb(68, 150, 19);-webkit-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out} 

.btn--cyan,input[type="submit"].btn--cyan,input[type="button"].btn--cyan{background:#00a9d5} 

.btn--cyan:hover,input[type="submit"].btn--cyan:hover,input[type="button"].btn--cyan:hover{background:#006680} 

.btn--cta,input[type="submit"].btn--cta,input[type="button"].btn--cta{background:#fe9132} 

.btn--cta:hover,input[type="submit"].btn--cta:hover,input[type="button"].btn--cta:hover{background:#d26d23} 

.btn--green,input[type="submit"].btn--green,input[type="button"].btn--green{background:#009b3e} 

.btn--green:hover,input[type="submit"].btn--green:hover,input[type="button"].btn--green:hover{background:#00752f} 

.guests input { padding: 0px; }

.bookingengine .check-in-date input, .bookingengine--air .check-in-date input, .bookingengine .check-out-date input, .bookingengine--air .check-out-date input { cursor: pointer; }

.bookingengine .guests .field__input, .bookingengine--air .guests .field__input { padding-left: 36px; padding-right: 3px; }

 #ui-datepicker-div{background:#fff;color:#111;display:none;border-collapse:collapse;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);height:310px;left:50% !important;margin-left:-134px;text-align:center;top:58px !important;z-index:99 !important} 

 #ui-datepicker-div .ui-datepicker-header{margin:15px 15px 0} 

 #ui-datepicker-div .ui-datepicker-calendar{margin:0 15px} 

 #ui-datepicker-div table{border-spacing:0;padding-top:5px;width:238px} 

 #ui-datepicker-div th{max-width:34px;width:34px} 

 #ui-datepicker-div .ui-datepicker-group{display:inline-block;float:left;padding:0 10px;margin:8px 0;max-width:259px} 

 #ui-datepicker-div .ui-datepicker-group .ui-datepicker-header{margin-top:7px} 

 #ui-datepicker-div .ui-datepicker-group-first{border-right:1px solid #b3b3b3} 

 #ui-datepicker-div .ui-state-default{display:inline-block;width:24px;height:23px;font-size:17px;line-height:23px;background-position:center;background-repeat:no-repeat;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} 

 #ui-datepicker-div td{text-align:center;padding:0} 

 #ui-datepicker-div .ui-datepicker-title{border-bottom:1px solid #b3b3b3;color:#009b3e;display:block;font-size:18px;padding-bottom:10px} 

 #ui-datepicker-div td a{padding:5px;display:block;color:#009b3e} 

 #ui-datepicker-div .ui-datepicker-today{background:#00a9d5} 

 #ui-datepicker-div .ui-datepicker-today a{color:#fff} 

 #ui-datepicker-div .ui-datepicker-today span{color:#fff;background:transparent} 

 #ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today,#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:hover{background-color:#00752f;color:white !important;cursor:pointer} 

 #ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:after,#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:hover:after{content:'';height:33px;border-left:5px solid #00752f;border-bottom:16px solid #61cc8c;border-top:16px solid #61cc8c;float:right;margin-left:0;margin-top:-5px} 

 #ui-datepicker-div .app-picker-for-arrival .ui-state-default:hover,#ui-datepicker-div .arrival-date-calendar .ui-state-active{background-color:#00752f;color:#fff;cursor:pointer} 

 #ui-datepicker-div .app-picker-for-arrival .ui-state-default:hover:after,#ui-datepicker-div .arrival-date-calendar .ui-state-active:after{content:'';height:33px;border-left:5px solid #00752f;border-bottom:16px solid #61cc8c;border-top:16px solid #61cc8c;float:right;margin-right:-5px;margin-top:-5px} 

 #ui-datepicker-div .app-picker-for-departure .arrival-date-calendar,#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:hover{background-color:#00752f;color:#fff;cursor:pointer} 

 #ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:after,#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:hover:after{content:'';height:33px;border-left:5px solid #00752f;border-bottom:16px solid #61cc8c;border-top:16px solid #61cc8c;position:absolute;margin-left:-5px} 

 #ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default,#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover{color:#b3b3b3;background:#fff;cursor:default} 

 #ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:after,#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover:after{border-left:5px solid #fff;border-bottom:16px solid #fff;border-top:16px solid #fff} 

 #ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover{color:#b3b3b3;background:#fff;cursor:default} 

 #ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover:after{border-left:5px solid #fff;border-bottom:16px solid #fff;border-top:16px solid #fff} 

 #ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span,#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:hover{color:#b3b3b3;background:transparent;cursor:default} 

 #ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:after,#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:hover:after{content:'';height:33px;border-right:5px solid #fff;border-bottom:16px solid #fff;border-top:16px solid #fff;float:left;margin-left:-10px;margin-top:-5px} 

 #ui-datepicker-div .departure-date-calendar{background-color:#00752f;color:#fff;cursor:pointer} 

 #ui-datepicker-div .departure-date-calendar:before{content:'';height:33px;border-right:5px solid #00752f;border-bottom:16px solid #61cc8c;border-top:16px solid #61cc8c;position:absolute;margin-right:-5px} 

 #ui-datepicker-div .app-picker-for-departure .ui-state-default:hover{background-color:#00752f;color:#fff;cursor:pointer} 

 #ui-datepicker-div .app-picker-for-departure .ui-state-default:hover:after{content:'';height:33px;border-right:5px solid #00752f;border-bottom:16px solid #61cc8c;border-top:16px solid #61cc8c;float:left;margin-left:-5px;margin-top:-5px} 

 #ui-datepicker-div table a:hover,#ui-datepicker-div .arrival-date-calendar a,#ui-datepicker-div .departure-date-calendar a{color:#fff} 

 #ui-datepicker-div .ui-datepicker-unselectable{padding:5px} 

 #ui-datepicker-div .stay-date-calendar{background:#61cc8c} 

 #ui-datepicker-div .stay-date-calendar a{color:#fff} 

 #ui-datepicker-div .ui-datepicker-prev{background-image:url("../www.hbb.bz/boxes/img/homepage-images/sprite.png");background-position:-166px -57px;cursor:pointer;float:left;height:25px;width:25px} 

 #ui-datepicker-div .ui-datepicker-next{background-image:url("../www.hbb.bz/boxes/img/homepage-images/sprite.png");background-position:-141px -57px;cursor:pointer;float:right;height:25px;width:25px} 

 #ui-datepicker-div .ui-datepicker-header .ui-state-disabled{opacity:.5;cursor:default} 

 #ui-datepicker-div.date-departure{top:110px !important} 

 #ui-datepicker-div:before{content:"";border-bottom:10px solid #009b3e;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid transparent;height:0;left:20%;margin-top:-20px;padding:0;position:absolute;width:0} 

 #ui-datepicker-div.date-departure:before{left:auto;right:20%} 

 #ui-datepicker-title{background:#009b3e;color:#fff;text-align:left;padding:5px 15px;font-weight:bold} 

 #ui-datepicker-title .bedpnn{float:right;display:none}

 @media all and (min-width:450px){#ui-datepicker-div.date-arrival{left:-15px !important;margin:0} 

 #ui-datepicker-div.date-departure{left:auto !important;margin:0;right:-15px !important;top:58px !important} 

 } 

 @media all and (min-width:630px){#ui-datepicker-div{width:520px !important} 

 #ui-datepicker-div .bedpnn{display:inline-block} 

 #ui-datepicker-div .ui-datepicker-header,#ui-datepicker-div .ui-datepicker-calendar{margin-left:0;margin-right:0} 

 } 

 @media all and (min-width:999px){#ui-datepicker-div.date-arrival{left:0 !important;margin-left:-165px} 

 #ui-datepicker-div.date-departure{right:0 !important;margin-right:-165px} 

 #ui-datepicker-div.date-arrival:before,#ui-datepicker-div.date-departure:before{left:50%;right:auto;margin-left:-10px} 

 }

 #ui-id-1{background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);list-style-type:none;max-width:330px;margin-top:5px;padding:15px;position:absolute;top:58px !important;width:90% !important;z-index:9999} 

 #ui-id-1 .results-group,#ui-id-1 .results-group:hover{color:#009b3e;background:#fff;font-size:16px;font-weight:bold;cursor:default;display:block;float:none} 

 #ui-id-1 li{border-radius:2px;clear:both;color:black;cursor:pointer;display:inline-block;float:left;padding:5px;text-align:left;font-size:14px} 

 #ui-id-1 li:hover{background:#00a9d5;color:#fff} 

 #ui-id-1:before{border-bottom:9px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-top:8px solid transparent;content:"";float:left;height:0;margin-right:10px;margin-top:-31px;width:0} 

 .ui-helper-hidden-accessible{display:none} 

.bookingengine--air { padding: 6px; border-radius: 0px; color: rgb(255, 255, 255); position: relative;    

  }

.bookingengine--air .search { position: relative; }

.bookingengine--air .search .field__error { box-sizing: border-box; margin-bottom: 10px; padding-right: 15px; width: 100%; }

.bookingengine--air .search__clear { border-radius: 2px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 18px; height: 25px; position: absolute; top: 8px; right: 19px; width: 23px; z-index: 0; background-color: rgb(102, 102, 102); }

.bookingengine--air .search__clear::before { margin: 3px; z-index: 1; }

 @media all and (min-width:450px){

    .bookingengine--air{border-radius:3px;    

 }

	

 } 

  @media all and (max-width:998px){

    

	.nascondidiv{display:block ;}

	.app-f2{display:none ;}

 } 

  @media all and (min-width:999px){

    

	.nascondidiv{display:none !important;}

.app-f2{display:block !important;}

 } 

 .nascondidiv{padding: 15px 60px 0px 0px; max-width:400px; margin:0 auto;cursor:pointer;}

 

 @media all and (min-width:999px){.bookingengine--air .search .field__error{left:-10px;position:absolute;top:50px} 

 } 

 @media all and (min-width:999px){.bookingengine--air{position:relative} 

 .bookingengine--air .search{position:static} 

 .bookingengine--air .search .field__error{width:auto} 

 .bookingengine--air .search__clear{display:none} 

.nascondidiv{display:none }

.app-f2{display:block }

 }

.jumbo__be .i--calendar--orange { font-size: 26px; }

.jumbo__be #app-homearrival { font-size: 14px; padding: 8px; }

.jumbo__be .app-select-guests .i--add-person::before { font-size: 0px; margin-left: -1px; }

#app-homearrival { font-family: arial, helvetica, sans-serif !important; }

#app-homerg-configurator { display: block; /*top: -114px;*/ }

.datepick-popup{margin-top:18px;margin-left:14px} 

.datepick-popup .datepick-hdr{height:30px !important} 

.datepick-popup .datepick-month td{padding:0 !important} 

.datepick-popup .datepick-month a.dp-departure:after{height:23px;left:88%;width:4px} 

.datepick-popup{-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 5px;box-shadow:rgba(0,0,0,0.3) 0 0 5px;background:#fff;font-size:13px;margin-top:12px;padding:0;width:520px;z-index:1000;top:12px !important;left:-140px !important} 

.datepick-popup:before{display:none;border-bottom:10px solid #009b3e;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid transparent;content:"";height:0;left:30%;margin-left:-10px;position:absolute;right:auto;top:-20px} 

.datepick-popup .datepick-hdr{background:#009b3e;color:#fff;font:bold 14px Arial,Helvetica,sans-serif;padding:7px 10px} 

.datepick-popup .datepick-menu{width:260px} 

.datepick-popup .title-label{float:left;text-transform:uppercase} 

.datepick-popup .nights-label{float:right} 

.datepick-month{float:left;padding:15px 10px 5px;text-align:center;width:260px} 

.datepick-month span,.datepick-month a{display:block;height:23px;padding:7px 0} 

.datepick-month a{color:#00752f;text-decoration:none;display:block;width:100%;position:relative} 

.datepick-month table{width:100%;border-collapse:collapse} 

.datepick-month th,.datepick-month td{text-align:center} 

.datepick-month td span{color:#ddd;cursor:auto} 

.datepick-month .datepick-today{color#ff6600} 

.datepick-month tr th span{font-weight:bold;color:#666;font-family: Arial,Helvetica,sans-serif!important;} 

.datepick-month.last{border-left:2px solid #ddd} 

.datepick-month-header{border-bottom:1px solid #bebebe;color:#009b3e;font:normal 14px Arial,Helvetica,sans-serif;margin-bottom:10px;padding-bottom:4px} 

.datepick-cmd{display:inline-block;background-image:url(../www.hbb.bz/boxes/img/sprites/sprite-main.png);background-repeat:no-repeat;width:25px;height:25px} 

.datepick-month-header .datepick-cmd-prev{background-position:-12px -659px;float:left;height:26px;margin-top:-9px;padding:0;width:13px} 

.datepick-month-header .datepick-cmd-prev.datepick-disabled{background-position:-12px -685px;margin-top:-9px;width:13px} 

.datepick-month-header .datepick-cmd-next{background-position:0 -659px;float:right;height:26px;margin-top:-9px;padding:0;width:13px} 

.datepick-month-header .datepick-cmd-next.datepick-disabled{background-position:0 -685px;margin-top:-9px;width:13px} 

.suggested-guest-sel .room,.suggested-guest-sel .guests{cursor:default}

.datepick-month .dp-arrival{background:#61cc8c;color:#fff} 

.datepick-month .dp-arrival:before{background:#00752f;content:"";display:block;height:23px;margin:-7px -15px -16px 0;width:4px} 

.datepick-month a.dp-departure{background:#61cc8c;color:#fff} 

.datepick-month a.dp-departure:after{background:#00752f;content:"";display:block;height:33px;position:absolute;top:0;left:88%;width:4px} 

.datepick-month .dp-in-range{background:#61cc8c !important;color:#fff} 

.datepick-month.first .datepick-cmd-next{display:none} 

.datepick-month.last .datepick-cmd-prev{display:none} 

.clearit{display:none}

 @media only screen and (max-width:970px){.be-horizontal .search-box{margin-bottom:10px !important;position:relative;width:100% !important} 

 .clearit{display:block} 

 .clearit.noshow{display:none} 

 .be-horizontal .select-date{width:35.3%} 

 .be-horizontal .select-guests{width:36%} 

 .datepick-popup{top:12px !important;left:-10px !important} 

 .datepick-popup:before{left:6% !important} 

 }

 .be-prominent{text-align:left} 

 .be-prominent .engine{margin:0} 

 .be-prominent .be-prominent-title{color:#fff;font:normal 18px/22px Arial,Helvetica,sans-serif;min-height:28px;text-align:left} 

 .be-prominent .search-box{margin:5px 0 10px 0;width:100%} 

 @media only screen and (max-width:999px){.be-prominent .search-box label,.be-prominent .search-box input{font-size:16px} 

 } 

 .be-prominent .select-date,.be-prominent .select-guests{float:left} 

 .be-prominent .select-date{margin:10px 14px 10px 0;width:47%;min-width:214px} 

 @media only screen and (max-width:480px){.responsive .be-prominent .select-date{width:100%}

    .home-be__guests{position:relative;float:left;width:100%;min-height:1px;padding-right:0px;padding-right:0} 

    .home-be__button{position:relative;float:left;width:100%;min-height:1px;padding-left:0px;margin-top: 15px;}

	.app-rg-configurator { margin-right:8% !important;}

 } 

 .be-prominent .select-guests{margin:10px 0;width:50%} 

 .be-prominent .select-guests label{display:block} 

 .be-prominent .button-bpg{float:right;margin:20px 4px 30px 0} 

 .be-prominent .button-bpg .go-button{font-size:24px;line-height:40px;width:100%} 

.i--add-person::before { height: 16px; left: 6px; top: 10px; width: 22px; background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -56px -639px no-repeat scroll transparent; }

.suggested-guest-sel { margin: 0px; list-style-type: none; color: rgb(0, 0, 0); padding: 0px; }

.suggested-guest-sel .app-clickable-option { color: rgb(102, 102, 102); cursor: pointer; }

.app-add-room { cursor: pointer; width: 50%; text-overflow: ellipsis; overflow: hidden; }

.app-rg-done:hover { background: rgb(0, 117, 47); }

.app-rg-done { float: right; width: 28%; margin-bottom: 10px; margin-top: 10px; border-radius: 3px; transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-property: background; -webkit-transition-property: background; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); cursor: pointer; display: inline; font-size: 16px; font-weight: bold; height: 38px; min-width: 135px; padding: 5px 20px; background: rgb(0, 155, 62); }

.circle-button { border-radius: 50%; color: rgb(255, 255, 255); display: inline-block; cursor: pointer; height: 20px; text-align: center; width: 20px; font-size: 16px; font-weight: bold; margin: 0px 10px; padding: 1px; background: rgb(13, 117, 50); }

.circle-button span { position: relative; top: 1px; }

.circle-button:hover, .circle-button:focus { transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-property: background; -webkit-transition-property: background; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; background: rgb(0, 155, 62); }

.remove-button-bold { display: block; height: 12px; width: 12px; text-indent: -9000em; cursor: pointer; background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -60px -685px no-repeat scroll transparent; }

.remove-button-bold:hover, .remove-button-bold:focus { background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -60px -699px no-repeat scroll transparent; }

.i--add-person { font-family: arial, helvetica, sans-serif; padding: 11px 0px 10px 32px; }

@media(min-width:450px){ .ui-autocomplete{margin-top:322px} 

  #app-homerg-configurator{right:auto} 

 } 

 @media(min-width:999px){ .ui-autocomplete{margin-top:457px} 

  #app-homerg-configurator{right:0;left:auto} 

 }

.check-in-date { width: 100%; }

.check-in-date label { padding-left: 26px; display: inline-block; width: 100%; }

.guest-room { font-size: 15px; height: 37px; }

.hbb_contenitore_box_reservation  *, ::before, ::after { box-sizing: border-box; }

.app-booking-engine { clear: both; position: relative; }

.be-horizontal .search-box, .be-horizontal .select-date { margin: 0px 5px 0px 0px; }

.be-horizontal .select-date { width: 220px; }

.be-horizontal .button-bpg { display: inline-block; float: right; text-align: right; }

.engine .search-box, .engine .select-date, .engine .select-guests { display: inline-block; float: left; }

.engine .select-date { position: relative; }

.engine .select-date label::before { content: ''; display: inline-block; height: 22px; margin: 5px 3px -6px 0px; width: 21px; background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -60px -657px no-repeat scroll transparent; }

.engine .select-date input[type="text"] { border: 0px; max-width: 85%; outline: 0px; padding: 2px 0px 0px; }

.sitetype-hsg .button-bpg, .sitetype-affiliate .button-bpg, .sitetype-bbe .button-bpg { margin-left: 5px; }

.suggested-guest-sel .room, .suggested-guest-sel .guests { cursor: default; }

.be-prominent .select-date, .be-prominent .select-guests { float: left; }

.be-prominent .select-date { margin: 10px 14px 10px 0px; width: 47%; min-width: 214px; }

.be-prominent .button-bpg { float: right; margin: 20px 4px 30px 0px; }

.be-prominent .button-bpg .go-button { font-size: 24px; line-height: 40px; width: 100%; }

#world-map .suggested-guest-sel ul { margin: 0px !important; }

#world-map .suggested-guest-sel li { margin: 0px; line-height: 21px; float: none; }

.select-guests-configurator { -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 2px 0px, rgba(0, 0, 0, 0.498039) 3px 0px 3px -3px, rgba(0, 0, 0, 0.498039) -3px 0px 3px -3px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 2px 0px, rgba(0, 0, 0, 0.498039) 3px 0px 3px -3px, rgba(0, 0, 0, 0.498039) -3px 0px 3px -3px; border: 1px solid rgb(221, 221, 221); display: none; font-size: 11px; position: absolute; right: 0px;  min-width: 440px; z-index: 9999; background: rgb(255, 255, 255); }

.suggested-guest-sel li {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(221, 221, 221);padding: 10px 10px 10px 7px;line-height: 1;}

.suggested-guest-sel li:hover { background-color: rgb(97, 204, 140); }

.suggested-guest-sel li.more-options:hover { color: rgb(0, 0, 0); background: 0px 50%; }

.suggested-guest-sel .clickable-option { color: rgb(102, 102, 102); cursor: pointer; }

.suggested-guest-sel .clickable-option::before { content: ''; display: inline-block; height: 16px; margin: 0px 7px -3px 0px; width: 21px; background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -56px -639px no-repeat scroll transparent; }

.suggested-guest-sel .clickable-option:hover { color: rgb(255, 255, 255) !important; }

.suggested-guest-sel .clickable-option:hover::before { background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -32px -660px no-repeat scroll transparent; }

.grayed .clickable-option { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(241, 241, 241); color: rgb(190, 190, 190) !important; }

.grayed .clickable-option::before { background: url(../www.hbb.bz/boxes/img/sprites/sprite-main.png) -32px -639px no-repeat scroll transparent; }

.grayed .clickable-option:nth-child(4) { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: rgb(221, 221, 221) !important; }

.sel-guest-add-room { height: 46px; }

.sel-guest-add-room span { cursor: pointer; font-weight: bold; }

.sel-guest-add-room .button-bpg { margin: 8px; }

.sel-guest-add-room .disabled span { color: rgb(190, 190, 190); cursor: default; }

.add-room-guest-sel { color: rgb(0, 102, 128); display: block; float: left; padding: 15px 15px 17px 10px; }

input[type="button"].guest-sel-button { min-width: 110px; }

input[type="button"].guest-sel-button:hover { background-color: rgb(0, 117, 47); }

.guest-sel-options { display: table; width: 100%; }

.guest-sel-options > div { display: table-cell; vertical-align: middle; }

.guest-sel-options .room { font-weight: bold; color: rgb(102, 102, 102); min-width: 90px; padding-right: 10px; }

.guest-sel-options .remove { padding-left: 0px; width: 12px; }

.guest-sel-options .guests { text-align: right; -webkit-user-select: none; }

.guest-sel-options .guests input[type="text"] { border-radius: inherit; border: 1px solid rgb(221, 221, 221); cursor: default; font-weight: bold; height: 24px; max-width: 35px; text-align: center; }

.guest-sel-options .remove span { cursor: pointer; float: right; }

.only-item .remove { display: none; padding: 0px; width: auto; }

.abnew .checkout-submit h4, .abnew .checkout-submit .field { margin: 7px 0px 7px 30px; }

.children input { padding: 0px; }

.bookingengine .children .field__input,.bookingengine--air .children .field__input{padding-left:36px;padding-right:3px} 

.suggested-guest-sel .room,.suggested-guest-sel .children{cursor:default}

.guest-sel-options .children{text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 

.guest-sel-options .children input[type="text"]{border-radius:inherit;border:1px solid #ddd;cursor:default;font-weight:bold;height:24px;max-width:35px;text-align:center} 

.guest-sel-options .guests

{

  font-weight: bold;

  color: #666;  

}

.guest-sel-options .children

{

  font-weight: bold;

  color: #666;

}

.hbb_contenitore_box_reservation {

  font-family: Arial,Helvetica,sans-serif!important;

  font-size: 11px;

  text-transform: none;

  color: #000;

  max-width: 570px;

  margin:0 auto;

  position: relative;

  z-index: 99;

}

.app-booking-engine:after{

    clear: both;

    content: "";

    display: block;

}

@media (min-width: 450px){

    .hbb_contenitore_box_reservation {

      width: 90%;

    }

}



@media (min-width: 999px){

    .hbb_contenitore_box_reservation {

      max-width:1000px;

    }

}



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

    .datepick-popup

    {

        width:260px;

		margin-top:-290px!important;

    }

    .datepick-month.last

    {

        float:none;

    }

    .datepick-hdr

    {

        width:260px;

    }

    .guest-sel-options

    {

        display:inline;

    }

    .guest-sel-options>div {

        display: block;

        margin-bottom:5px;

        margin-right:10px;

    }

    .select-guests-configurator

    {

        min-width:266px;

    }

    .guest-sel-options .remove 

    {

        float: right;

        margin-top: -39px;

        margin-right: 0px;

    }

}



.bambiniResult ul

{

    list-style-type: none;

    margin: 0px;

    padding: 5px;

    height:auto;

    overflow:hidden;

}

.bambiniResult li 

{

  border: none;

  padding:5px 5px 13px 5px;

  margin-top: 15px;

  float:left;

}

.bambiniResult select

{width:auto;padding: 2px !important;border: 1px solid #ddd;height:auto;margin: 0;padding-right: 10px !important;background:url("../www.hbb.bz/boxes/img/sprites/sprite-main.png") no-repeat scroll 36px -552px transparent;background-color:#ffffff;}

.hbb_lbl_children_n

{

    margin-right:5px;

    font-weight:bold;

}

#app-homearrival

{

  border: 0px;

    font-size:14px;

    margin-bottom: 0px;

}
.hbb_contenitore_box_reservation table,td,tr,th {line-height:1;padding:0px;}