.wai_datepicker {
    position: relative;
}

    .wai_datepicker .group {
        /*display: inline-block;*/
        position: relative;
    }

    .wai_datepicker .form-control {
        padding-right: 35px;
    }

    /* bottone calendario */
    .wai_datepicker button.icon {
        position: absolute;
        background-color: transparent;
        border-radius: 3px;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
        border: 0;
    }

    .wai_datepicker .fa-calendar {
        color: #171165;
    }

    .wai_datepicker .desc {
        position: absolute;
        left: 0;
        top: 2em;
    }

.datepicker-dialog {
    position: absolute;
    z-index: 800;
    display: none;
    background-color: #fff;
    border: 3px solid #171165;
    border-radius: 3px;
}

    .datepicker-dialog .header {
        cursor: default;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #171165;
        color: #fff;
    }

    .datepicker-dialog table.dates th {
        padding: 10px 0 5px;
    }

    .datepicker-dialog h2 {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: .8em;
        text-transform: none;
        font-weight: bold;
        font-family: inherit;
        text-transform: uppercase;
        color: #fff;
        border: none;
    }

    .datepicker-dialog button {
        border-style: none;
        background: transparent;
    }

        .datepicker-dialog button::-moz-focus-inner {
            border: 0;
        }

    .datepicker-dialog .prev-year,
    .datepicker-dialog .prev-month,
    .datepicker-dialog .next-month,
    .datepicker-dialog .next-year {
        width: 24px;
        height: 24px;
        margin: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
        color: #FFF;
    }

        .datepicker-dialog .prev-year:focus,
        .datepicker-dialog .prev-month:focus,
        .datepicker-dialog .next-month:focus,
        .datepicker-dialog .next-year:focus {
            border-color: #ff8c00;
            outline: 0;
        }

        .datepicker-dialog .prev-year:hover,
        .datepicker-dialog .prev-month:hover,
        .datepicker-dialog .next-month:hover,
        .datepicker-dialog .next-year:hover {
            border-width: 1px;
            border-color: #ff8c00;
        }

    .datepicker-dialog table.dates {
        width: 320px;
        margin: 0 5px;
        border-collapse: separate;
    }

        .datepicker-dialog table.dates tr {
            border: 5px solid #fff;
        }

        .datepicker-dialog table.dates th,
        .datepicker-dialog table.dates td {
            font-size: .9em;
            font-weight: 700;
            text-align: center;
        }

        .datepicker-dialog table.dates td {
            padding: 3px;
            width: 40px;
            height: 40px;
            background-color: #e9e9ed;
            border: inherit;
            border-radius: 3px;
        }

            /* td non attivi */
            .datepicker-dialog table.dates td.disabled {
                background: transparent;
            }

            /* selezionati */
            .datepicker-dialog table.dates td:not(.disabled):hover,
            .datepicker-dialog table.dates td:focus {
                border: 2px solid #ff8c00;
                outline: 0;
            }

            .datepicker-dialog table.dates td:not(.disabled):hover {
                border-width: 1px;
            }

            .datepicker-dialog table.dates td[tabindex="0"] {
                background: #171165;
                color: #fff;
            }

            /* selezionato */
            .datepicker-dialog table.dates td[aria-selected] {
                border: 2px dashed #ff8c00;
            }

                .datepicker-dialog table.dates td[aria-selected]:focus {
                    border: 2px solid #ff8c00;
                }

    .datepicker-dialog .dialog-message {
        background: #171165;
        color: #fff;
        font-size: .7em;
        text-align: center;
        padding: 5px;
    }

    .datepicker-dialog .dialog-ok-cancel-group {
        text-align: right;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-right: 1em;
    }

        .datepicker-dialog .dialog-ok-cancel-group button {
            padding: 6px;
            margin-left: 1em;
            background-color: #e9e9ed;
            font-size: 0.85em;
            text-transform: uppercase;
            outline: none;
            border-radius: 3px;
            border: 2px solid transparent;
        }

    .datepicker-dialog .dialog-button:hover {
        border: 1px solid #ff8c00;
        padding: 7px;
    }

    .datepicker-dialog .dialog-button:focus {
        border: 2px solid #ff8c00;
    }