.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-radius : var(--default-border-radius);
}

.ui-dialog .ui-dialog-titlebar{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-dialog{
    padding: 0;
}

.ui-dialog .ui-dialog-buttonpane{
    border-bottom-left-radius: var(--default-border-radius);
    border-bottom-right-radius: var(--default-border-radius);
}

.ui-widget-header{
    border: 0;
    color: var(--light-text-color);
    font-weight: 500;
    background-color: var(--main-gold-color);
}

.ui-widget.ui-widget-content{
    border: 0;
}

.ui-state-hover:not(.ui-state-highlight),
.ui-widget-content .ui-state-hover:not(.ui-state-highlight),
.ui-widget-header .ui-state-hover:not(.ui-state-highlight),
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus,
.ui-state-default:not(.ui-state-highlight),
.ui-widget-content .ui-state-default:not(.ui-state-highlight),
.ui-widget-header .ui-state-default:not(.ui-state-highlight),
.ui-button,
.ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
    background-color: var(--main-gold-color);
    color: var(--light-text-color);
}

.layout_v4 .ui-datepicker.ui-widget-content{
    box-shadow: var(--box-shadow);
    padding: 0.5rem;
    font-size: 0.9rem;
}



.layout_v4 select.ui-datepicker-month:first-child{
    margin-right: 0.2rem;
}

.layout_v4 select.ui-datepicker-month,
.layout_v4 .ui-datepicker select.ui-datepicker-year{
    font-size: 0.8rem;
    appearance: auto;
    background-image: none;
    color: var(--body-text-color);
    padding: 0.2rem 0.5rem;
}

.layout_v4 .ui-datepicker .ui-datepicker-prev,
.layout_v4 .ui-datepicker .ui-datepicker-next{
    top: 50%;
    transform: translateY(-50%);
}

.layout_v4 .ui-widget-content td > .ui-state-default{
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background-color: transparent;
    padding: 0;
    border: 0;
    color: var(--body-text-color);
    text-align: center;
    border-radius: 50%;
    transition: background-color 300ms ease;
}

.layout_v4 .ui-datepicker th{
    font-weight: 500;
}

.layout_v4 .ui-widget-content td > .ui-state-default:hover{
    background-color: rgba(0,0,0, 0.1);
    color: var(--body-text-color);
}

.layout_v4 .ui-widget-content td > .ui-state-highlight{
    background-color: var(--green-color);
    color: var(--arrow-light-bg-color);
}

.layout_v4 .ui-widget-content td > .ui-state-active{
    background-color: var(--blue-color);
    color: var(--arrow-light-bg-color);
}

.layout_v4 .ui-datepicker-buttonpane{
    font-size: 0.8rem;
}

.layout_v4 .ui-priority-secondary{
    opacity: 1;
}

.layout_v4 .ui-datepicker-close {
    font-weight: 400;
}

html.dark .ui-widget-content{
    border-color: var(--line-color);
    background: var(--body-bg-color);
    color: var(--body-text-color);
}