/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap'); */

.wfr-ui-widget-datepicker
{
    --wfr_dtpckr_uiHue: 259;
    --wfr_dtpckr_baseFontSize: 12px;
    background-color: hsl(var(--wfr_dtpckr_uiHue), 38%, 99%);
    /* background: linear-gradient(-45deg, hsl(var(--wfr_dtpckr_uiHue), 38%, 99%), hsl(var(--wfr_dtpckr_uiHue), 38%, 98%),hsl(var(--wfr_dtpckr_uiHue), 38%, 99%)); */
    border: 2px solid hsl(var(--wfr_dtpckr_uiHue), 38%, 95%);
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    font-size: var(--wfr_dtpckr_baseFontSize);
    font-family: 'Source Sans Pro', sans-serif;
    height: auto;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 0px;
    user-select: none;
    width: auto;
    z-index: 9999 !important;
}

.wfr-ui-widget-datepicker.style_1
{
    background-color: hsl(var(--wfr_dtpckr_uiHue), 58%, 99%) !important;
    border: 1px solid hsl(var(--wfr_dtpckr_uiHue), 58%, 96%) !important;
    border-top: 2px solid hsl(var(--wfr_dtpckr_uiHue), 58%, 60%) !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.wfr-ui-widget-datepicker.style_2
{
    background-color: hsl(var(--wfr_dtpckr_uiHue), 58%, 99%) !important;
    border: 2px solid hsl(var(--wfr_dtpckr_uiHue), 38%, 65%) !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.wfr-ui-widget-datepicker.style_3
{
    background-color: hsl(var(--wfr_dtpckr_uiHue), 58%, 99%) !important;
    border: 2px solid hsl(220, 3%, 80%) !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.wfr_dtpckr_control_arrow
{
    color: hsl(var(--wfr_dtpckr_uiHue), 38%, 85%);
    cursor: pointer;
    font-size: 1.6em;
    font-weight: bold;
    height: 1.6em;
    line-height: 1.6em;
    margin:0px 5px 0px 5px;
    transition: all 0.2s;
}

.wfr_dtpckr_control_arrow:hover
{ color: hsl(var(--wfr_dtpckr_uiHue), 38%, 65%); }

.style_3 .wfr_dtpckr_control_arrow
{ color: hsl(var(--wfr_dtpckr_uiHue), 0%, 85%); }

.style_3 .wfr_dtpckr_control_arrow:hover
{ color: hsl(var(--wfr_dtpckr_uiHue), 0%, 65%); }

.wfr_dtpckr_month_label
{
    color: hsl(var(--wfr_dtpckr_uiHue), 0%, 25%);
    cursor: pointer;
    font-size: 1.3em;
    font-weight: bold;
    height: 2em;
    letter-spacing: 0px;
    line-height: 2em;
    transition: all 0.2s;
}

.wfr_dtpckr_month_label:hover
{ color: hsl(var(--wfr_dtpckr_uiHue), 0%, 0%); }

.wfr_dtpckr_day_of_week
{
    color: hsl(var(--wfr_dtpckr_uiHue), 0%, 45%);
    display: inline-block;
    font-size: 1em;
    height: 2.3em;
    line-height: 2.3em;
    margin: 0px;
    padding: 0px;
    text-align: center;
    user-select: none;
    width: 2.3em;
}

.wfr_dtpckr_day_in_month, .wfr_dtpckr_day_out_of_month
{
    border-radius: 2.3em;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    height: calc(2.3em - 2px);
    line-height: calc(2.3em - 2px);
    margin: 1px;
    padding: 0px;
    text-align: center;
    transition: all 0.2s;
    user-select: none;
    width: calc(2.3em - 2px);
}

.wfr_dtpckr_day_out_of_month
{ color: hsl(var(--wfr_dtpckr_uiHue), 0%, 65%); }

.wfr_dtpckr_day_in_month
{ color: hsl(var(--wfr_dtpckr_uiHue), 38%, 45%); }

.wfr_dtpckr_day_in_month:hover, .wfr_dtpckr_day_out_of_month:hover
{ background-color: hsl(var(--wfr_dtpckr_uiHue), 38%, 95%); }

.wfr_dtpckr_current_date
{
    color: hsl(var(--wfr_dtpckr_uiHue), 0%, 100%) !important;
    font-weight: bold;
    background-color: hsl(var(--wfr_dtpckr_uiHue), 38%, 55%) !important;
}

.wfr_dtpckr_flex_row
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
}