/* Thème jQuery UI de RéseauVoixLa, adapté aux contrôles compacts de Sorrene. */
#ui-datepicker-div {
    z-index: 1100 !important;
    font-size: .875rem;
    width: 20rem;
    max-width: calc(100vw - 24px);
}
#ui-datepicker-div select {
    min-height: 32px;
    font-size: .875rem;
}
#ui-datepicker-div .ui-datepicker-buttonpane button {
    min-height: 32px;
    padding: .25rem .625rem;
    font-size: .875rem;
}
#ui-datepicker-div .ui-datepicker-calendar td a {
    padding: .4rem;
    text-align: center;
}
.admin-date-field > .btn {
    min-height: 32px;
    padding: .25rem .625rem;
}

/* Flèches autonomes : aucun changement de fichier PNG au survol ou au clic. */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    top: 2px;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-prev { left: 2px; }
#ui-datepicker-div .ui-datepicker-next { right: 2px; }
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
    border-color: #bbb;
    background: #ddd;
}
#ui-datepicker-div .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-next .ui-icon {
    background: none;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
}
#ui-datepicker-div .ui-datepicker-prev .ui-icon::after,
#ui-datepicker-div .ui-datepicker-next .ui-icon::after {
    content: '';
    position: absolute;
    top: 4px;
    width: 8px;
    height: 8px;
    border: solid #333;
    border-width: 0 2px 2px 0;
}
#ui-datepicker-div .ui-datepicker-prev .ui-icon::after {
    left: 5px;
    transform: rotate(135deg);
}
#ui-datepicker-div .ui-datepicker-next .ui-icon::after {
    left: 2px;
    transform: rotate(-45deg);
}