/* ==== CSS for accessible datepicker === */

/* #datepicker { */
/*     margin: 0; */
/*     padding: 0; */
/*     height: 25px; */
/*     vertical-align: bottom; */
/*     outline-offset: 1.5px; */
/*     margin-right: 5px; */
/*     border: 1px #333 solid!important; */
/* } */
.datepicker-input {
    display: flex;
/*     align-items: center; */
	flex-direction: column;
}
.datepicker-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #cd0200;
}
.ui-datepicker-trigger {
    margin: 2px;
    padding: 0;
    vertical-align: bottom;
}
.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 {
    background-color:transparent !important;
    border:none !important; 
    margin:auto !important;
}
button.ui-datepicker-trigger:focus,
button.ui-datepicker-trigger:hover,
button.ui-datepicker-trigger:active {
    border:none !important; 
    margin:auto !important; 
    outline:2px solid #588f0e !important;
    background-color:#fdf6e7 !important;
}