/*
 * Html Inputs Styles
 *
 * Default styling for the IwWpUtils Html Inputs component.
 *
 * @package     iw-wp-utils
 * @subpackage  assets/style/HtmlInputs
 * @since       1.0.0
 -------------------------------------------------------------- */

/* iw Datepicker by jQuery datepicker */
/* Date Picker Tigger */
.iw_contact_form input.wpcf7-date ~ img.ui-datepicker-trigger {
    width: 20px;
    position: absolute;
    top: 17px;
    right: 17px;
}

/* Date Picker (Calendar) Container */
.iw-datepicker {
    background-color: #17efef;
    margin: 0;
    padding: 17px;
    border: 1px solid #efef17;
    min-width: 300px;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 998;
}

/* Prev and Next Buttons */
.iw-datepicker .ui-datepicker-prev,
.iw-datepicker .ui-datepicker-next {
    cursor: pointer;
}

.iw-datepicker .ui-datepicker-next {
    float: right;
}

.iw-datepicker .ui-datepicker-prev.ui-state-disabled,
.iw-datepicker .ui-datepicker-next.ui-state-disabled {
    visibility: hidden;
}

/* Month and Year Title */
.iw-datepicker .ui-datepicker-title {
    padding: 17px;
}

/* Calendar Table */
.iw-datepicker table.ui-datepicker-calendar {
    width: 100%;
}

.iw-datepicker table.ui-datepicker-calendar td {
    text-align: center;
}

.iw-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable {
    color: #CCCCCC;
}

.iw-datepicker table.ui-datepicker-calendar a {
    text-decoration: none;
    cursor: pointer;
    color: #ef17ef;
}

.iw-datepicker table.ui-datepicker-calendar a:hover,
.iw-datepicker table.ui-datepicker-calendar a:focus {
    text-decoration: underline;
    color: #ef17ef;
}