@charset "utf-8";

.datepicker_wrap { display: flex; gap: 2px; align-items: center; }
div.datepicker { position: relative; }
.ui-datepicker .ui-datepicker-title select { margin: 1px 0; font-size: 14px; font-weight: 400; line-height: 22px; cursor: pointer; }
input.datepicker { width: 115px; height: 36px; padding-right: 28px; border: 1px solid #DDE3E8; border-radius: 6px; font-size: 13px; cursor: pointer; }
button.ui-datepicker-trigger { position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; text-indent: -999999px; background: url('../images/date/ico_datepicker_candler.svg') no-repeat center; transform: translate(0, -50%); background-size: 100%; }
input.datepicker::placeholder { color: #aaa; font-size: 14px; font-weight: 500; line-height: 17px; }
input.hasDatepicker { padding-left: 10px; }
.ui-datepicker { position: relative; width: 245px; margin-top: 9px; padding: 0 8px; border-radius: 4px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15); }
.ui-datepicker::before { content: ''; position: absolute; bottom: 100%; left: 20px; width: 0px; height: 0px; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; }
.ui-widget.ui-widget-content { color: #666; font-size: 13px; font-weight: 600; line-height: 16px; border: none; }
.ui-datepicker-header { border: none; background: #fff; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 5px 0; }
.ui-datepicker .ui-datepicker-header::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 245px; height: 1px; background: #eee; transform: translate(-50%, 0); }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { border-collapse: inherit; }
.ui-icon, .ui-widget-content .ui-icon { background-image: none; }
.ui-icon { width: 12px; height: 12px; }
.ui-datepicker-prev .ui-icon-circle-triangle-w { position: absolute; top: 50%; left: 50%; width: 6px; height: 8px; margin: 0; background: url('../images/date/arrow.svg') no-repeat center; transform: translate(-50%, -50%); background-size: 100% }
.ui-datepicker-next .ui-icon-circle-triangle-e { position: absolute; top: 50%; left: 50%; width: 6px; height: 8px; background: url('../images/date/arrow.svg') no-repeat center; transform: translate(-50%, -50%) rotate(-180deg); background-size: 100%; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { margin: 0; }
.ui-datepicker .ui-datepicker-prev { position: absolute; top: 50%; left: 11px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; right: 11px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 12px; height: 12px; transform: translate(0, -50%); }
.ui-datepicker table { margin-bottom: 8px; }
.ui-datepicker .ui-datepicker-title { display: flex; justify-content: space-between; align-items: center; margin: 0 43px; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { position: relative; width: auto; height: 22px; padding-right: 24px; border: none; text-align: center; background: url('../images/date/select.svg') no-repeat right 50%; transition: all .2s; background-size: 16px auto; appearance: none; }
.ui-datepicker select.ui-datepicker-month:hover,
.ui-datepicker select.ui-datepicker-year:hover { background: url('../images/date/select_h.svg') no-repeat right 50%; background-size: 16px auto; }
select.ui-datepicker-year { order: 1; }
.ui-state-default, .ui-widget-content .ui-state-default { border: none; text-align: center; background: none; color: #222; }
.ui-datepicker .ui-state-default:hover { background-color: rgba(0, 181, 213, 0.1) !important; }
.ui-datepicker td a { padding: 4px 0; }
.ui-datepicker td { padding: 6px 4px; cursor: pointer; }
.ui-datepicker td:hover .ui-state-default,
.ui-datepicker td.ui-datepicker-week-end:hover .ui-state-default { border-radius: 4px; background: rgba(0, 114, 187, 0.1); }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { width: 16px; height: 16px; border-radius: 4px; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { border: none; background: none; }
.ui-datepicker .ui-datepicker-prev:hover .ui-icon-circle-triangle-w { display: inline-block; width: 100%; height: 100%; background: url('../images/date/select.svg') no-repeat center; transform: translate(-50%, -50%) rotate(90deg); background-size: 16px auto; }
.ui-datepicker .ui-datepicker-next:hover .ui-icon-circle-triangle-e { display: inline-block; width: 100%; height: 100%; background: url('../images/date/select.svg') no-repeat center; transform: translate(-50%, -50%) rotate(-90deg); background-size: 16px auto; }
.ui-datepicker tr td .ui-state-default.ui-state-active { border-radius: 4px; color: #fff; background: #00B5D5; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { border-radius: 4px; color: #222; background: inherit; }
td.ui-datepicker-week-end:last-child .ui-state-default { color: #00B5D5; }
td.ui-datepicker-week-end:first-child .ui-state-default { color: #EF4D4D; }