.mphb-calendar .mphb-datepicker-turquoise.datepick,
.datepick-popup .mphb-datepicker-turquoise.datepick {
font-size: 90%;
border: 0px solid;
border-radius: 0;
width: 31.429em;
max-width: 100%;
font-family: inherit;
}
.mphb-calendar .mphb-datepicker-turquoise a,
.datepick-popup .mphb-datepicker-turquoise a {
-webkit-box-shadow: none;
box-shadow: none;
}
.mphb-calendar .mphb-datepicker-turquoise *,
.datepick-popup .mphb-datepicker-turquoise * {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav, .mphb-calendar .mphb-datepicker-turquoise .datepick-ctrl,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav,
.datepick-popup .mphb-datepicker-turquoise .datepick-ctrl {
font-size: inherit;
font-weight: normal;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav {
background-color: #505566;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav a,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav a {
color: #fff;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav a:hover,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav a:hover {
background-color: #686e81;
color: #fff;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav a.datepick-disabled,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav a.datepick-disabled {
cursor: not-allowed;
color: #858b9c;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-nav a.datepick-disabled:hover,
.datepick-popup .mphb-datepicker-turquoise .datepick-nav a.datepick-disabled:hover {
background-color: #505566;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-ctrl,
.datepick-popup .mphb-datepicker-turquoise .datepick-ctrl {
border-left: 1px solid #d4d5da;
border-right: 1px solid #d4d5da;
border-bottom: 1px solid #d4d5da;
background-color: #fff;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-ctrl a,
.datepick-popup .mphb-datepicker-turquoise .datepick-ctrl a {
color: #20c4c8;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-ctrl .datepick-cmd:hover,
.datepick-popup .mphb-datepicker-turquoise .datepick-ctrl .datepick-cmd:hover {
background-color: #e6e8ee;
color: #20c4c8;
}
.mphb-calendar .mphb-datepicker-turquoise a.datepick-cmd,
.datepick-popup .mphb-datepicker-turquoise a.datepick-cmd {
height: auto;
line-height: 2.1em;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month-header, .mphb-calendar .mphb-datepicker-turquoise .datepick-month-header select, .mphb-calendar .mphb-datepicker-turquoise .datepick-month-header input,
.datepick-popup .mphb-datepicker-turquoise .datepick-month-header,
.datepick-popup .mphb-datepicker-turquoise .datepick-month-header select,
.datepick-popup .mphb-datepicker-turquoise .datepick-month-header input {
height: auto;
background-color: #e6e8ee;
color: #505566;
font-weight: normal;
line-height: 2.1em;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month,
.datepick-popup .mphb-datepicker-turquoise .datepick-month {
width: 100%;
border: 1px solid #d4d5da;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month.last,
.datepick-popup .mphb-datepicker-turquoise .datepick-month.last {
border-top: 0px solid #d4d5da;
}
@media screen and (min-width: 48em) {
.mphb-calendar .mphb-datepicker-turquoise .datepick-month,
.datepick-popup .mphb-datepicker-turquoise .datepick-month {
width: 50%;
padding-right: 1px;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month.first .datepick-month-header,
.datepick-popup .mphb-datepicker-turquoise .datepick-month.first .datepick-month-header {
margin-right: -1px;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month.last,
.datepick-popup .mphb-datepicker-turquoise .datepick-month.last {
border-top: 1px solid #d4d5da;
border-left: 1px solid #fff;
padding-right: 0;
padding-left: 1px;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month.last .datepick-month-header,
.datepick-popup .mphb-datepicker-turquoise .datepick-month.last .datepick-month-header {
margin-left: -2px;
}
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month table,
.datepick-popup .mphb-datepicker-turquoise .datepick-month table {
margin: 0 auto;
width: 100%;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month tbody,
.datepick-popup .mphb-datepicker-turquoise .datepick-month tbody {
line-height: 2.1em;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month th,
.datepick-popup .mphb-datepicker-turquoise .datepick-month th {
border: 1px solid #fff;
font-size: 80%;
font-weight: bold;
padding: 0.5em 0;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month th,
.mphb-calendar .mphb-datepicker-turquoise .datepick-month th a,
.datepick-popup .mphb-datepicker-turquoise .datepick-month th,
.datepick-popup .mphb-datepicker-turquoise .datepick-month th a {
background-color: #fff;
color: #bfc1c7;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month td,
.datepick-popup .mphb-datepicker-turquoise .datepick-month td {
background-color: #fff;
border: 1px solid #fff;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month a,
.datepick-popup .mphb-datepicker-turquoise .datepick-month a {
padding: 0;
background-color: #fff;
color: #505566;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month span,
.datepick-popup .mphb-datepicker-turquoise .datepick-month span {
padding: 0;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month td span,
.datepick-popup .mphb-datepicker-turquoise .datepick-month td span {
color: #bfc1c7;
}
.mphb-calendar .mphb-datepicker-turquoise .datepick-month td .datepick-weekend,
.datepick-popup .mphb-datepicker-turquoise .datepick-month td .datepick-weekend {
background-color: #fff;
}
.mphb-calendar .mphb-datepicker-turquoise a,
.datepick-popup .mphb-datepicker-turquoise a {
-webkit-transition: 0.3s background, 0.3s color;
transition: 0.3s background, 0.3s color;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-available-date {
background-color: #c1eed1;
color: #505566;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-available-date.mphb-date-check-out {
background: -webkit-gradient(linear, left top, right bottom, from(#f8cccc), color-stop(50%, #f8cccc), color-stop(50%, #c1eed1), to(#c1eed1));
background: linear-gradient(to bottom right, #f8cccc 0%, #f8cccc 50%, #c1eed1 50%, #c1eed1 100%);
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-not-stay-in-date:not(.mphb-past-date),
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-not-available-date,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-not-stay-in-date:not(.mphb-past-date),
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-not-available-date {
background-color: #fff;
color: #cccccc;
text-decoration: line-through;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-past-date,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-past-date {
opacity: 1;
background-color: #fff;
color: #bfc1c7;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-earlier-min-date,
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-later-max-date,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-earlier-min-date,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-later-max-date {
background-color: #fff;
color: #cccccc;
text-decoration: line-through;
opacity: 1;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .datepick-selected,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .datepick-selected {
background-color: #20c4c8;
color: #fff;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-booked-date,
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-booked-date {
opacity: 1;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .datepick-today {
background-color: #fff;
font-weight: bold;
color: #20c4c8;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td .mphb-booked-date:not(.mphb-selectable-date) {
background-color: #fff;
color: #cccccc;
text-decoration: line-through;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup .datepick-month td a.datepick-highlight {
background-color: #20c4c8;
color: #fff;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup.mphb-check-in-datepick .datepick-month td .mphb-not-check-in-date:not(.mphb-past-date) {
background-color: #fff;
color: #cccccc;
text-decoration: line-through;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup.mphb-check-out-datepick .datepick-month td .mphb-not-check-out-date:not(.mphb-past-date) {
background-color: #fff;
color: #cccccc;
text-decoration: line-through;
}
.datepick-popup .mphb-datepicker-turquoise.mphb-datepick-popup.mphb-check-out-datepick .datepick-month td span.mphb-check-in-date:not(.mphb-past-date) {
background-color: #3bd1d5;
color: #fff;
text-decoration: none;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-booked-date {
background-color: #f8cccc;
color: #505566;
text-decoration: none;
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-booked-date.mphb-date-check-in {
background: -webkit-gradient(linear, left top, right bottom, from(#c1eed1), color-stop(50%, #c1eed1), color-stop(50%, #f8cccc), to(#f8cccc));
background: linear-gradient(to bottom right, #c1eed1 0%, #c1eed1 50%, #f8cccc 50%, #f8cccc 100%);
}
.mphb-calendar.mphb-datepick .mphb-datepicker-turquoise .datepick-month td .mphb-booked-date.mphb-date-check-in.mphb-date-check-out {
background: #f8cccc;
}
.datepick-popup {
max-width: 100%;
padding: 0 1em;
}
@media screen and (min-width: 48em) {
.datepick-popup {
padding: 0;
}
}