/*BEGIN: temporary*/

table.ui-datepicker-calendar th, 
table.ui-datepicker-calendar th > span {
    text-overflow: initial;
}

.datepicker-wrap {
    white-space: nowrap;
}

.datepicker-wrap.disabled button {
    display: none;
}

.ui-datepicker th > span {
    border: none;
}

.ui-datepicker-title select {
    width: auto !important;
    display: table-row;
}

.ui-datepicker-calendar {

    border: 1px solid #ddd;
   
}

table.ui-datepicker-calendar > tbody > tr:nth-child(odd) {
    background-color: var(--content-bg-color);
}

table.ui-datepicker-calendar > tbody > tr > td > a {
    text-decoration: none;
    cursor: pointer;
    color: var(--input-color);
}

table.ui-datepicker-calendar > tbody {
    cursor: pointer;
}

table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-other-month > a {
    color: #aaa;
}

.ui-datepicker-current-day {
    font-weight: bold;
    background-color: #FFE7BB;
}

.datepicker-wrap .datepicker, 
.editor-field .datepicker {
    margin-right: -23px;
}

.lineedit .datepicker {
    margin-right: -17px;
}

.ui-datepicker-year {
    margin-left: 2px;
}

table.ui-datepicker-calendar > thead > tr > th {
    height: 32px;
    font-size: 15px;
    text-overflow: unset;
    background-color: #eee;
}

span.ui-icon.ui-icon-circle-triangle-w, 
span.ui-icon.ui-icon-circle-triangle-e {
    display: none;
}

/*END: temporary*/


td > .date-widget-scope-2020 > .date_input {
    background-color: transparent;
    border-color: transparent;
    color: var(--main-txt-color);
}

.date-widget-scope-2020 {
    position: relative;
    width: 100%;
}

.date-widget-scope-2020 * {
    box-sizing: border-box;
}

.date-widget-scope-2020 > button.ui-datepicker-trigger,
.date-widget-scope-2020 > button.ui-datepicker-trigger:hover {
    font-size: 13px;
    padding: 0;
    margin: 0px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    background-image: none;
    border: none;
    outline: none;
    cursor: pointer;
    text-indent: 0px;
    text-shadow: none;
    box-shadow: none;
    width: 36px !important;
    height: 36px !important;
    background-position: center center;
}

    .date-widget-scope-2020 .date_input {
        line-height: 22px;
        height: 36px;
        width: 100%;
        /*font-family: "Droid Sans", sans-serif;*/
        font-family: "Inter", sans-serif;
        font-size: 14px;
        padding: 0px 10px;
        border-width: 1px;
        border-style: solid;
        outline: none;
    }

.date-widget-scope-2020 .date_input.loading {
    /*min-height: 24px;*/
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-color: transparent !important;
}

.date-widget-scope-2020 .icon-calendar:before {
    content: '';
}

.date-widget-scope-2020 .icon-calendar {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/Resources/Internal/Images/2020/icon-calendar-small-green.svg) !important;
}

.date-widget-scope-2020 .icon-calendar:disabled, .date-widget-scope-2020[readonly] .icon-calendar {
    filter: grayscale(100%);
    cursor: default !important;
    opacity: 0.5;
}

/*BEGIN: js generated and absolutely positioned datepicker main div*/

.date-widget-scope-2020.datepicker-div {
    font-family: 'Open Sans', sans-serif;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 10px;
    margin-top: -1px;
    width: 250px;
    display: none;
    color: var(--tooltip-color);
    background-color: var(--content-bg-color);
    border-color: var(--dropdown-border);
    box-shadow: 0px 10px 20px var(--loader-shadow); /*new*/
}

/*END: js generated and absolutely positioned datepicker main div*/


/*BEGIN: ui-datepicker-header div*/

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header {
    text-align: center;
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > div.ui-datepicker-title > select.ui-datepicker-month,
.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > div.ui-datepicker-title > select.ui-datepicker-year {
    height: 36px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--input-border-color);
    padding-left: 6px;
    padding-right: 6px;
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > div.ui-datepicker-title > select.ui-datepicker-month {
    width: 110px !important;
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > div.ui-datepicker-title > select.ui-datepicker-year {
    margin-left: 2px;
    width: 70px !important;
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-prev,
.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-next {
    margin-top: 3px;
    cursor: pointer;
                
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--calendar-ui-arrow-bg) !important;
    border-radius: 15px;
    width: 30px;
    height: 30px;
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-prev {
    float: left;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-left-green.svg);
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-next {
    float: right;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-right-green.svg);
}

.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-prev > span.ui-icon-circle-triangle-w,
.date-widget-scope-2020.datepicker-div > div.ui-datepicker-header > a.ui-datepicker-next > span.ui-icon-circle-triangle-e {
    display: none;
}

/*END: ui-datepicker-header div*/


/*BEGIN: ui-datepicker-calendar table*/

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar {
    width: 250px;
    height: 217px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--input-border-color);
    text-align: center;
    margin-top: 5px;
    background-color: var(--content-bg-color);
}


.date-widget-scope-2020 .ui-datepicker-calendar tr > * {
    width: 24px;
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > thead > tr > th {
    height: 32px;
    font-size: 14px;
    text-overflow: unset;
    background-color: var(--calendar-ui-header);
}


.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > thead > tr > th > span {
    text-overflow: unset;
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody {
    cursor: pointer;
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td {
    border: 1px solid var(--content-bg-color);
    height: 32px;
    font-size: 14px;
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td > a {
    text-decoration: none;
}

    /**********************/
    /***GREENERY-3 THEME***/
    /**********************/

    .date-widget-scope-2020 > button.ui-datepicker-trigger,
    .date-widget-scope-2020 > button.ui-datepicker-trigger:hover {
        color: #000;
    }

    .date-widget-scope-2020 .date_input {
        border-color: var(--input-border-color);
        background: var(--input-bg-color);
        color: var(--input-color);
    }

        .date-widget-scope-2020 .date_input:hover,
        .date-widget-scope-2020 .date_input:active {
            border-color: #2EB336;
        }

        .date-widget-scope-2020 .date_input:disabled:hover {
            border: 1px solid var(--input-border-disabled-light);
        }


    /*BEGIN: js generated and absolutely positioned datepicker main div*/

        /*END: js generated and absolutely positioned datepicker main div*/

        /*BEGIN: ui-datepicker-header div*/
        


        /*END: ui-datepicker-header div*/


        /*BEGIN: ui-datepicker-calendar table*/
           

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td > a {
    color: var(--input-color);
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-week-end > a {
    color: #FF6A6A;
} /*new*/

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active {
    border: 1px solid #DFE1E6;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    display: table-cell;
    vertical-align: middle;
} /*new*/

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-other-month > a {
    color: #aaa;
}

.date-widget-scope-2020.datepicker-div > table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day {
    background-color: var(--content-bg-color);
    font-weight: normal;
}

#js-event-calendar-div .ui-widget-content {
    margin: 0px auto;
}
/*END: ui-datepicker-calendar table*/
.date-widget-scope-2020:not(#js-payout-date-widget) .hasDatepicker:read-only, .date-widget-scope-2020:not(#js-payout-date-widget) .hasDatepicker:read-only:hover {
    border-width: var(--theme-input-disable-border-size);
    /*   background: #f4f5f9 !important;*/
}