body.single-questionnaire .acf-ui-datepicker div#ui-datepicker-div,
body.page .acf-ui-datepicker div#ui-datepicker-div{
    background: #7a7ef9;
    padding: 10px;
    width: 340px;
    border-radius: 10px;
}

body.single-questionnaire .acf-ui-datepicker .ui-widget-header,
body.page .acf-ui-datepicker .ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff85;
    border-radius: 0;
    padding-bottom: 10px;
}

body.single-questionnaire .acf-ui-datepicker button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
body.page .acf-ui-datepicker button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    display: none;
}

body.single-questionnaire .acf-ui-datepicker .ui-datepicker th,
body.page .acf-ui-datepicker .ui-datepicker th {
    color: #FFFFFF;
}

body.single-questionnaire .acf-ui-datepicker .ui-state-active,
body.page .acf-ui-datepicker .ui-state-active,
body.single-questionnaire .acf-ui-datepicker .ui-widget-content .ui-state-active,
body.page .acf-ui-datepicker .ui-widget-content .ui-state-active,
body.single-questionnaire .acf-ui-datepicker .ui-widget-header .ui-state-active,
body.page .acf-ui-datepicker .ui-widget-header .ui-state-active {
    border: 1px solid #d7a84f;
    background: #d7a84f;
}

body.single-questionnaire .acf-ui-datepicker .ui-state-hover,
body.page .acf-ui-datepicker .ui-state-hover,
body.single-questionnaire .acf-ui-datepicker .ui-widget-content .ui-state-hover,
body.page .acf-ui-datepicker .ui-widget-content .ui-state-hover,
body.single-questionnaire .acf-ui-datepicker .ui-widget-header .ui-state-hover,
body.page .acf-ui-datepicker .ui-widget-header .ui-state-hover{
    background: #7a7ef9;
}

body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine {
    margin: 30px auto;
    max-width: 180px;
}

body.single-questionnaire .ui-datepicker-buttonpane.ui-widget-content,
body.page .ui-datepicker-buttonpane.ui-widget-content {
    border-bottom: 0;
    border-color: #ffffff85;
}

body.single-questionnaire .acf-ui-datepicker .ui-priority-primary,
body.page .acf-ui-datepicker .ui-priority-primary,
body.single-questionnaire .acf-ui-datepicker .ui-widget-content .ui-priority-primary,
body.page .acf-ui-datepicker .ui-widget-content .ui-priority-primary,
body.single-questionnaire .acf-ui-datepicker .ui-widget-header .ui-priority-primary,
body.page .acf-ui-datepicker .ui-widget-header .ui-priority-primary {
    background: #d7a84f;
    border: none;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 3px;
}

body.single-questionnaire .acf-ui-datepicker .ui-corner-all,
body.page .acf-ui-datepicker .ui-corner-all,
body.single-questionnaire .acf-ui-datepicker .ui-corner-bottom,
body.page .acf-ui-datepicker .ui-corner-bottom,
body.single-questionnaire .acf-ui-datepicker .ui-corner-left,
body.page .acf-ui-datepicker .ui-corner-left,
body.single-questionnaire .acf-ui-datepicker .ui-corner-bl,
body.page .acf-ui-datepicker .ui-corner-bl {
    border-radius: 0;
    padding: 3px;
}

body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    margin: 0 3px;
    color:#FFFFFF;
}

body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd>div.ui_tpicker_second_slider,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd>div.ui_tpicker_second_slider,
body.single-questionnaire .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before,
body.page .acf-ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    display: none;
}

body.single-questionnaire .acf-ui-datepicker .ui-widget select,
body.single-questionnaire .acf-ui-datepicker .ui-widget .ui-timepicker-select {
    -webkit-appearance: none;
    padding: 1px 8px 1px 8px;
    position:relative;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 0.2em top 50%;
    background-size: .65em auto;
}

body.single-questionnaire .acf-ui-datepicker .ui-widget .ui-timepicker-select {
    padding-right:20px;
}

@media screen and (max-width:600px)
{
    body.single-questionnaire .acf-ui-datepicker div#ui-datepicker-div, body.page .acf-ui-datepicker div#ui-datepicker-div {
        width:100%;
        left: 0!important;
        top: calc(50vh - 180px ) !important;
    }
}