.datepick {
    background-color:#fff;
    color:#000;
    border:1px solid #444;
    border-radius:.25em;
    -moz-border-radius:.25em;
    -webkit-border-radius:.25em;
    font-size:90%;
}
.datepick-rtl{direction:rtl}
.datepick-popup{z-index:1000}
.datepick-disable{position:absolute;z-index:100;background-color:#fff;opacity:.5;filter:alpha(opacity=50)}
.datepick a{color:#fff;text-decoration:none}
.datepick a.datepick-disabled{color:#888;cursor:auto}
.datepick button{margin:.25em;padding:.125em 0;background-color:#fcc;border:none;border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;font-weight:700}
.datepick-nav,.datepick-ctrl{float:left;width:100%;background-color:#000;color:#fff;font-size:90%;font-weight:700}
.datepick-ctrl{background-color:#600}
.datepick-cmd{width:30%}
.datepick-cmd:hover{background-color:#777}
.datepick-ctrl .datepick-cmd:hover{background-color:#f08080}
.datepick-cmd-prevJump,.datepick-cmd-nextJump{width:8%}
.utton.datepick-cmd{text-align:center}
.datepick-cmd-prev,.datepick-cmd-prevJump,.datepick-cmd-clear{float:left;padding-left:2%}
.datepick-cmd-current,.datepick-cmd-today{float:left;width:35%;text-align:center}
.datepick-cmd-next,.datepick-cmd-nextJump,.datepick-cmd-close{float:right;padding-right:2%;text-align:right}
.datepick-rtl .datepick-cmd-prev,.datepick-rtl .datepick-cmd-prevJump,.datepick-rtl .datepick-cmd-clear{float:right;padding-left:0;padding-right:2%;text-align:right}
.datepick-rtl .datepick-cmd-current,.datepick-rtl .datepick-cmd-today{float:right}
.datepick-rtl .datepick-cmd-next,.datepick-rtl .datepick-cmd-nextJump,.datepick-rtl .datepick-cmd-close{float:left;padding-left:2%;padding-right:0;text-align:left}
.datepick-month-nav{float:left;background-color:#777;text-align:center}
.datepick-month-nav div{float:left;width:12.5%;margin:1%;padding:1%}
.datepick-month-nav span{color:#888}
.datepick-month-row{clear:left}
.datepick-month{float:left;width:15em;border:1px solid #444;text-align:center}
.datepick-month-header,.datepick-month-header select,.datepick-month-header input{background-color:#444;color:#fff;font-weight:700}
.datepick-month-header select,.datepick-month-header input{margin:0;padding:0;border:none;font-size:100%}
.datepick-month-header input{position:absolute;display:none}
.datepick-month table{width:100%;border-collapse:collapse}
.datepick-month thead{border-bottom:1px solid #aaa}
.datepick-month th,.datepick-month td{margin:0;padding:0;font-weight:400;text-align:center}
.datepick-month th{border:1px solid #777}
.datepick-month th,.datepick-month th a{background-color:#777;color:#fff}
.datepick-month td{background-color:#eee;border:1px solid #aaa}
.datepick-month td.datepick-week{border:1px solid #777}
.datepick-month td.datepick-week *{background-color:#777;color:#fff;border:none}
.datepick-month a{display:block;width:100%;padding:.125em 0;background-color:#eee;color:#000;text-decoration:none}
.datepick-month span{display:block;width:100%;padding:.125em 0}
.datepick-month td span{color:#888}
.datepick-month td .datepick-other-month{background-color:#fff}
.datepick-month td .datepick-weekend{background-color:#ddd}
.datepick-month td .datepick-today{background-color:#f0c0c0}
.datepick-month td .datepick-highlight{background-color:#f08080}
.datepick-month td .datepick-selected{background-color:#777;color:#fff}
.datepick-month th.datepick-week{background-color:#777;color:#fff}
.datepick-status{clear:both;background-color:#ddd;text-align:center}
.datepick-clear-fix{clear:both}

.nput[type=text].mphb-datepick.is-datepick{padding-right:1.7em;-webkit-appearance:none;-moz-appearance:none;background-image:url(//themes.getmotopress.com/oceanica/wp-content/themes/oceanica/css/../images/calendar-o.svg);background-repeat:no-repeat;background-position:right .4em top .6em;background-size:1rem}
.datepick-popup .datepick-month-header select,.datepick-popup .datepick-month-header input,.mh-room-calendar .datepick-month-header select,.mh-room-calendar .datepick-month-header input{width:auto;display:inline-block;margin:0;padding:0;border:none;font-size:100%}
.datepick-popup .datepick-month-header select,.mh-room-calendar .datepick-month-header select{padding-right:1.7em}
.datepick-popup .datepick-cmd-next,.datepick-popup .datepick-cmd-prev,.mh-room-calendar .datepick-cmd-next,.mh-room-calendar .datepick-cmd-prev{text-indent:1000px;overflow:hidden}
.datepick-popup .datepick-cmd-next:before,
.datepick-popup .datepick-cmd-prev:before,
.mh-room-calendar .datepick-cmd-next:before,
.mh-room-calendar .datepick-cmd-prev:before {
    font:normal normal normal 1rem/1 FontAwesome;
    font-size:16px;
    font-size:1rem;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;
    text-indent:0;
    margin:0;
    position:absolute;
    top:50%;
    right:1em;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.datepick-popup .datepick-cmd-prev:before,.mh-room-calendar .datepick-cmd-prev:before{right:auto;left:1em}
.datepick-popup a.datepick-cmd,.mh-room-calendar a.datepick-cmd{padding:0 1em;position:relative}
.datepick-popup .datepick-cmd-next:before,.mh-room-calendar .datepick-cmd-next:before{content:"";float:right}
.datepick-popup .datepick-cmd-prev:before,.mh-room-calendar .datepick-cmd-prev:before{content:"";float:left}
.mh-room-calendar .datepick,
.datepick-popup .datepick {
    font-size:90%;
    border:0 solid;
    border-radius:0;
    width:31.429em;
    max-width:100%;
    font-family:inherit;
    margin: 0;
    width: 100%;
}
.mh-room-calendar a,.datepick-popup a{-webkit-box-shadow:none;box-shadow:none}
.mh-room-calendar .datepick-nav,.mh-room-calendar .datepick-ctrl,.datepick-popup .datepick-nav,.datepick-popup .datepick-ctrl{font-size:inherit;font-weight:400}
.mh-room-calendar .datepick-nav,.datepick-popup .datepick-nav{background-color:#d9e6e6}
.mh-room-calendar .datepick-nav a,.datepick-popup .datepick-nav a{color:#444}
.mh-room-calendar .datepick-nav a:hover,.datepick-popup .datepick-nav a:hover{background-color:#484848;color:#fff}
.mh-room-calendar .datepick-nav a.datepick-disabled,.datepick-popup .datepick-nav a.datepick-disabled{cursor:not-allowed;color:#444}
.mh-room-calendar .datepick-nav a.datepick-disabled:hover,.datepick-popup .datepick-nav a.datepick-disabled:hover{background-color:#484848}
.mh-room-calendar .datepick-ctrl,.datepick-popup .datepick-ctrl{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#fff}
.mh-room-calendar .datepick-ctrl a,.datepick-popup .datepick-ctrl a{color:#fc5c63}
.mh-room-calendar .datepick-ctrl .datepick-cmd:hover,.datepick-popup .datepick-ctrl .datepick-cmd:hover{background-color:#fff;color:#484848}
.mh-room-calendar a.datepick-cmd,.datepick-popup a.datepick-cmd{height:auto;line-height:2.778em}
.mh-room-calendar .datepick-month-header,.mh-room-calendar .datepick-month-header select,.mh-room-calendar .datepick-month-header input,.datepick-popup .datepick-month-header,.datepick-popup .datepick-month-header select,.datepick-popup .datepick-month-header input{height:2.778em;background-color:#f6f6f6;color:#484848;font-weight:400;line-height:2.778em;font-family:inherit}
.mh-room-calendar .datepick-month,.datepick-popup .datepick-month{width:100%;border:0 solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0}
.mh-room-calendar .datepick-month.last,.datepick-popup .datepick-month.last{border-left:0 solid #e0e0e0}
.mh-room-calendar .datepick-month.first,.datepick-popup .datepick-month.first{border-right:1 solid #e0e0e0}
.mh-room-calendar .datepick-month .datepick-month-header,.datepick-popup .datepick-month .datepick-month-header{margin-right:-1px}
.mh-room-calendar .datepick-month table,.datepick-popup .datepick-month table{margin:0 auto;width:100%}
.mh-room-calendar .datepick-month tbody,.datepick-popup .datepick-month tbody{line-height:2.1em}
.mh-room-calendar .datepick-month th,.datepick-popup .datepick-month th{border:1px solid #fff;font-size:80%;font-weight:400;padding:.5em 0}
.mh-room-calendar .datepick-month th,.mh-room-calendar .datepick-month th a,.datepick-popup .datepick-month th,.datepick-popup .datepick-month th a{background-color:#fff;color:gray}
.mh-room-calendar .datepick-month td,.datepick-popup .datepick-month td{background-color:#fff;border:1px solid #fff}
.mh-room-calendar .datepick-month a,.datepick-popup .datepick-month a{padding:0;background-color:#fff;color:#484848}
.mh-room-calendar .datepick-month span,.datepick-popup .datepick-month span{padding:0}
.mh-room-calendar .datepick-month td span,.datepick-popup .datepick-month td span{color:#bcbcbc}
.mh-room-calendar .datepick-month td .datepick-weekend,.datepick-popup .datepick-month td .datepick-weekend{background-color:#fff}
.mh-room-calendar a,.datepick-popup a{-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;transition:background .3s,color .3s}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-available-date{background-color:#e0f1be;color:#484848}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-not-stay-in-date:not(.mphb-past-date),.mh-room-calendar.mphb-datepick .datepick-month td .mphb-not-available-date,.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-not-stay-in-date:not(.mphb-past-date),.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-not-available-date{background-color:#fff;color:#484848;text-decoration:line-through}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-past-date,.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-past-date{opacity:1;background-color:#fff;color:#bcbcbc}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-earlier-min-date,.mh-room-calendar.mphb-datepick .datepick-month td .mphb-later-max-date,.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-earlier-min-date,.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-later-max-date{background-color:#fff;color:#bcbcbc;text-decoration:line-through;opacity:1}
.mh-room-calendar.mphb-datepick .datepick-month td .datepick-selected,.datepick-popup .mphb-datepick-popup .datepick-month td .datepick-selected{background-color:#484848;color:#fff}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-booked-date,.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-booked-date{opacity:1}
.datepick-popup{-webkit-box-shadow:0 4px 8px rgba(51,51,51,.15);box-shadow:0 4px 8px rgba(51,51,51,.15)}
.datepick-popup .mphb-datepick-popup .datepick-month td .datepick-today{background-color:#fff;font-weight:600;color:#363636}
.datepick-popup .mphb-datepick-popup .datepick-month td .mphb-booked-date:not(.mphb-selectable-date){background-color:#fff;color:#484848;text-decoration:line-through}
.datepick-popup .mphb-datepick-popup .datepick-month td a.datepick-highlight{background-color:#484848;color:#fff}
.datepick-popup .mphb-datepick-popup.mphb-check-in-datepick .datepick-month td .mphb-not-check-in-date:not(.mphb-past-date){background-color:#fff;color:#484848;text-decoration:line-through}
.datepick-popup .mphb-datepick-popup.mphb-check-out-datepick .datepick-month td .mphb-not-check-out-date:not(.mphb-past-date){background-color:#fff;color:#484848;text-decoration:line-through}
.datepick-popup .mphb-datepick-popup.mphb-check-out-datepick .datepick-month td span.mphb-check-in-date:not(.mphb-past-date){background-color:gray;color:#fff;text-decoration:none}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-booked-date{background-color:#ffbdbf;text-decoration:none}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-booked-date.mphb-date-check-in.mphb-date-check-out{background-color:#ffbdbf}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-booked-date.mphb-date-check-in{background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#e0f1be),color-stop(50%,#e0f1be),color-stop(50%,#ffbdbf),to(#ffbdbf));background:-webkit-linear-gradient(top left,#e0f1be 0,#e0f1be 50%,#ffbdbf 50%,#ffbdbf 100%);background:-o-linear-gradient(top left,#e0f1be 0,#e0f1be 50%,#ffbdbf 50%,#ffbdbf 100%);background:linear-gradient(to bottom right,#e0f1be 0,#e0f1be 50%,#ffbdbf 50%,#ffbdbf 100%)}
.mh-room-calendar.mphb-datepick .datepick-month td .mphb-available-date.mphb-date-check-out{background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#ffbdbf),color-stop(50%,#ffbdbf),color-stop(50%,#e0f1be),to(#e0f1be));background:-webkit-linear-gradient(top left,#ffbdbf 0,#ffbdbf 50%,#e0f1be 50%,#e0f1be 100%);background:-o-linear-gradient(top left,#ffbdbf 0,#ffbdbf 50%,#e0f1be 50%,#e0f1be 100%);background:linear-gradient(to bottom right,#ffbdbf 0,#ffbdbf 50%,#e0f1be 50%,#e0f1be 100%)}
.datepick-popup{max-width:100%;padding:0 1em}


.occupancy { background-color: #afdbdb !important; }
.occupancy-light { background-color: #d9e6e6 !important; }
.testtt { color: red !important; }

.mh_datepick {
    padding-right: 1.7em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../images/calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: right 0.4em top 0.6em;
    background-size: 1rem;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    padding: 0 0.6em;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125;
    color: #484848;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,color .15s ease-in-out;
    transition: border-color .15s ease-in-out,color .15s ease-in-out;
}

@media screen and (min-width:50px){
    .mh-room-calendar .datepick {
        margin: 0 auto;
        width: 100% !important;
    }
}
@media screen and (min-width:550px){
    .mh-room-calendar .datepick {
        margin: 0 auto;
        width: 450px !important;
    }
}
@media screen and (min-width:650px){
    .mh-room-calendar .datepick {
        margin: 0 auto;
        width: 550px !important;
    }
}
@media screen and (min-width:800px){
    .mh-room-calendar .datepick {
        margin: 0 auto;
        width: 100% !important;
    }
}
@media screen and (min-width:1100px){
    .mh-room-calendar .datepick {
        margin: 0 auto;
        width: 100% !important;
    }
}
@media screen and (max-width:450px){.datepick-popup{left: 15px !important;}}
@media screen and (max-width:550px){.datepick-popup .datepick{width: 90% !important;}}
@media screen and (min-width:550px){.datepick-popup .datepick-month{width:50%;padding-right:1px}}

@media screen and (min-width:550px){.mh-room-calendar .datepick-month{width:50%;padding-right:1px}}
@media screen and (min-width:650px){.mh-room-calendar .datepick-month{width: 50%;padding-right:1px}}
@media screen and (min-width:800px){.mh-room-calendar .datepick-month{width: calc(100%/3);padding-right:1px}}
@media screen and (min-width:1100px){.mh-room-calendar .datepick-month{width: 25%;padding-right:1px}}

@media screen and (min-width:48em){.mh-room-calendar .datepick-month+.datepick-month,.datepick-popup .datepick-month+.datepick-month{border-left:1px solid #e0e0e0;padding-right:0}}
@media screen and (min-width:48em){.mh-room-calendar .datepick-month+.datepick-month .datepick-month-header,.datepick-popup .datepick-month+.datepick-month .datepick-month-header{margin-right:0}}
@media screen and (min-width:48em){.mh-room-calendar .datepick-month+.datepick-month,.datepick-popup .datepick-month+.datepick-month{border-left:1px solid #e0e0e0;padding-right:0}}
@media screen and (min-width:48em){.mh-room-calendar .datepick-month+.datepick-month .datepick-month-header,.datepick-popup .datepick-month+.datepick-month .datepick-month-header{margin-right:0}}

@media screen and (min-width:48em){.datepick-popup{padding:0}
@media screen and (min-width:48em){
    .homepage-widget-area .widget_mphb_search_availability_widget input[type=text].mphb-datepick.is-datepick,.homepage-widget-area .widget_mphb_search_availability_widget select{background-position:right .9em top 1em;}}
}