#datepicker {
    margin: 0;
    height: 30px;
    vertical-align: bottom;
    border: 1px solid #ccc;
    color: #555;
}

.ui-datepicker-trigger img{
    width: 25px;
    height: 25px;
}
.offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/*
button.ui-datepicker-trigger:focus,
button.ui-datepicker-trigger:active {
    border:none !important;
    margin:auto !important;
    outline:2px solid #588f0e !important;
    background-color:#fdf6e7 !important;
}*/
#ui-datepicker-div button:focus, #ui-datepicker-div button:active, #ui-datepicker-div button:hover, #ui-datepicker-div [role=button]:focus,
#ui-datepicker-div [role=button]:active, #ui-datepicker-div [role=button]:hover {
    outline: grey solid 1px !important;
    cursor: pointer;
}

.scheduleTourTab4 .schedule_guided_tour_registration_form .hasDatepicker{
    width:100%
}

.scheduleTourTab4 .schedule_guided_tour_registration_form .ui-datepicker-trigger{
    position: absolute;
    right: 5px;
    top: 1px;
    background: transparent;
    border: 0;
}

.hasDatepicker:focus{
    border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    font-size: 12px;
}

#schedule_self_tour_desire_form .hasDatepicker{
    padding: 5px 10px;
}

#schedule_self_tour_desire_form .ui-datepicker-trigger, #schedule_self_tour_desire_form .ui-datepicker-trigger {
    position: absolute;
    top: 1px;
    right: 5px;
    background: transparent;
    border: 0;
}

#contact_info .resheduleTourContainer #parentContainer .scheduleContactInfo .schedule_guided_tour_registration_form .ui-datepicker-trigger {
    position: absolute;
    top:0;
    right: 5px;
    background: transparent;
    border: 0;
}

/* Booking */

#self_scheduler_booking #schedule_guided_tour_form #schedule_guided_tour_step3 .self_schedule_signup_info_panel #schedule_guided_tour_registration_form #datepicker {
    height: 30px;
    text-indent: 25px;
}

#self_scheduler_booking #schedule_guided_tour_form #schedule_guided_tour_step3 .self_schedule_signup_info_panel #schedule_guided_tour_registration_form .ui-datepicker-trigger {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    background: transparent;
}

#self_scheduler_booking #schedule_guided_tour_form #schedule_guided_tour_step3 .self_schedule_signup_info_panel #schedule_guided_tour_registration_form .ui-datepicker-trigger img {
    width: 30px;
    height: 30px;
}

.self_schedule_signup_info_panel #schedule_guided_tour_registration_form .ui-datepicker-trigger{
    position: absolute;
    top: 0;
    padding: 0;
    border: none;
    background: transparent;
}

.self_schedule_signup_info_panel #schedule_guided_tour_registration_form #datepicker{
    text-indent: 25px;
}

/* Lead */

.panel .step-content #step2 #lead_capture_additional_info_form .ui-datepicker-trigger{
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 0;
}

.panel .step-content #step2 #lead_capture_additional_info_form #datepicker{
    text-indent: 25px;
}

.date-align {
    position: relative;
    display: inline;
}


/* Concierge */
#response_chat .hasDatepicker{
    width:100%;
    padding: 5px 10px;
}

#response_chat .ui-datepicker-trigger {
    right: 0;
    padding: 0;
    position: absolute;
    background: transparent;
    border: 0;
}

#response_chat .ui-datepicker-trigger img {
    width: 25px;
    height: 25px;
}

/* Assisted SGT Datepicker */

#response_chat .w50 .ui-datepicker-trigger {
    padding: 0;
    position: absolute;
    top: 2px;
    right: 14px;
    background: transparent;
    border: 0;
}

#response_chat .w50 .ui-datepicker-trigger img {
    width: 34px;
    height: 34px;
}

#response_chat .w50 #datepicker {
    height: 37px;
}

#response_chat .w50 .hasDatepicker{
    width:100%;
}

#form-user-payment .ui-datepicker-trigger{
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 0;
}

#form-user-payment #datepicker{
    text-indent: 25px;
}

#open_house_form #register_for_open_house_step2 #open_house_additional_info_form .ui-datepicker-trigger {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 0;
}

#open_house_form #register_for_open_house_step2 #open_house_additional_info_form #datepicker {
    text-indent: 25px;
}

.ui-widget-header{
    background: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #555555;
    background: white;
}
.ui-datepicker {
    width: 15em;
}

#sheduleATourContainer_id .resheduleTour .overlay .agentDateTimeContainer .col-lg-12 .agentDateTime .resheduleTourContainer #parentContainer .scheduleTourTab .schedule_guided_tour_registration_form .ui-datepicker-trigger{
    padding: 0;
    position: absolute;
    top: 0;
    right: 5px;
    background: transparent;
    border: 0;
}

/* Change highlighted border color to black */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #000000;
}

/* Show selected date with green background and white color */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #ffffff;
    background-color: #808080;
}

/*Show current date border as black  */
.ui-datepicker-current-day{
    border: 1px solid #000000;
}