.valid-err {
    color: #e11d48;
    font-size: 15px;
    margin-top: 6px;
    display: none;
}

/* ui-datepicker */
.ui-datepicker {
    z-index: 91 !important;
}

.ui-datepicker input,
.ui-datepicker select {
    height: auto !important;
    line-height: normal !important;
    padding: 2px 4px !important;
    width: auto !important;
    background: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.ui-datepicker .ui-state-highlight {
    background: var(--primaryColor) !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../img/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../img/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../img/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../img/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../img/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("../img/ui-icons_777777_256x240.png");
}

.pop_viewer .pop_layer .pop_con {
    height: calc(100% - 12.3333vw);
    gap: 4vw;
}