@charset "utf-8";

.ui-datepicker-trigger { cursor: pointer; display: block; position: absolute; top: 50%; right: 5px; padding: 0; width: 32px; height: 36px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; overflow: hidden; transform: translateY(-50%); }
.ui-datepicker-trigger .calendar-icon { display: block; height: 100%; background: url(../img/img-calender.png) no-repeat center / 23px; }

.ui-datepicker { display: none; margin-top: 8px; padding: 0 0 4px; width: 280px; font-family: inherit; font-weight: normal; font-weight: 400; font-size: 14px; color: #4a4a4a; border: 1px solid #dbdbdb; background: #fff; border-radius: 4px; z-index: 100 !important; }
.ui-datepicker-header { position: relative; padding: 0 4px; height: 40px; font-size: 14px; border-bottom: 1px solid #efefef; }
.ui-datepicker-header .ui-datepicker-title { display: flex; align-items: center; justify-content: center; gap: 10px; height: 100%; font-weight: 400; text-align: center; }
.ui-datepicker-header .ui-datepicker-title select { width: auto; height: 30px; background-color: #fff; border: 0; }
.ui-datepicker-header > a { cursor: pointer; position: absolute; top: 0; width: 32px; height: calc(100% - 1px); padding: 4px 0; text-align: center; }
.ui-datepicker-header .ui-datepicker-prev { left: 4px; }
.ui-datepicker-header .ui-datepicker-next { right: 4px; }
.ui-datepicker-header > a span { display: block; height: 100%; line-height: 32px; font-size: 0; text-align: center; border-radius: 4px; background-color: #fff; }
.ui-datepicker-header > a span:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -5px; width: 10px; height: 10px; border: solid #555; border-width: 2px 2px 0 0; border-radius: 1px; opacity: inherit; }
.ui-datepicker-header .ui-datepicker-prev span:after { left: 0; margin-left: 12px; transform: rotate(-135deg); }
.ui-datepicker-header .ui-datepicker-next span:after { right: 0; margin-right: 12px; transform: rotate(45deg); }
.ui-datepicker-header > a.ui-state-disabled { cursor: default; }
.ui-datepicker-header > a.ui-state-disabled span { opacity: 0.3; }
.ui-datepicker-header > a:not(.ui-state-disabled):hover span { background-color: #f0f0f0; }

.ui-datepicker-calendar { margin-top: 5px; width: 100%; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { position: relative; text-align: center; }
.ui-datepicker-calendar th { padding: 0 5px; height: 30px; line-height: 30px; color: #ff9a19; }
.ui-datepicker-calendar th:first-child, .ui-datepicker-calendar td:first-child { padding-left: 4px }
.ui-datepicker-calendar th:last-child, .ui-datepicker-calendar td:last-child { padding-right: 4px; }
.ui-datepicker-calendar td:first-child a { padding-left: 0; color: #d00000; }
.ui-datepicker-calendar td.ui-datepicker-unselectable:after { display: none; }
.ui-datepicker-calendar th span { width: 100%; height: 100%; display: inline-block; }
.ui-datepicker-calendar td { padding: 2px 4px; text-align: center; }
.ui-datepicker-calendar tbody tr td > * { height: 32px; line-height: 32px; }
.ui-datepicker-calendar tbody tr:last-child td > * { margin-bottom: 4px; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar span { display: block; }
.ui-datepicker-calendar td a { color: #4a4a4a; border-radius: 4px; }
.ui-datepicker-calendar td a:hover { color: #fff !important; background: #1742d1; background: rgba(66, 133, 244, .8); }

.ui-datepicker-calendar td.ui-datepicker-other-month { border-bottom: 0 none !important; }
.ui-datepicker-calendar td.ui-state-disabled { color: #dedede; }

.ui-datepicker-calendar td a.ui-state-active { position: relative; color: #fff; background: #1742d1; }
.ui-datepicker-calendar td.ui-datepicker-today a { font-weight: bold; font-weight: 500; color: #1742d1; }
.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active { color: #fff; }

.ui-datepicker-calendar td.disabled a { color: #ccc; background-color: #fff; }

.ui-datepicker-buttonpane { padding: 4px 4px 0; text-align: center; border-top: 1px solid #efefef; overflow: hidden; }
.ui-datepicker-buttonpane .ui-state-default { display: inline-block; width: 50%; height: 32px; font-size: 13px; color: #555; border: none; outline: none; background: #fff; border-radius: 4px; }
.ui-datepicker-buttonpane .ui-state-default:hover { color: #4a4a4a; background: #f0f0f0; }
.ui-datepicker-close { display: none !important; }