.xdsoft_datetimepicker .time-top {
    width: 100%;
    margin-bottom: 15px;
}

    .xdsoft_datetimepicker .time-top p {
        display: inline;
        font-size: 18px;
        font-weight: 700;
    }

        .xdsoft_datetimepicker .time-top p span {
            width: 22px;
            height: 22px;
            display: inline-block;
            font-size: 22px;
            position: relative;
            vertical-align: text-top;
            margin-right: 7px;
        }

.xdsoft_datetimepicker {
    color: #333;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.dateOnly.xdsoft_datetimepicker, .timeOnly.xdsoft_datetimepicker {
    width: 355px;
    max-width: 100%;
    background: -moz-linear-gradient(top, #EEEEEE 0%, #D8D8D8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #D8D8D8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEEEEE 0%, #D8D8D8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EEEEEE 0%, #D8D8D8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #EEEEEE 0%, #D8D8D8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#D8D8D8',GradientType=0 );
    border-radius: 20px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    border: 1px solid #979797;
    margin: 15px auto auto auto;
    padding: 11px 20px 20px 20px;
}

    .dateOnly.xdsoft_datetimepicker::before, .timeOnly.xdsoft_datetimepicker::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #979797;
        position: absolute;
        top: -15px;
        left: calc(50% - 15px);
    }

    .dateOnly.xdsoft_datetimepicker::after, .timeOnly.xdsoft_datetimepicker::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #469622;
        position: absolute;
        top: -16px;
        left: calc(50% - 14px);
    }

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .xdsoft_noselect::selection {
        background: transparent;
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent;
    }

.xdsoft_datetimepicker.xdsoft_inline {
    display: block;
    position: static;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block;
    }

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 58%;
    float: left;
}

.dateOnly.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100%;
    float: none;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 38%;
    text-align: center;
    margin-top: 0;
    float: right;
}

.timeOnly.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 100%;
    float: none;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    margin-top: 6px;
    position: relative;
    text-align: center;
    width: calc(100% - 12px);
    margin: 6px auto 0px auto;
}

.xdsoft_datetimepicker .xdsoft_label i {
    width: 22px;
    height: 22px;
    display: inline-block;
    font-size: 22px;
    position: relative;
    vertical-align: text-bottom;
    margin-right: 7px;
    margin-top: 2px;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    margin-left: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
}

    .xdsoft_datetimepicker .xdsoft_today_button::before {
        content: "\f015";
        font-family: 'FontAwesome';
        position: absolute;
        top: 0;
        left: 0;
        vertical-align: middle;
        line-height: 30px;
    }

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    text-align: left;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    text-align: right;
}

    .xdsoft_datetimepicker .xdsoft_prev::before, .xdsoft_datetimepicker .xdsoft_next::before {
        content: "\e906";
        font-family: 'fastpark';
        position: absolute;
        top: 0;
        left: 0;
        vertical-align: middle;
        line-height: 30px;
        color: #9B9B9B;
    }

    .xdsoft_datetimepicker .xdsoft_prev:hover::before, .xdsoft_datetimepicker .xdsoft_next:hover::before {
        color: #f5a623;
    }

.xdsoft_datetimepicker .xdsoft_prev::before {
    content: "\e90d";
}

.xdsoft_datetimepicker .xdsoft_next::before {
    right: 0;
    left: auto;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 10%;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: right;
    display: inline-block;
    margin-top: 7px;
    right: 0;
    font-size: 7px;
    line-height: 18px;
    text-align: center;
    width: 18px;
    height: 18px;
    border-radius: 8px;
    background: #fff;
    display: none;
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev::before {
        content: "\e907";
        position: relative;
        line-height: 18px;
        color: #030303;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next::before {
        content: "\e901";
        position: relative;
        line-height: 18px;
        color: #030303;
        margin-top: 10px;
    }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin: 0;
    margin-top: 5px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 223px;
    overflow: hidden;
    padding-right: 10px;
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        padding: 7.5px 0px;
    }

.xdsoft_time {
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    padding: 10px;
    text-indent: 10px;
    margin: 4px 10px 4px 0px;
    cursor: pointer;
    border-bottom-width: 0;
    line-height: 25px;
    background: #fff;
    border-radius: 2px;
    width: calc(100% - 15px);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    margin: 0;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    cursor: default !important;
    vertical-align: text-bottom;
}

    .xdsoft_datetimepicker .xdsoft_label span {
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
    }

    .xdsoft_datetimepicker .xdsoft_label:hover > span {
        /*color: #f5a623;*/ /* OFC */
    }

    .xdsoft_datetimepicker .xdsoft_label:hover i {
        opacity: 1.0;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        left: 0;
        right: 0px;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        min-width: 100px;
        overflow-y: hidden;
    }
        /* OFC */
        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
            display: none !important;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            display: none !important;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            min-width: 60px;
        }

.xdsoft_monthselect .xdsoft_scrollbar, .xdsoft_yearselect .xdsoft_scrollbar {
    right: 0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #9DDD2D;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none;
}

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
        background: #F5A623;
        font-weight: 700;
    }

.xdsoft_datetimepicker .xdsoft_month {
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
    /*display: none;*/
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    height: 32px;
    font-weight: 700;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: transparent;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div {
    color: #F5A623;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current div {
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_past.xdsoft_current.xdsoft_today div {
    color: #F5A623;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #F5A623;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_today.xdsoft_highlighted_default div {
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #F5A623;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #F5A623;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.selected {
    background: red;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #4A4A4A;
    background: #F5A623;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    background: #9B9B9B;
    color: #757575;
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month div {
    }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    background: repeating-linear-gradient(-45deg, #d8d8d8, #d8d8d8 1px, #fff 1px, #fff 7px);
    font-weight: bold;
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div,
    .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled div {
        color: #D8D8D8;
    }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_past, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_past:hover {
    color: #D8D8D8;
    background: #fff;
    cursor: inherit;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    background: repeating-linear-gradient(-45deg, #d8d8d8, #d8d8d8 1px, #fff 1px, #fff 7px);
    font-weight: bold;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #9DDD2D;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #9DDD2D;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    background: repeating-linear-gradient(-45deg, #d8d8d8, #d8d8d8 1px, #fff 1px, #fff 7px);
    cursor: auto;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee;
    }

        .xdsoft_datetimepicker .xdsoft_copyright a:hover {
            color: #aaa;
        }

.xdsoft_time_box {
    position: relative;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #9DDD2D;
    height: 20px;
    border-radius: 6px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 6px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background: #AAAAAA;
    border-radius: 6px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}

.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
    /* IE6-9 */
}

    .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
        color: #454551;
        background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* IE10+ */
        background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
        /* IE6-9 */
    }

/* @group 1050px */

@media only screen and (max-width: 1050px) {
    .reservation .xdsoft_datetimepicker .xdsoft_monthpicker, .res-form .xdsoft_datetimepicker .xdsoft_monthpicker {
        width: 80%;
        margin: auto;
        height: 30px;
    }

    .reservation.fullpage .xdsoft_datetimepicker .xdsoft_monthpicker {
        width: 100%;
        margin: auto;
        width: calc(100% - 12px);
        margin: 6px auto 0px auto;
    }
}

/* @end */

/* @group 768px */

@media only screen and (max-width: 768px) {
    .reservation.fullpage .xdsoft_datetimepicker .xdsoft_monthpicker {
        width: 80%;
        margin: auto;
        height: 30px;
    }
}

/* @end */

/* @group 610 */
@media only screen and (max-width : 610px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 100%;
        float: none;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 100%;
        text-align: center;
        margin-top: 0;
        float: none;
    }

    .reservation div.select#depart-time, .reservation div.select#arrive-time {
        display: block;
        /*width: 33%;*/
    }

    #depart-time ul, #arrive-time ul {
        max-height: 300px;
        overflow-y: scroll;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        display: none;
    }
}
/* @end */

/* @group 380 */
@media only screen and (max-width : 610px) {
    .xdsoft_datetimepicker .xdsoft_label span, .xdsoft_datetimepicker .time-top p {
        font-size: 16px;
    }

        .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .time-top p span {
            font-size: 20px;
        }

    .xdsoft_datetimepicker .xdsoft_year {
        width: auto;
    }
}
/* @end */

/* Android Fix */
.android .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100%;
    float: none;
}

.android .xdsoft_datetimepicker .xdsoft_timepicker {
    width: 100%;
    text-align: center;
    margin-top: 0;
    float: none;
}

.reservation.android div.select#depart-time, .reservation.android div.select#arrive-time {
    display: block;
    width: 100%;
}

.android #depart-time ul, .android #arrive-time ul {
    max-height: 300px;
    overflow-y: scroll;
}

.android .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    display: none;
}

.android .xdsoft_datetimepicker .time-top {
    margin-top: 15px;
    margin-bottom: 5px;
}