/*Datepicker*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:none;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block
}
body {
line-height:1
}
ol, ul {
list-style:none
}
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
:focus {
outline:none
}
table {
border-collapse:collapse;
border-spacing:0
}
#booking {
}
#booking .ui-datepicker-trigger {
border-left:1px solid #000;
margin:0 0 0 -46px;
-webkit-transition:height 200ms ease;
transition:height 200ms ease
}
.before-fixed-booking.desktop #booking .ui-datepicker-trigger {
width:28px;
margin:0 9px 0 -28px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger {
height:36px
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
#booking .ui-datepicker-trigger {
float:right
}
}
.before-fixed-booking.desktop #booking .ui-datepicker-trigger:before {
width:16px;
height:2px;
top:10px;
left:5px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger:before {
width:13px;
top:9px;
left:6px
}
.before-fixed-booking.desktop #booking .ui-datepicker-trigger:after {
border-width:2px;
left:5px;
bottom:12px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger:after {
width:9px;
height:9px;
bottom:9px;
left:6px
}
/*
#booking input[type='submit'] {
width:26%;
-webkit-transition:height 200ms ease, line-height 200ms ease;
transition:height 200ms ease, line-height 200ms ease;
height:43px
}
.before-fixed-booking.desktop #booking input[type='submit'] {
padding:0 0px
}
.fixed-booking.before-fixed-booking.desktop #booking input[type='submit'] {
height:36px;
line-height:39px
} */
#booking-datepicker {
position:absolute;
top:100%;
left:15px;
display:none;
z-index:99999999;
}
@media only screen and (max-width:768px)
{
#booking-datepicker {
top:50%
}
#booking-datepicker123
{
display:none !important;
}
}
@media screen and (max-width: 450px) {
#booking-datepicker {
width:calc(100% - 30px)
}
}
.before-fixed-booking #booking-datepicker {
width:390px
}
#booking-datepicker.visible {
display:block
}
#booking-datepicker .ui-datepicker
{
border-top:10px solid #fff;
width:390px !important;
padding:43px 10px 10px 10px;
font-weight: 300;
font-family: 'Conduit ITC';
}
@media screen and (max-width: 450px) {
#booking-datepicker .ui-datepicker {
width:100% !important;
text-align:center
}
#booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-first, #booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-last {
float:none
}
}
#booking-datepicker .ui-datepicker .ui-datepicker-header {
position:static
}
#booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
top:10px
}
#start-end
{
background:#dfdad0;
color:#000;
text-align:center;
width:100%;
height:33px;
line-height:33px;
position:absolute;
top:0;
left:0;
overflow:hidden;
-webkit-transition:all 200ms ease;
transition:all 200ms ease;
font-size:18px;
font-weight:100;
}
#start-end .start {
margin-left:-100%
}
#start-end .end {
margin-right:-100%
}
#start-end .start, #start-end .end {
display:inline-block;
height:33px;
width:100%;
-webkit-transition:margin 200ms ease;
transition:margin 200ms ease
}
#start-end .start.show, #start-end .end.show {
margin:0%
}
/*Datepicker*/
#booking {
}
#booking .ui-datepicker-trigger {
border-left:1px solid #000;
margin:0 0 0 -46px;
-webkit-transition:height 200ms ease;
transition:height 200ms ease
}
.before-fixed-booking.desktop #booking .ui-datepicker-trigger {
width:28px;
margin:0 9px 0 -28px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger {
height:36px
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
#booking .ui-datepicker-trigger {
float:right
}
}
/*.before-fixed-booking.desktop #booking .ui-datepicker-trigger:before {
width:16px;
height:2px;
top:10px;
left:5px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger:before {
width:13px;
top:9px;
left:6px
}
.before-fixed-booking.desktop #booking .ui-datepicker-trigger:after {
border-width:2px;
left:5px;
bottom:12px
}
.fixed-booking.before-fixed-booking.desktop #booking .ui-datepicker-trigger:after {
width:9px;
height:9px;
bottom:9px;
left:6px
}
#booking input[type='submit'] {
width:26%;
-webkit-transition:height 200ms ease, line-height 200ms ease;
transition:height 200ms ease, line-height 200ms ease;
height:43px
}
.before-fixed-booking.desktop #booking input[type='submit'] {
padding:0 0px
}
.fixed-booking.before-fixed-booking.desktop #booking input[type='submit'] {
height:36px;
line-height:39px
} */
#booking-datepicker {
position:absolute;
top:100%;
left:15px;
width:390px;
display:none
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
#booking-datepicker {
top:50%
}
}
@media screen and (max-width: 450px) {
#booking-datepicker {
width:calc(100% - 30px)
}
}
.before-fixed-booking #booking-datepicker {
width:390px
}
#booking-datepicker.visible {
display:block
}
#booking-datepicker .ui-datepicker
{
border-top:10px solid #fff;
width:390px !important;
padding:23px 6px 6px 6px;
}
@media screen and (max-width: 450px) {
#booking-datepicker .ui-datepicker {
width:100% !important;
text-align:center
}
#booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-first, #booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-last {
float:none
}
}
#booking-datepicker .ui-datepicker .ui-datepicker-header {
position:static
}
#booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
top:10px
}
/*
#start-end {
background:#e1dbd1;
color:#000;
text-align:center;
width:100%;
height:33px;
line-height:33px;
position:absolute;
top:0;
left:0;
overflow:hidden;
-webkit-transition:all 200ms ease;
transition:all 200ms ease
}
#start-end .start {
margin-left:-100%
}
#start-end .end {
margin-right:-100%
}
#start-end .start, #start-end .end {
display:inline-block;
height:33px;
width:100%;
-webkit-transition:margin 200ms ease;
transition:margin 200ms ease
}
#start-end .start.show, #start-end .end.show {
margin:0%
}
/**/
.ui-datepicker {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f3f3f3
}
.ui-datepicker:after {
clear: both;
content: '';
display: table
}
body>.ui-datepicker {
z-index: 100030 !important;
font-weight: 300;
font-family: 'Conduit ITC';
}
.ui-datepicker:after {
display: block;
content: '';
height: 0;
overflow: hidden;
clear: both
}
.ui-datepicker .ui-datepicker-group {
display: inline-block
}
.ui-datepicker .ui-datepicker-group.ui-datepicker-group-first {
float: left
}
.ui-datepicker .ui-datepicker-group.ui-datepicker-group-last {
float: right
}
.ui-datepicker .ui-datepicker-header
{
position: relative;
font: 16px/25px;
text-align: center;
color: #767357
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next
{
position: absolute;
top: 10px;
width: 0px;
height: 0px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
opacity: 0.3
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: 7px;
border-right: 10px solid #43413e
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
border-right: 10px solid #997b48
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
-webkit-transform: translate(-1px, 0);
transform: translate(-1px, 0)
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
right: 7px;
border-left: 10px solid #43413e
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
border-left: 10px solid #997b48
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
-webkit-transform: translate(1px, 0);
transform: translate(1px, 0)
}
.ui-datepicker .ui-datepicker-calendar {
font-size: 12px;
cursor: default
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
text-align: center;
vertical-align: middle;
width: 25px;
height: 28px;
line-height: 20px;
font-size: 13px;
font-weight: 100;
}
.ui-datepicker .ui-datepicker-calendar th {
font: bold 14px/32px;
color: #efc24c;
text-transform: uppercase
}
.ui-datepicker .ui-datepicker-calendar td {
color: #000;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
color: #adadad
}
.ui-datepicker .ui-datepicker-calendar a {
display: inline-block;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
background: #000;
color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day
{
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a
{
background: #947b4d;
color: #fff
}
.ui-datepicker-trigger
{
float: left;
display:none !important;
margin: 0;
width: 46px;
height: 43px;
text-indent: -9999px;
overflow: hidden;
position: relative
}
.ui-datepicker-trigger:before,
.ui-datepicker-trigger:after {
content: '';
display: block;
-webkit-transition: width 200ms ease, height 200ms ease, top 200ms ease, bottom 200ms ease;
transition: width 200ms ease, height 200ms ease, top 200ms ease, bottom 200ms ease
}
.ui-datepicker-trigger:before {
width: 18px;
height: 3px;
background: #000;
position: absolute;
top: 9px;
left: 14px
}
.ui-datepicker-trigger:after {
width: 12px;
height: 11px;
border: 3px solid #000;
position: absolute;
bottom: 11px;
left: 14px
}
.ui-datepicker-trigger:hover,
.ui-datepicker-trigger.active {
background: #997b48;
border-color: #997b48
}
.ui-datepicker-trigger:hover:before,
.ui-datepicker-trigger.active:before {
background: #fff
}
.ui-datepicker-trigger:hover:after,
.ui-datepicker-trigger.active:after {
border-color: #fff
}
.selectedTxt {
position: relative;
height: 43px;
padding: 0 27px 0 10px;
overflow: hidden;
background: #fff;
font-size: 14px;
line-height: 43px;
text-overflow: ellipsis;
white-space: nowrap;
color: #000;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000
}
.selectedTxt:before {
content: '';
position: absolute;
top: 9px;
right: 17px;
width: 14px;
height: 14px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.selectedTxt:hover:before {
border-color: #997b48
}
.selectedTxt:active:before {
border-color: #666
}