/* datepicker styles */
#ui-datepicker-div{
    z-index: 10000 !important;
}

.ui-datepicker td{
    border: 0 !important;
    padding: 1px !important;
}

.ui-datepicker-header .ui-icon{
    scale: 1.4;
}

/* condo input icons */
.condo-input{
    position: relative;
}
.condo-input:has(input#checkin)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f274";
    background-color: transparent;
    font-weight: 400;
}
.condo-input:has(input#checkout)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f272";
    background-color: transparent;
    font-weight: 400;
}

/* condo modal icons */
.condo-modal-form .calendar div:has(input.check-in-input),
.condo-modal-form .calendar div:has(input.check-out-input){
    position: relative;
}

.condo-modal-form .calendar div:has(input.check-in-input)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f274";
    background-color: transparent;
    font-weight: 400;
}
.condo-modal-form .calendar div:has(input.check-out-input)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f272";
    background-color: transparent;
    font-weight: 400;
}

/* golf input icon */
#search-golf-form .calendar{
    position: relative;
}
#search-golf-form .calendar:has(input#date-of-play)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f274";
    background-color: transparent;
    font-weight: 400;
}

/* golf modal */
.golf-modal-form .calendar div:has(input.golf-date-input){
    position: relative;
}
.golf-modal-form .calendar div:has(input.golf-date-input)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f274";
    background-color: transparent;
    font-weight: 400;
}

/* rental cars icons */
.calendar:has(input#pick-up-date),
.calendar:has(input#drop-off-date){
    position: relative;
}

.calendar:has(input#pick-up-date)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f274";
    background-color: transparent;
    font-weight: 400;
}
.calendar:has(input#drop-off-date)::after{
    position: absolute;
    font-size: 2rem;
    top: 70%;
    color: #5e4896;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f272";
    background-color: transparent;
    font-weight: 400;
}


@media only screen and (max-width: 600px){
    /* adding condo */
    .condo-input:has(input#checkin)::after{
        font-size: 1.5rem;
    }

    .condo-input:has(input#checkout)::after{
        font-size: 1.5rem;
    }

    /* condo modals */
    .condo-modal-form .calendar div:has(input.check-in-input)::after{
        font-size: 1.5rem;
    }
    .condo-modal-form .calendar div:has(input.check-out-input)::after{
        font-size: 1.5rem;
    }

    /* Golf */
    #search-golf-form .calendar:has(input#date-of-play)::after{
        font-size: 1.5rem;
    }
    /* golf modal */
    .golf-modal-form .calendar div:has(input.golf-date-input)::after{
        font-size: 1.5rem;
    }

    /* Rental car */
    .calendar:has(input#pick-up-date)::after{
        font-size: 1.5rem;
    }
    .calendar:has(input#drop-off-date)::after{
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 380px){
    .condo-input:has(input#checkin)::after{
        content: '';
    }

    .condo-input:has(input#checkout)::after{
        content: '';
    }
}