/* Calendar/DatePicker input field: styles for Calendar (PrimeFaces 10.0.0)*/
.stx-calendar .ui-datepicker-trigger {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 24px;
    width: 24px;
    border: none !important;
    background: none !important;
    color: black !important;
    background-size: cover;
}
/* "fa fa-calendar" */
.stx-calendar .ui-datepicker-trigger:before {
    font-family: FontAwesome;
    content: "\f073";
    background: none;
}
.stx-calendar .ui-datepicker-trigger > .ui-button-icon-left {
    display: none;
}
.stx-calendar .ui-inputfield {
    box-shadow: none;
    border-color: #d2d6de;
}
.stx-calendar .ui-inputfield.ui-state-focus {
    box-shadow: none;
    border-color: #3c8dbc;
}

/* --- popup calendar widget customise --- */
.ui-datepicker .ui-datepicker-header {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}
.ui-datepicker,
.ui-datepicker .ui-widget-content,
.ui-datepicker .ui-datepicker-buttonbar button,
.ui-datepicker .ui-datepicker-buttonbar button.ui-bitton {
    background: #fff;
    border: 1px solid #ddd;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-buttonbar {
    background: #fff;
    border: none;
}

.ui-datepicker .ui-state-active {
    background: #85b2cb !important;
    color: white !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    border: none;
}

/* --- inline only datePicker widget customise --- */
.stx-calendar .ui-clear-button {
    display: none;
}