@charset "utf-8";

.datepicker-iconfont { color: rgb(75, 75, 77); cursor: default; }

.datepicker-iconfont::before { display: inline-block; font-size: 22px; }

.datepicker-iconfont:hover { color: rgb(25, 25, 26); }

.datepicker--icon-left, .datepicker--icon-left-d, .datepicker--icon-right, .datepicker--icon-right-d { display: flex; -webkit-box-align: center; align-items: center; font-size: 12px; height: 28px; padding: 6px; width: 28px; }

.datepicker--icon-left-d:hover, .datepicker--icon-left:hover, .datepicker--icon-right-d:hover, .datepicker--icon-right:hover { background-color: rgb(242, 242, 242); border-radius: 3px; color: rgb(75, 75, 77); font-weight: 400; }

.datepicker--icon-left { margin-left: 5%; }

@media (max-width: 414px) {
  .datepicker--icon-left { margin-left: 10%; }
}

.datepicker--icon-right { margin-right: 5%; }

@media (max-width: 414px) {
  .datepicker--icon-right { margin-right: 10%; }
}

.date-picker { color: rgb(68, 68, 68); display: inline-block; vertical-align: middle; }

.date-picker:active .date-picker--container, .date-picker:focus .date-picker--container { border: 1px solid rgb(25, 25, 26); border-radius: 3px; }

.date-picker:active .date-picker--container .date-picker--icon-calendar, .date-picker:focus .date-picker--container .date-picker--icon-calendar { color: rgb(25, 25, 26); }

.date-picker:hover .date-picker--icon-calendar { color: rgb(25, 25, 26); }

.date-picker .fs-popover { height: 42px; margin-left: 0px; }

.date-picker .fs-popover .trigger { height: 42px; }

.date-picker input { background-color: rgb(255, 255, 255); border: none; box-sizing: border-box; color: rgb(25, 25, 26); cursor: pointer; float: left; height: 100%; min-width: 0px; outline: none; padding: 0px; text-align: center; width: 100%; }

.date-picker--value-wrapper { display: inline-block; width: 100%; -webkit-box-flex: 1; flex-grow: 1; position: relative; }

.date-picker--value-wrapper input { pointer-events: none; }

.date-picker-linkage { background-color: rgb(247, 247, 247); border-top: 1px solid rgb(229, 229, 229); cursor: default; height: 37px; left: calc(50% - 16px); position: absolute; top: 44px; width: 32px; }

.date-picker--container { background-color: rgb(255, 255, 255); border: 1px solid rgb(220, 223, 230); border-radius: 4px; box-sizing: border-box; height: inherit; overflow: hidden; }

.date-picker--border { border: 1px solid rgb(25, 25, 26); }

.date-picker--popper, .date-picker--popper-reference { height: 100%; }

.date-picker--popper-arrow { overflow: hidden; position: absolute; z-index: 1; }

.date-picker--popper-arrow::before { box-sizing: border-box; content: ""; height: 100%; position: absolute; width: 100%; z-index: -1; }

.date-picker--popper-arrow::after { box-shadow: rgba(159, 157, 157, 0.45) 0px 0px 3px 1px; box-sizing: border-box; content: ""; height: 16px; position: absolute; transform: rotate(45deg); width: 16px; z-index: 1; }

.date-picker--popper-body { display: flex; position: relative; text-align: center; z-index: 0; }

.date-picker--popper-footer { display: none; white-space: break-spaces; word-break: break-all; }

.date-picker--box { box-sizing: border-box; min-width: 276px; }

@media (max-width: 414px) {
  .date-picker--box, .date-picker--box .date-picker--table { width: 100%; }
}

.date-picker--range .date-picker--container input { border: none; }

.date-picker--range .date-picker--box:nth-of-type(2) { border-left: 1px solid rgb(229, 229, 229); z-index: 3; }

@media (max-width: 414px) {
  .date-picker--range .date-picker--box .date-picker--panel-month .date-picker--table .date-picker--table-body { border-bottom: 1px solid rgb(229, 229, 229); }
}

.date-picker--range-begin, .date-picker--range-end, .date-picker--range-separator { display: flex; }

.date-picker--range-separator { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; }

.date-picker--range-separator::after { background-color: rgb(160, 160, 160); content: " "; display: block; height: 1px; width: 8px; }

.date-picker--clear { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 12px; flex-shrink: 0; margin-left: 12px; }

.date-picker--clear-button { color: rgb(112, 112, 112); cursor: pointer; display: inline-block; font-size: 12px; text-align: center; user-select: none; }

.date-picker--clear-button::before { font-size: 14px; }

.date-picker--empty .date-picker--clear-button { color: rgb(224, 224, 224); font-size: 12px; }

.datepicker--icon-close-hidden { display: none; }

.datepicker--button-confirm:hover { background-color: rgba(25, 25, 26, 0.04); }

.datepicker--button-notConfirm { background-color: rgb(255, 255, 255); color: rgb(192, 196, 204); cursor: not-allowed; border-color: rgb(235, 238, 245) !important; }

.date-picker--shortcuts { box-sizing: border-box; overflow: hidden; position: relative; }

.date-picker--shortcuts-button { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); border-left: 1px solid rgb(234, 234, 234); border-image: initial; border-right: none; color: rgb(85, 85, 85); cursor: pointer; display: block; font-size: 14px; margin-bottom: -1px; outline: none; overflow: hidden; padding: 10px 5px; text-overflow: ellipsis; white-space: nowrap; width: 80px; word-break: keep-all; }

.date-picker--shortcuts-button:active, .date-picker--shortcuts-button:hover { color: rgb(19, 125, 226); }

.date-picker--shortcuts { border-right: 1px solid rgb(234, 234, 234); float: left; height: 340px; }

.date-picker--icon { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; flex-shrink: 0; }

.date-picker--icon::before { content: ""; }

.date-picker--icon-calendar { color: rgb(112, 112, 112); padding: 0px 12px; }

.date-picker--icon-focus { color: rgb(25, 25, 26); }

.date-picker--time .date-picker--icon::before { content: ""; }

.date-picker--datetime .date-picker--icon::before { content: ""; display: flex; height: 16px; width: 16px; -webkit-box-align: center; align-items: center; }

.date-picker--panel-title { position: relative; }

.date-picker--year:not(.date-picker--custom-render) { width: 90px; }

.date-picker--year:not(.date-picker--custom-render).date-picker--range { width: 180px; }

.date-picker--month:not(.date-picker--custom-render) { width: 100px; }

.date-picker--month:not(.date-picker--custom-render).date-picker--range { width: 250px; }

.date-picker--date:not(.date-picker--custom-render), .date-picker--quarter:not(.date-picker--custom-render), .date-picker--week:not(.date-picker--custom-render) { width: 150px; }

.date-picker--date:not(.date-picker--custom-render) input, .date-picker--quarter:not(.date-picker--custom-render) input, .date-picker--week:not(.date-picker--custom-render) input { padding-left: 12px; text-align: left; }

.date-picker--date:not(.date-picker--custom-render).date-picker--range, .date-picker--quarter:not(.date-picker--custom-render).date-picker--range, .date-picker--week:not(.date-picker--custom-render).date-picker--range { width: 250px; }

.date-picker--time:not(.date-picker--custom-render) { width: 100px; }

.date-picker--time:not(.date-picker--custom-render).date-picker--range { width: 180px; }

.date-picker--datetime:not(.date-picker--custom-render) { width: 180px; }

.date-picker--datetime:not(.date-picker--custom-render).date-picker--range { width: 320px; }

.date-picker--mini:not(.date-picker--custom-render) { height: 22px; line-height: 22px; }

.date-picker--mini:not(.date-picker--custom-render) .date-picker--icon::before { font-size: 16px; }

.date-picker--small:not(.date-picker--custom-render) { height: 26px; line-height: 26px; }

.date-picker--small:not(.date-picker--custom-render) .date-picker--icon::before { font-size: 16px; }

.date-picker--normal:not(.date-picker--custom-render) { height: 42px; line-height: 42px; }

.date-picker--normal:not(.date-picker--custom-render) .date-picker--icon::before { font-size: 16px; }

.date-picker--large:not(.date-picker--custom-render) { height: 40px; line-height: 40px; }

.date-picker--large:not(.date-picker--custom-render) .date-picker--icon::before { font-size: 20px; }

.date-picker--container { display: flex; }

.date-picker--panel-month .date-picker--panel-header .date-picker--panel-header-content, .date-picker--panel-year .date-picker--panel-header .date-picker--panel-header-content { font-weight: 600; }

.date-picker--panel-month .date-picker--panel-value--lunar, .date-picker--panel-year .date-picker--panel-value--lunar { margin-top: 0px; transform: scale(0.9); }

.date-picker--panel-year .date-picker--panel-header { height: 52px; }

.date-picker--panel-year .date-picker--panel-header .date-picker--panel-header-content span { display: inline-block; margin: 7px 10px; }

.date-picker--panel-month .date-picker--panel-body .date-picker--table, .date-picker--panel-year .date-picker--panel-body .date-picker--table { height: 268px; }

@media (max-width: 414px) {
  .date-picker--panel-month .date-picker--panel-body .date-picker--table, .date-picker--panel-year .date-picker--panel-body .date-picker--table { height: 360px; }
}

.date-picker--panel-month .date-picker--panel-body .date-picker--panel-value-date, .date-picker--panel-year .date-picker--panel-body .date-picker--panel-value-date { height: 28px; width: 33.3333%; z-index: 2; }

@media (max-width: 414px) {
  .date-picker--panel-month .date-picker--panel-body .date-picker--panel-value-date, .date-picker--panel-year .date-picker--panel-body .date-picker--panel-value-date { height: 46px; }
}

.date-picker--panel-month .date-picker--panel-body .date-picker--panel-value, .date-picker--panel-year .date-picker--panel-body .date-picker--panel-value { height: 100% !important; width: 100% !important; }

.date-picker--panel-year .date-picker--panel-body .date-picker--panel-value-date { width: 25%; }

.date-picker--panel-quarter .date-picker--table-body .date-picker--table-row, .date-picker--panel-week .date-picker--table-body .date-picker--table-row { border-radius: 20px; color: inherit; transition: color 312ms, background-color 312ms; }

.date-picker--panel-quarter .date-picker--table-body .date-picker--table-row .date-picker--panel-value:not(.date-picker--panel-value-disabled), .date-picker--panel-week .date-picker--table-body .date-picker--table-row .date-picker--panel-value:not(.date-picker--panel-value-disabled) { background-color: transparent; }

.date-picker--panel-quarter .date-picker--table-body .date-picker--table-row-active .date-picker--panel-value:not(.date-picker--panel-value-disabled), .date-picker--panel-week .date-picker--table-body .date-picker--table-row-active .date-picker--panel-value:not(.date-picker--panel-value-disabled) { color: inherit; }

.date-picker--panel-quarter .date-picker--table-body .date-picker--table-row:hover, .date-picker--panel-week .date-picker--table-body .date-picker--table-row:hover { background-color: rgba(19, 125, 226, 0.15); }

.date-picker--table + .date-picker--panel-time { border-top: 1px solid rgb(237, 237, 237); padding-top: 5px; }

.date-picker--table + .date-picker--panel-time .date-picker--panel-time--value { position: relative; }

.date-picker--table + .date-picker--panel-time .date-picker--panel-time--value:hover .date-picker--panel-time-wheel { display: block; }

.date-picker--table + .date-picker--panel-time .date-picker--panel-time--value:hover > span:first-child { color: rgb(25, 25, 26); }

.date-picker--table + .date-picker--panel-time .date-picker--panel-time-wheel { background-color: rgb(255, 255, 255); bottom: 40px; display: none; left: -10px; position: absolute; width: 80px; }

.date-picker--table + .date-picker--panel-time .date-picker--panel-time-wheel::after { border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-style: solid; border-width: 4px; bottom: -4px; box-shadow: rgb(221, 221, 221) 2px 2px 2px 1px; content: ""; display: block; left: 36px; position: absolute; transform: rotate(45deg); }

.date-picker--panel-time--body { display: flex; margin: 0px auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; line-height: 24px; }

.date-picker--panel-time--value { padding: 10px 0px; text-align: center; width: 60px; }

.date-picker--panel-time--value > span:first-child { color: rgb(25, 25, 26); display: inline-block; font-size: 16px; }

.date-picker--panel-time--sep { flex-shrink: 0; padding: 10px 0px; width: 0px; }

.date-picker--panel-time-wheel { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px; }

.date-picker--panel-time-wheel-value { background: rgb(247, 247, 247); border: 1px solid rgb(247, 247, 247); color: rgb(25, 25, 26); padding: 2px 0px; }

.date-picker--panel-time-wheel-next, .date-picker--panel-time-wheel-prev { color: rgb(170, 170, 170); }

.date-picker--panel-time-wheel-next > span, .date-picker--panel-time-wheel-prev > span { border: 1px solid rgb(238, 238, 238); display: block; }

.date-picker--panel-time-wheel-next > span:not(.date-picker--panel-value-disabled):hover, .date-picker--panel-time-wheel-prev > span:not(.date-picker--panel-value-disabled):hover { color: rgb(25, 25, 26); }

.date-picker--panel-time-wheel-next > span:last-child, .date-picker--panel-time-wheel-prev > span:first-child { border: 1px solid rgb(247, 247, 247); color: rgb(204, 204, 204); }

.date-picker--panel-time-wheel-next-button, .date-picker--panel-time-wheel-prev-button { cursor: pointer; }

.date-picker--datetime .date-picker--panel-time { border-bottom: 1px solid rgb(229, 229, 229); }

.date-picker--panel-body { box-sizing: border-box; }

.date-picker--table { border-collapse: collapse; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.date-picker--table, .date-picker--table-body { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.date-picker--table-body { height: 100%; width: 100%; justify-content: space-around; padding: 0px 12px 8px; }

@media (max-width: 414px) {
  .date-picker--table-body { padding: 0px 16px 12px; }
}

.date-picker--table-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.date-picker--table-cell { border: none; cursor: default; padding: 0px; }

.date-picker--table--weeksRow { background-color: rgb(247, 247, 247); cursor: default; padding: 0px 12px; }

@media (max-width: 414px) {
  .date-picker--table--weeksRow { padding: 0px 16px; }
}

.date-picker--table-header { width: 100%; }

.date-picker--table-header .date-picker--table-cell { border: none; color: rgb(25, 25, 26); font-weight: 400; padding: 10px 0px; }

.date-picker--table-header .date-picker--table--weeks { display: flex; height: 36px; width: 36px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

@media (max-width: 414px) {
  .date-picker--table-header .date-picker--table--weeks { width: 14.2857%; }
}

.date-picker--panel-header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(229, 229, 229); color: rgb(25, 25, 26); font-size: larger; height: 52px; padding: 5px 16px; }

@media (max-width: 414px) {
  .date-picker--panel-header { height: 52px; }
}

.date-picker--panel-header .datepicker-iconfont { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; cursor: pointer; justify-content: center; flex-shrink: 0; }

.date-picker--panel-header-next, .date-picker--panel-header-prev { cursor: default; flex-shrink: 0; }

.date-picker--panel-header-month, .date-picker--panel-header-year { cursor: pointer; display: inline-flex; font-weight: 600; height: 28px; margin: 7px 0px; padding: 7px 10px; -webkit-box-align: center; align-items: center; }

.date-picker--panel-header-month:hover, .date-picker--panel-header-year:hover { background-color: rgb(242, 242, 242); border-radius: 3px; color: rgb(25, 25, 26); }

.date-picker--panel-header-container { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.date-picker--panel-header-container span:nth-child(2) { display: flex; }

.date-picker--panel-header-content { -webkit-box-flex: 1; flex: 1 1 0%; text-align: center; }

.date-picker--panel-header-content .date-picker--panel-header-month, .date-picker--panel-header-content .date-picker--panel-header-year { font-weight: 600; }

.date-picker--panel-value { color: rgb(25, 25, 26); display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-clip: padding-box; border: 1px solid transparent; border-radius: 3px; box-sizing: border-box; cursor: pointer; font-size: 14px; margin: 0px auto; }

.date-picker--panel-value:hover { background-color: rgb(242, 242, 242); }

.date-picker--panel-value-active { border-radius: 3px; color: rgb(255, 255, 255); background-color: rgb(75, 75, 77) !important; border: none !important; }

.date-picker--panel-value-active .date-picker--panel-value { background-color: rgb(75, 75, 77) !important; color: rgb(255, 255, 255) !important; }

.date-picker--panel-value-highlight { background-color: rgb(242, 242, 242); }

.date-picker--panel-value-current { border: 1px solid rgb(25, 25, 26); border-radius: 3px; color: rgb(25, 25, 26); display: flex; height: 28px; width: 28px; -webkit-box-align: center; align-items: center; }

@media (max-width: 414px) {
  .date-picker--panel-value-current { height: 44px; }
}

.date-picker--panel-value-current .date-picker--panel-value--lunar { font-weight: 400; }

.date-picker--panel-value-overflow { color: rgb(204, 204, 204); }

.date-picker--panel-value-overflow:hover { color: rgb(25, 25, 26); }

.date-picker--panel-value-overflow .date-picker--panel-value--lunar { color: rgb(170, 170, 170); }

.date-picker--panel-value-month, .date-picker--panel-value-year { height: 28px; margin: 4px; width: calc(25% - 8px); }

@media (max-width: 414px) {
  .date-picker--panel-value-month, .date-picker--panel-value-year { height: 44px; }
}

.date-picker--panel-value-month:hover, .date-picker--panel-value-year:hover { background-color: rgb(242, 242, 242); border-radius: 3px; }

.date-picker--panel-value-month .date-picker--panel-value, .date-picker--panel-value-year .date-picker--panel-value { width: 100%; }

.date-picker--panel-value-month { width: calc(33.3333% - 8px); }

.date-picker--panel-value-date { margin: 4px; }

@media (max-width: 414px) {
  .date-picker--panel-value-date { height: 44px; width: calc(14.2857% - 8px); }
}

.date-picker--panel-value-date .date-picker--panel-value { height: 28px; width: 28px; }

@media (max-width: 414px) {
  .date-picker--panel-value-date .date-picker--panel-value { height: 100%; width: 100%; }
}

.date-picker--panel-value-date:not(.date-picker--panel-value-date-current):not(.date-picker--panel-value-date-active):hover { background-color: rgb(242, 242, 242); border-radius: 3px; color: rgb(25, 25, 26); }

.date-picker--panel-value-date:last-child { margin-right: 0px; }

.date-picker--panel-value-disabled, .date-picker--panel-value-specifieDisabled, .date-picker--panel-value-weekSpeDisabled { background-color: transparent !important; cursor: not-allowed; }

.date-picker--panel-value-disabled .date-picker--panel-value, .date-picker--panel-value-specifieDisabled .date-picker--panel-value, .date-picker--panel-value-weekSpeDisabled .date-picker--panel-value { color: rgb(204, 204, 204); cursor: not-allowed; }

.date-picker--panel-value-disabled .date-picker--panel-value--lunar, .date-picker--panel-value-specifieDisabled .date-picker--panel-value--lunar, .date-picker--panel-value-weekSpeDisabled .date-picker--panel-value--lunar { color: rgb(204, 204, 204); text-shadow: none; }

.date-picker--panel-value-disabled .date-picker--panel-value:hover, .date-picker--panel-value-specifieDisabled .date-picker--panel-value:hover, .date-picker--panel-value-weekSpeDisabled .date-picker--panel-value:hover { background-color: transparent; }

.date-picker--box .date-picker--panel .date-picker--panel-value-afterCurrent::after { height: 0px; width: 0px; }

.date-picker--box .date-picker--panel .date-picker--panel-value-afterCurrentBorder::after { right: -9px; }

.date-picker--panel-value--solar { position: relative; }

.date-picker--panel-value--solar.is-festival::after { background-color: rgb(255, 183, 183); border-radius: 50%; content: ""; display: block; height: 3px; position: absolute; right: -5px; top: 0px; width: 3px; }

.date-picker--table-row .date-picker--panel-value-highlight { position: relative; }

.date-picker--table-row .date-picker--panel-value-highlight::after { background-color: rgb(242, 242, 242); content: ""; height: 28px; position: absolute; right: -8px; top: 0px; width: 8px; }

@media (max-width: 414px) {
  .date-picker--table-row .date-picker--panel-value-highlight::after { height: 44px; }
}

.date-picker--panel-value--lunar { color: rgb(136, 136, 136); display: block; font-size: 12px; margin-top: -5px; transform: scale(0.8); }

.date-picker--panel-value--lunar.is-festival { color: rgb(213, 130, 55); }

.date-picker--panel-value--marker { height: 100%; left: 0px; position: absolute; text-align: left; top: 0px; width: 100%; }