@import url(https://fonts.googleapis.com/css2?family=Roboto); :root { /* custom */ --dark-blu-color:#00598D; --blu-color: #0073b7; --light-blu-color: #01A1FF; --white-color:#fdfdfd; --red-color:#d9534f; --row-height:30px; --litepicker-is-today-color:#ffffff; --litepicker-is-start-color:#ffffff !important; /* custom */ } .is-today{ color: inherit; border: none !important; background-color: transparent; } #travelers, #pin{ text-align: center; } /*BOOTSTRAP ESSENTIALS BASED ON BOOTSTRAP 3 */ .rc-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .rc-col-lg-1, .rc-col-lg-10, .rc-col-lg-11, .rc-col-lg-12, .rc-col-lg-2, .rc-col-lg-3, .rc-col-lg-4, .rc-col-lg-5, .rc-col-lg-6, .rc-col-lg-7, .rc-col-lg-8, .rc-col-lg-9, .rc-col-md-1, .rc-col-md-10, .rc-col-md-11, .rc-col-md-12, .rc-col-md-2, .rc-col-md-3, .rc-col-md-4, .rc-col-md-5, .rc-col-md-6, .rc-col-md-7, .rc-col-md-8, .rc-col-md-9, .rc-col-sm-1, .rc-col-sm-10, .rc-col-sm-11, .rc-col-sm-12, .rc-col-sm-2, .rc-col-sm-3, .rc-col-sm-4, .rc-col-sm-5, .rc-col-sm-6, .rc-col-sm-7, .rc-col-sm-8, .rc-col-sm-9, .rc-col-xs-1, .rc-col-xs-10, .rc-col-xs-11, .rc-col-xs-12, .rc-col-xs-2, .rc-col-xs-3, .rc-col-xs-4, .rc-col-xs-5, .rc-col-xs-6, .rc-col-xs-7, .rc-col-xs-8, .rc-col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .rc-col-xs-12 { width: 100%; } .rc-col-xs-11 { width: 91.66666667%; } .rc-col-xs-10 { width: 83.33333333%; } .rc-col-xs-9 { width: 75%; } .rc-col-xs-8 { width: 66.66666667%; } .rc-col-xs-7 { width: 58.33333333%; } .rc-col-xs-6 { width: 50%; } .rc-col-xs-5 { width: 41.66666667%; } .rc-col-xs-4 { width: 33.33333333%; } .rc-col-xs-3 { width: 25%; } .rc-col-xs-2 { width: 16.66666667%; } .rc-col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .rc-col-sm-1, .rc-col-sm-2, .rc-col-sm-3, .rc-col-sm-4, .rc-col-sm-5, .rc-col-sm-6, .rc-col-sm-7, .rc-col-sm-8, .rc-col-sm-9, .rc-col-sm-10, .rc-col-sm-11, .rc-col-sm-12 { float: left; } .rc-col-sm-12 { width: 100%; } .rc-col-sm-11 { width: 91.66666667%; } .rc-col-sm-10 { width: 83.33333333%; } .rc-col-sm-9 { width: 75%; } .rc-col-sm-8 { width: 66.66666667%; } .rc-col-sm-7 { width: 58.33333333%; } .rc-col-sm-6 { width: 50%; } .rc-col-sm-5 { width: 41.66666667%; } .rc-col-sm-4 { width: 33.33333333%; } .rc-col-sm-3 { width: 25%; } .rc-col-sm-2 { width: 16.66666667%; } .rc-col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .rc-col-md-1, .rc-col-md-2, .rc-col-md-3, .rc-col-md-4, .rc-col-md-5, .rc-col-md-6, .rc-col-md-7, .rc-col-md-8, .rc-col-md-9, .rc-col-md-10, .rc-col-md-11, .rc-col-md-12 { float: left; } .rc-col-md-12 { width: 100%; } .rc-col-md-11 { width: 91.66666667%; } .rc-col-md-10 { width: 83.33333333%; } .rc-col-md-9 { width: 75%; } .rc-col-md-8 { width: 66.66666667%; } .rc-col-md-7 { width: 58.33333333%; } .rc-col-md-6 { width: 50%; } .rc-col-md-5 { width: 41.66666667%; } .rc-col-md-4 { width: 33.33333333%; } .rc-col-md-3 { width: 25%; } .rc-col-md-2 { width: 16.66666667%; } .rc-col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .rc-col-lg-1, .rc-col-lg-2, .rc-col-lg-3, .rc-col-lg-4, .rc-col-lg-5, .rc-col-lg-6, .rc-col-lg-7, .rc-col-lg-8, .rc-col-lg-9, .rc-col-lg-10, .rc-col-lg-11, .rc-col-lg-12 { float: left; } .rc-col-lg-12 { width: 100%; } .rc-col-lg-11 { width: 91.66666667%; } .rc-col-lg-10 { width: 83.33333333%; } .rc-col-lg-9 { width: 75%; } .rc-col-lg-8 { width: 66.66666667%; } .rc-col-lg-7 { width: 58.33333333%; } .rc-col-lg-6 { width: 50%; } .rc-col-lg-5 { width: 41.66666667%; } .rc-col-lg-4 { width: 33.33333333%; } .rc-col-lg-3 { width: 25%; } .rc-col-lg-2 { width: 16.66666667%; } .rc-col-lg-1 { width: 8.33333333%; } } #close-btn-div{ margin-top: 30px; } #close_dropdown{ background-color: var(--blu-color); width: 80%; transition: all .2s ease-in-out; } #close_dropdown:hover{ background-color: var(--dark-blu-color); cursor: pointer; } .rc-close-btn{ color: var(--white-color); font-size: 16px; font-weight: 600; } .rc-btn-resume{ color: var(--white-color); font-size: 12px; } .rc-text-left{ text-align: left; } .rc-text-right{ text-align: right; } .rc-text-center{ text-align: center; } .rc-input-group { position: relative; display: table; border-collapse: separate; } .rc-input-group { cursor: pointer; } .room-remove{ color: var(--blu-color); padding: 4px 6px; font-size: 10px; } .room-remove:hover{ color: var(--dark-blu-color); text-decoration: underline; cursor: pointer; } #room_add_span{ padding:10px; color: var(--blu-color); padding: 4px 6px; font-weight:600; font-size: 12px; } #room_add_span:hover{ color: var(--dark-blu-color); text-decoration: underline; cursor: pointer; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-group-addon:first-child { border-right: 0; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0 4px 4px 0px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px 0px 0px 4px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } body { margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-block { display: block; width: 100%; } /*END BOOTSTRAP ESSENTIALS BASED ON BOOTSTRAP 3 */ .rc-text-align-auto{ text-align: center; } @media (max-width: 1199px) { #research-tab .rc-row > div{ margin-top: 10px; } } @media (max-width: 991px) { .rc-text-align-auto{ text-align: left; } #travelers,#pin{ text-align: center; } } @media (max-width:767px){ } .x-remove { color: var(--red-color); font-weight: bold; transition: 0.2s; } .x-remove:hover { color: var(--blue-color); font-weight: bold; cursor: pointer; } .fw{ width: -webkit-fill-available; } .flex{ display: flex; width: 100%; align-items: center; justify-content: flex-end; } .icon-span{ padding: 0px 10px; } .name-span{ height: var(--row-height); display: inline-flex; align-items: center; justify-content: center; } #search_room_box { position: relative; margin:0 auto; text-align:center; display: block; width: 100%; background-color: var(--white-color); } #formSearch { margin-bottom: 0px; } #search-items { padding: 5px 5px; background-color: var(--white-color); } .mrg-top { margin-top: 10px; } .title { display: flex; flex-flow: row; justify-content: center; align-items: center; text-transform: uppercase; } .title>hr{ margin-top: auto; margin-bottom: auto; border-top: 1px solid var(--blu-color); flex: 1; } .src-span { height: var(--row-height); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; } .search-titles { font-weight: 700 !important; color: var(--blu-color); padding: 0px 6px; } #calendar_row { padding: 10px; } .form-group { margin-bottom: 15px; } #calendar_search_group { transition: 0.1s; } #search_calendar { text-align: center; } .src-icon{ font-size: 20px; color: var(--blu-color); width:16px; } .rc-input-group { position: relative; display: table; border-collapse: separate; } .rc-input-group:hover{ cursor: pointer; } .dates_calendar { animation: pulsex 5s infinite; } #rooms_search { } .room-num-span{ padding-right: 10px; color: var(--blu-color); font-size: 14px; font-weight: 600; } .room-num-hr{ background-color: var(--blu-color); height: 1px; border: none; margin: 5px 5px 12px 5px; } .last-hr{ background-color: var(--dark-blu-color); height: 1px; border: none; margin: 5px 5px 12px 5px; } .room_add_span{ } .room-num-div{ } #rooms_container{ padding: 5px; } .rc-dropdown { position: relative; } .box-btn-round { display: inline-block; height: var(--row-height); width: 30px; display: inline-flex; align-items: center; justify-content: center; opacity: 1; border-radius: 50%; border-width: 1px; border-style: solid; font-weight: normal; border-width: 1px; border-color: var(--blu-color); background-color: var(--grey-color); color: var(--blu-color); } .box-btn-round:hover { cursor: pointer; } .rc-dropdown-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } .div-room-ages-occupancy { text-align: right; padding: 3px; padding: 0px 3px; font-size: 12px; vertical-align: middle; white-space: nowrap; } .vert-align-middle { vertical-align: middle; } .inline-block { display: inline-block; } .div-room-num { border-bottom: dotted 1px; width: 100%; COLOR: var(--blu-color); } .room-number { font-size: 14px; font-weight: 400; color: var(--blu-color); } .div-room-action-add { vertical-align: middle; width: 25px; } .div-room-adult-occupancy { padding: 3px; font-size: 12px; vertical-align: middle; } .div-room-child-occupancy { padding: 3px; font-size: 12px; vertical-align: middle; } .div-room-adult-quantity { white-space: nowrap; width: 80px; vertical-align: middle; background: #ffffff5e; padding: 5px; border: 1px solid #ffffff; border-radius: 3px; } .div-room-child-quantity{ white-space: nowrap; width: 80px; vertical-align: middle; background: #ffffff5e; padding: 5px; border: 1px solid #ffffff; border-radius: 3px; } .occupancy-icon { color: var(--blu-color); } .src-occupancy-icon { font-size: 18px !important; } .box-btn { display: inline-block; height: 20px; width: 20px; opacity: 1; border-radius: 2px; border-width: 1px; border-style: solid; font-weight: normal; border-width: 1px; border-color: var(--blu-color); background-color: var(--grey-color); color: var(--blu-color); } .box-btn:hover { cursor: pointer; } .disabled_btn { cursor: default !important; border-width: 1px !important; font-weight: normal !important; } .disabled_btn { cursor: default; opacity: 0.3 !important; } .form-search-div { top: 9px; width: 25px; height: var(--row-height); vertical-align: middle; display: inline-block; background-color: white; } .occupancy-icon { color: var(--blu-color); } .src-occupancy-icon { font-size: 18px !important; } .div-room-ages-occupancy { padding: 0px 3px; font-size: 12px; vertical-align: middle; white-space: nowrap; } .div-search-button { padding: 10px 0px 10px 0px; margin-left: 0px; margin-right: 0px; } #btn-search { border-radius: 5px; color: var(--white-color); background-color: var(--blu-color); } .be-btn { text-transform: uppercase; font-size: 12px; border-radius: 5px; max-width: 300px; padding-top: 5px; padding-bottom: 5px; box-shadow: 1px 1px 1px var(--shadow-color); transition: 0.1s; outline: 0; } .be-btn:hover { outline: 0; cursor: pointer; box-shadow: 2px 2px 2px var(--shadow-color); transform: scale(1.05); } .room_header_span_add { margin-bottom: 5px; } .btn-block { display: inline-block; } #pin_div { margin-left: 0px; margin-right: 0px; } .div-search-button { padding: 10px 0px 10px 0px; margin-left: 0px; margin-right: 0px; } #btn-search { border-radius: 5px; color: var(--white-color); background-color: var(--blu-color); } .room-error{ color: red; } .rc-input-group:hover{ cursor:pointer; }
top of page
HOME
PRENOTA ORA
COME TROVARCI
GRUPPI
CONTATTI
GALLERIA
ESPLORA
VOLONTARI
COMMUNITY
More
Use tab to navigate through the menu items.
Accedi
Non ci sono sessioni da prenotare al momento. Ricontrolla a breve.
bottom of page
