/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ html { --jetlinks-primary-color: #315efb; --jetlinks-primary-color-hover: #5c85ff; --jetlinks-primary-color-active: #2041d4; --jetlinks-primary-color-outline: rgba(49, 94, 251, 0.2); --jetlinks-primary-1: #f0f6ff; --jetlinks-primary-2: #d6e4ff; --jetlinks-primary-3: #adc7ff; --jetlinks-primary-4: #85a7ff; --jetlinks-primary-5: #5c85ff; --jetlinks-primary-6: #315efb; --jetlinks-primary-7: #2041d4; --jetlinks-primary-color-deprecated-pure: ; --jetlinks-primary-color-deprecated-l-35: #e0e7fe; --jetlinks-primary-color-deprecated-l-20: #95acfd; --jetlinks-primary-color-deprecated-t-20: #5a7efc; --jetlinks-primary-color-deprecated-t-50: #98affd; --jetlinks-primary-color-deprecated-f-12: rgba(49, 94, 251, 0.12); --jetlinks-primary-color-active-deprecated-f-30: rgba(240, 246, 255, 0.3); --jetlinks-primary-color-active-deprecated-d-02: #e6f0ff; --jetlinks-success-color: #52c41a; --jetlinks-success-color-hover: #73d13d; --jetlinks-success-color-active: #389e0d; --jetlinks-success-color-outline: rgba(82, 196, 26, 0.2); --jetlinks-success-color-deprecated-bg: #f6ffed; --jetlinks-success-color-deprecated-border: #b7eb8f; --jetlinks-error-color: #ff4d4f; --jetlinks-error-color-hover: #ff7875; --jetlinks-error-color-active: #d9363e; --jetlinks-error-color-outline: rgba(255, 77, 79, 0.2); --jetlinks-error-color-deprecated-bg: #fff2f0; --jetlinks-error-color-deprecated-border: #ffccc7; --jetlinks-warning-color: #faad14; --jetlinks-warning-color-hover: #ffc53d; --jetlinks-warning-color-active: #d48806; --jetlinks-warning-color-outline: rgba(250, 173, 20, 0.2); --jetlinks-warning-color-deprecated-bg: #fffbe6; --jetlinks-warning-color-deprecated-border: #ffe58f; --jetlinks-info-color: #315efb; --jetlinks-info-color-deprecated-bg: #f0f6ff; --jetlinks-info-color-deprecated-border: #adc7ff; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .jetlinks-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; padding: 4px 11px 4px; position: relative; display: inline-flex; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 6px; transition: border 0.3s, box-shadow 0.3s; } .jetlinks-picker:hover, .jetlinks-picker-focused { border-color: #5c85ff; border-right-width: 1px !important; } .jetlinks-picker-focused { border-color: #5c85ff; box-shadow: 0 0 0 2px rgba(49, 94, 251, 0.2); border-right-width: 1px !important; outline: 0; } .jetlinks-picker.jetlinks-picker-disabled { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .jetlinks-picker.jetlinks-picker-disabled .jetlinks-picker-suffix { color: rgba(0, 0, 0, 0.25); } .jetlinks-picker.jetlinks-picker-borderless { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .jetlinks-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .jetlinks-picker-input > input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 6px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; } .jetlinks-picker-input > input::-moz-placeholder { opacity: 1; } .jetlinks-picker-input > input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .jetlinks-picker-input > input:-moz-placeholder-shown { text-overflow: ellipsis; } .jetlinks-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .jetlinks-picker-input > input:hover { border-color: #5c85ff; border-right-width: 1px !important; } .jetlinks-picker-input > input:focus, .jetlinks-picker-input > input-focused { border-color: #5c85ff; box-shadow: 0 0 0 2px rgba(49, 94, 251, 0.2); border-right-width: 1px !important; outline: 0; } .jetlinks-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .jetlinks-picker-input > input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .jetlinks-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .jetlinks-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .jetlinks-picker-input > input-borderless, .jetlinks-picker-input > input-borderless:hover, .jetlinks-picker-input > input-borderless:focus, .jetlinks-picker-input > input-borderless-focused, .jetlinks-picker-input > input-borderless-disabled, .jetlinks-picker-input > input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.jetlinks-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .jetlinks-picker-input > input-lg { padding: 6.5px 11px; font-size: 16px; } .jetlinks-picker-input > input-sm { padding: 0px 7px; } .jetlinks-picker-input > input:focus { box-shadow: none; } .jetlinks-picker-input > input[disabled] { background: transparent; } .jetlinks-picker-input:hover .jetlinks-picker-clear { opacity: 1; } .jetlinks-picker-input-placeholder > input { color: #bfbfbf; } .jetlinks-picker-large { padding: 6.5px 11px 6.5px; } .jetlinks-picker-large .jetlinks-picker-input > input { font-size: 16px; } .jetlinks-picker-small { padding: 0px 7px 0px; } .jetlinks-picker-suffix { align-self: center; margin-left: 4px; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .jetlinks-picker-suffix > * { vertical-align: top; } .jetlinks-picker-clear { position: absolute; top: 50%; right: 0; color: rgba(0, 0, 0, 0.25); line-height: 1; background: #fff; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .jetlinks-picker-clear > * { vertical-align: top; } .jetlinks-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .jetlinks-picker-separator { position: relative; display: inline-block; width: 1em; height: 16px; color: rgba(0, 0, 0, 0.25); font-size: 16px; vertical-align: top; cursor: default; } .jetlinks-picker-focused .jetlinks-picker-separator { color: rgba(0, 0, 0, 0.45); } .jetlinks-picker-disabled .jetlinks-picker-range-separator .jetlinks-picker-separator { cursor: not-allowed; } .jetlinks-picker-range { position: relative; display: inline-flex; } .jetlinks-picker-range .jetlinks-picker-clear { right: 11px; } .jetlinks-picker-range:hover .jetlinks-picker-clear { opacity: 1; } .jetlinks-picker-range .jetlinks-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: #315EFB; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; } .jetlinks-picker-range.jetlinks-picker-focused .jetlinks-picker-active-bar { opacity: 1; } .jetlinks-picker-range-separator { align-items: center; padding: 0 8px; line-height: 1; } .jetlinks-picker-range.jetlinks-picker-small .jetlinks-picker-clear { right: 7px; } .jetlinks-picker-range.jetlinks-picker-small .jetlinks-picker-active-bar { margin-left: 7px; } .jetlinks-picker-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1050; } .jetlinks-picker-dropdown-hidden { display: none; } .jetlinks-picker-dropdown-placement-bottomLeft .jetlinks-picker-range-arrow { top: 1.66666667px; display: block; transform: rotate(-45deg); } .jetlinks-picker-dropdown-placement-topLeft .jetlinks-picker-range-arrow { bottom: 1.66666667px; display: block; transform: rotate(135deg); } .jetlinks-picker-dropdown.jetlinks-slide-up-enter.jetlinks-slide-up-enter-active.jetlinks-picker-dropdown-placement-topLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-enter.jetlinks-slide-up-enter-active.jetlinks-picker-dropdown-placement-topRight, .jetlinks-picker-dropdown.jetlinks-slide-up-appear.jetlinks-slide-up-appear-active.jetlinks-picker-dropdown-placement-topLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-appear.jetlinks-slide-up-appear-active.jetlinks-picker-dropdown-placement-topRight { animation-name: antSlideDownIn; } .jetlinks-picker-dropdown.jetlinks-slide-up-enter.jetlinks-slide-up-enter-active.jetlinks-picker-dropdown-placement-bottomLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-enter.jetlinks-slide-up-enter-active.jetlinks-picker-dropdown-placement-bottomRight, .jetlinks-picker-dropdown.jetlinks-slide-up-appear.jetlinks-slide-up-appear-active.jetlinks-picker-dropdown-placement-bottomLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-appear.jetlinks-slide-up-appear-active.jetlinks-picker-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .jetlinks-picker-dropdown.jetlinks-slide-up-leave.jetlinks-slide-up-leave-active.jetlinks-picker-dropdown-placement-topLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-leave.jetlinks-slide-up-leave-active.jetlinks-picker-dropdown-placement-topRight { animation-name: antSlideDownOut; } .jetlinks-picker-dropdown.jetlinks-slide-up-leave.jetlinks-slide-up-leave-active.jetlinks-picker-dropdown-placement-bottomLeft, .jetlinks-picker-dropdown.jetlinks-slide-up-leave.jetlinks-slide-up-leave-active.jetlinks-picker-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .jetlinks-picker-dropdown-range { padding: 6.66666667px 0; } .jetlinks-picker-dropdown-range-hidden { display: none; } .jetlinks-picker-dropdown .jetlinks-picker-panel > .jetlinks-picker-time-panel { padding-top: 4px; } .jetlinks-picker-ranges { margin-bottom: 0; padding: 4px 12px; overflow: hidden; line-height: 34px; text-align: left; list-style: none; } .jetlinks-picker-ranges > li { display: inline-block; } .jetlinks-picker-ranges .jetlinks-picker-preset > .jetlinks-tag-blue { color: #315EFB; background: #f0f6ff; border-color: #adc7ff; cursor: pointer; } .jetlinks-picker-ranges .jetlinks-picker-ok { float: right; margin-left: 8px; } .jetlinks-picker-range-wrapper { display: flex; } .jetlinks-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 10px; height: 10px; margin-left: 16.5px; box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06); transition: left 0.3s ease-out; } .jetlinks-picker-range-arrow::after { position: absolute; top: 1px; right: 1px; width: 10px; height: 10px; border: 5px solid #f0f0f0; border-color: #fff #fff transparent transparent; content: ''; } .jetlinks-picker-panel-container { overflow: hidden; vertical-align: top; background: #fff; border-radius: 6px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: margin 0.3s; } .jetlinks-picker-panel-container .jetlinks-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .jetlinks-picker-panel-container .jetlinks-picker-panel { vertical-align: top; background: transparent; border-width: 0 0 1px 0; border-radius: 0; } .jetlinks-picker-panel-container .jetlinks-picker-panel .jetlinks-picker-content, .jetlinks-picker-panel-container .jetlinks-picker-panel table { text-align: center; } .jetlinks-picker-panel-container .jetlinks-picker-panel-focused { border-color: #f0f0f0; } .jetlinks-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; outline: none; } .jetlinks-picker-panel-focused { border-color: #315EFB; } .jetlinks-picker-decade-panel, .jetlinks-picker-year-panel, .jetlinks-picker-quarter-panel, .jetlinks-picker-month-panel, .jetlinks-picker-week-panel, .jetlinks-picker-date-panel, .jetlinks-picker-time-panel { display: flex; flex-direction: column; width: 280px; } .jetlinks-picker-header { display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .jetlinks-picker-header > * { flex: none; } .jetlinks-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; transition: color 0.3s; } .jetlinks-picker-header > button { min-width: 1.6em; font-size: 14px; } .jetlinks-picker-header > button:hover { color: rgba(0, 0, 0, 0.85); } .jetlinks-picker-header-view { flex: auto; font-weight: 500; line-height: 40px; } .jetlinks-picker-header-view button { color: inherit; font-weight: inherit; } .jetlinks-picker-header-view button:not(:first-child) { margin-left: 8px; } .jetlinks-picker-header-view button:hover { color: #315EFB; } .jetlinks-picker-prev-icon, .jetlinks-picker-next-icon, .jetlinks-picker-super-prev-icon, .jetlinks-picker-super-next-icon { position: relative; display: inline-block; width: 7px; height: 7px; } .jetlinks-picker-prev-icon::before, .jetlinks-picker-next-icon::before, .jetlinks-picker-super-prev-icon::before, .jetlinks-picker-super-next-icon::before { position: absolute; top: 0; left: 0; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .jetlinks-picker-super-prev-icon::after, .jetlinks-picker-super-next-icon::after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .jetlinks-picker-prev-icon, .jetlinks-picker-super-prev-icon { transform: rotate(-45deg); } .jetlinks-picker-next-icon, .jetlinks-picker-super-next-icon { transform: rotate(135deg); } .jetlinks-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .jetlinks-picker-content th, .jetlinks-picker-content td { position: relative; min-width: 24px; font-weight: 400; } .jetlinks-picker-content th { height: 30px; color: rgba(0, 0, 0, 0.85); line-height: 30px; } .jetlinks-picker-cell { padding: 3px 0; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .jetlinks-picker-cell-in-view { color: rgba(0, 0, 0, 0.85); } .jetlinks-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; transform: translateY(-50%); transition: all 0.3s; content: ''; } .jetlinks-picker-cell .jetlinks-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 6px; transition: background 0.3s, border 0.3s; } .jetlinks-picker-cell:hover:not(.jetlinks-picker-cell-in-view) .jetlinks-picker-cell-inner, .jetlinks-picker-cell:hover:not(.jetlinks-picker-cell-selected):not(.jetlinks-picker-cell-range-start):not(.jetlinks-picker-cell-range-end):not(.jetlinks-picker-cell-range-hover-start):not(.jetlinks-picker-cell-range-hover-end) .jetlinks-picker-cell-inner { background: #f5f5f5; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-today .jetlinks-picker-cell-inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #315EFB; border-radius: 6px; content: ''; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range { position: relative; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range::before { background: #f0f6ff; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-selected .jetlinks-picker-cell-inner, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start .jetlinks-picker-cell-inner, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end .jetlinks-picker-cell-inner { color: #fff; background: #315EFB; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start:not(.jetlinks-picker-cell-range-start-single)::before, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end:not(.jetlinks-picker-cell-range-end-single)::before { background: #f0f6ff; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start::before { left: 50%; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end::before { right: 50%; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start:not(.jetlinks-picker-cell-in-range):not(.jetlinks-picker-cell-range-start):not(.jetlinks-picker-cell-range-end)::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end:not(.jetlinks-picker-cell-in-range):not(.jetlinks-picker-cell-range-start):not(.jetlinks-picker-cell-range-end)::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start.jetlinks-picker-cell-range-start-single::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start.jetlinks-picker-cell-range-start.jetlinks-picker-cell-range-end.jetlinks-picker-cell-range-end-near-hover::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end.jetlinks-picker-cell-range-start.jetlinks-picker-cell-range-end.jetlinks-picker-cell-range-start-near-hover::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end.jetlinks-picker-cell-range-end-single::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover:not(.jetlinks-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 24px; border-top: 1px dashed #95acfd; border-bottom: 1px dashed #95acfd; transform: translateY(-50%); transition: all 0.3s; content: ''; } .jetlinks-picker-cell-range-hover-start::after, .jetlinks-picker-cell-range-hover-end::after, .jetlinks-picker-cell-range-hover::after { right: 0; left: 2px; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover::before, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start.jetlinks-picker-cell-range-hover::before, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end.jetlinks-picker-cell-range-hover::before, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start:not(.jetlinks-picker-cell-range-start-single).jetlinks-picker-cell-range-hover-start::before, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end:not(.jetlinks-picker-cell-range-end-single).jetlinks-picker-cell-range-hover-end::before, .jetlinks-picker-panel > :not(.jetlinks-picker-date-panel) .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-start::before, .jetlinks-picker-panel > :not(.jetlinks-picker-date-panel) .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-end::before { background: #e0e7fe; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start:not(.jetlinks-picker-cell-range-start-single):not(.jetlinks-picker-cell-range-end) .jetlinks-picker-cell-inner { border-radius: 6px 0 0 6px; } .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end:not(.jetlinks-picker-cell-range-end-single):not(.jetlinks-picker-cell-range-start) .jetlinks-picker-cell-inner { border-radius: 0 6px 6px 0; } .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-start .jetlinks-picker-cell-inner::after, .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-end .jetlinks-picker-cell-inner::after { position: absolute; top: 0; bottom: 0; z-index: -1; background: #e0e7fe; transition: all 0.3s; content: ''; } .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-start .jetlinks-picker-cell-inner::after { right: -6px; left: 0; } .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-end .jetlinks-picker-cell-inner::after { right: 0; left: -6px; } .jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-start::after { right: 50%; } .jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-end::after { left: 50%; } tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover:first-child::after, tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end:first-child::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-start.jetlinks-picker-cell-range-hover-edge-start.jetlinks-picker-cell-range-hover-edge-start-near-range::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-edge-start:not(.jetlinks-picker-cell-range-hover-edge-start-near-range)::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #95acfd; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover:last-child::after, tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start:last-child::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-end.jetlinks-picker-cell-range-hover-edge-end.jetlinks-picker-cell-range-hover-edge-end-near-range::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-edge-end:not(.jetlinks-picker-cell-range-hover-edge-end-near-range)::after, .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #95acfd; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .jetlinks-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .jetlinks-picker-cell-disabled .jetlinks-picker-cell-inner { background: transparent; } .jetlinks-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .jetlinks-picker-cell-disabled.jetlinks-picker-cell-today .jetlinks-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .jetlinks-picker-decade-panel .jetlinks-picker-content, .jetlinks-picker-year-panel .jetlinks-picker-content, .jetlinks-picker-quarter-panel .jetlinks-picker-content, .jetlinks-picker-month-panel .jetlinks-picker-content { height: 264px; } .jetlinks-picker-decade-panel .jetlinks-picker-cell-inner, .jetlinks-picker-year-panel .jetlinks-picker-cell-inner, .jetlinks-picker-quarter-panel .jetlinks-picker-cell-inner, .jetlinks-picker-month-panel .jetlinks-picker-cell-inner { padding: 0 8px; } .jetlinks-picker-quarter-panel .jetlinks-picker-content { height: 56px; } .jetlinks-picker-footer { width: -moz-min-content; width: min-content; min-width: 100%; line-height: 38px; text-align: center; border-bottom: 1px solid transparent; } .jetlinks-picker-panel .jetlinks-picker-footer { border-top: 1px solid #f0f0f0; } .jetlinks-picker-footer-extra { padding: 0 12px; line-height: 38px; text-align: left; } .jetlinks-picker-footer-extra:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .jetlinks-picker-now { text-align: left; } .jetlinks-picker-today-btn { color: #315EFB; } .jetlinks-picker-today-btn:hover { color: #5c85ff; } .jetlinks-picker-today-btn:active { color: #2041d4; } .jetlinks-picker-today-btn.jetlinks-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .jetlinks-picker-decade-panel .jetlinks-picker-cell-inner { padding: 0 4px; } .jetlinks-picker-decade-panel .jetlinks-picker-cell::before { display: none; } .jetlinks-picker-year-panel .jetlinks-picker-body, .jetlinks-picker-quarter-panel .jetlinks-picker-body, .jetlinks-picker-month-panel .jetlinks-picker-body { padding: 0 8px; } .jetlinks-picker-year-panel .jetlinks-picker-cell-inner, .jetlinks-picker-quarter-panel .jetlinks-picker-cell-inner, .jetlinks-picker-month-panel .jetlinks-picker-cell-inner { width: 60px; } .jetlinks-picker-year-panel .jetlinks-picker-cell-range-hover-start::after, .jetlinks-picker-quarter-panel .jetlinks-picker-cell-range-hover-start::after, .jetlinks-picker-month-panel .jetlinks-picker-cell-range-hover-start::after { left: 14px; border-left: 1px dashed #95acfd; border-radius: 6px 0 0 6px; } .jetlinks-picker-panel-rtl .jetlinks-picker-year-panel .jetlinks-picker-cell-range-hover-start::after, .jetlinks-picker-panel-rtl .jetlinks-picker-quarter-panel .jetlinks-picker-cell-range-hover-start::after, .jetlinks-picker-panel-rtl .jetlinks-picker-month-panel .jetlinks-picker-cell-range-hover-start::after { right: 14px; border-right: 1px dashed #95acfd; border-radius: 0 6px 6px 0; } .jetlinks-picker-year-panel .jetlinks-picker-cell-range-hover-end::after, .jetlinks-picker-quarter-panel .jetlinks-picker-cell-range-hover-end::after, .jetlinks-picker-month-panel .jetlinks-picker-cell-range-hover-end::after { right: 14px; border-right: 1px dashed #95acfd; border-radius: 0 6px 6px 0; } .jetlinks-picker-panel-rtl .jetlinks-picker-year-panel .jetlinks-picker-cell-range-hover-end::after, .jetlinks-picker-panel-rtl .jetlinks-picker-quarter-panel .jetlinks-picker-cell-range-hover-end::after, .jetlinks-picker-panel-rtl .jetlinks-picker-month-panel .jetlinks-picker-cell-range-hover-end::after { left: 14px; border-left: 1px dashed #95acfd; border-radius: 6px 0 0 6px; } .jetlinks-picker-week-panel .jetlinks-picker-body { padding: 8px 12px; } .jetlinks-picker-week-panel .jetlinks-picker-cell:hover .jetlinks-picker-cell-inner, .jetlinks-picker-week-panel .jetlinks-picker-cell-selected .jetlinks-picker-cell-inner, .jetlinks-picker-week-panel .jetlinks-picker-cell .jetlinks-picker-cell-inner { background: transparent !important; } .jetlinks-picker-week-panel-row td { transition: background 0.3s; } .jetlinks-picker-week-panel-row:hover td { background: #f5f5f5; } .jetlinks-picker-week-panel-row-selected td, .jetlinks-picker-week-panel-row-selected:hover td { background: #315EFB; } .jetlinks-picker-week-panel-row-selected td.jetlinks-picker-cell-week, .jetlinks-picker-week-panel-row-selected:hover td.jetlinks-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .jetlinks-picker-week-panel-row-selected td.jetlinks-picker-cell-today .jetlinks-picker-cell-inner::before, .jetlinks-picker-week-panel-row-selected:hover td.jetlinks-picker-cell-today .jetlinks-picker-cell-inner::before { border-color: #fff; } .jetlinks-picker-week-panel-row-selected td .jetlinks-picker-cell-inner, .jetlinks-picker-week-panel-row-selected:hover td .jetlinks-picker-cell-inner { color: #fff; } .jetlinks-picker-date-panel .jetlinks-picker-body { padding: 8px 12px; } .jetlinks-picker-date-panel .jetlinks-picker-content { width: 252px; } .jetlinks-picker-date-panel .jetlinks-picker-content th { width: 36px; } .jetlinks-picker-datetime-panel { display: flex; } .jetlinks-picker-datetime-panel .jetlinks-picker-time-panel { border-left: 1px solid #f0f0f0; } .jetlinks-picker-datetime-panel .jetlinks-picker-date-panel, .jetlinks-picker-datetime-panel .jetlinks-picker-time-panel { transition: opacity 0.3s; } .jetlinks-picker-datetime-panel-active .jetlinks-picker-date-panel, .jetlinks-picker-datetime-panel-active .jetlinks-picker-time-panel { opacity: 0.3; } .jetlinks-picker-datetime-panel-active .jetlinks-picker-date-panel-active, .jetlinks-picker-datetime-panel-active .jetlinks-picker-time-panel-active { opacity: 1; } .jetlinks-picker-time-panel { width: auto; min-width: auto; } .jetlinks-picker-time-panel .jetlinks-picker-content { display: flex; flex: auto; height: 224px; } .jetlinks-picker-time-panel-column { flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .jetlinks-picker-time-panel-column::after { display: block; height: 196px; content: ''; } .jetlinks-picker-datetime-panel .jetlinks-picker-time-panel-column::after { height: 198px; } .jetlinks-picker-time-panel-column:not(:first-child) { border-left: 1px solid #f0f0f0; } .jetlinks-picker-time-panel-column-active { background: rgba(240, 246, 255, 0.2); } .jetlinks-picker-time-panel-column:hover { overflow-y: auto; } .jetlinks-picker-time-panel-column > li { margin: 0; padding: 0; } .jetlinks-picker-time-panel-column > li.jetlinks-picker-time-panel-cell .jetlinks-picker-time-panel-cell-inner { display: block; width: 100%; height: 28px; margin: 0; padding: 0 0 0 14px; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; transition: background 0.3s; } .jetlinks-picker-time-panel-column > li.jetlinks-picker-time-panel-cell .jetlinks-picker-time-panel-cell-inner:hover { background: #f5f5f5; } .jetlinks-picker-time-panel-column > li.jetlinks-picker-time-panel-cell-selected .jetlinks-picker-time-panel-cell-inner { background: #f0f6ff; } .jetlinks-picker-time-panel-column > li.jetlinks-picker-time-panel-cell-disabled .jetlinks-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } /* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */ _:-ms-fullscreen .jetlinks-picker-range-wrapper .jetlinks-picker-month-panel .jetlinks-picker-cell, :root .jetlinks-picker-range-wrapper .jetlinks-picker-month-panel .jetlinks-picker-cell, _:-ms-fullscreen .jetlinks-picker-range-wrapper .jetlinks-picker-year-panel .jetlinks-picker-cell, :root .jetlinks-picker-range-wrapper .jetlinks-picker-year-panel .jetlinks-picker-cell { padding: 21px 0; } .jetlinks-picker-rtl { direction: rtl; } .jetlinks-picker-rtl .jetlinks-picker-suffix { margin-right: 4px; margin-left: 0; } .jetlinks-picker-rtl .jetlinks-picker-clear { right: auto; left: 0; } .jetlinks-picker-rtl .jetlinks-picker-separator { transform: rotate(180deg); } .jetlinks-picker-panel-rtl .jetlinks-picker-header-view button:not(:first-child) { margin-right: 8px; margin-left: 0; } .jetlinks-picker-rtl.jetlinks-picker-range .jetlinks-picker-clear { right: auto; left: 11px; } .jetlinks-picker-rtl.jetlinks-picker-range .jetlinks-picker-active-bar { margin-right: 11px; margin-left: 0; } .jetlinks-picker-rtl.jetlinks-picker-range.jetlinks-picker-small .jetlinks-picker-active-bar { margin-right: 7px; } .jetlinks-picker-dropdown-rtl .jetlinks-picker-ranges { text-align: right; } .jetlinks-picker-dropdown-rtl .jetlinks-picker-ranges .jetlinks-picker-ok { float: left; margin-right: 8px; margin-left: 0; } .jetlinks-picker-panel-rtl { direction: rtl; } .jetlinks-picker-panel-rtl .jetlinks-picker-prev-icon, .jetlinks-picker-panel-rtl .jetlinks-picker-super-prev-icon { transform: rotate(135deg); } .jetlinks-picker-panel-rtl .jetlinks-picker-next-icon, .jetlinks-picker-panel-rtl .jetlinks-picker-super-next-icon { transform: rotate(-45deg); } .jetlinks-picker-cell .jetlinks-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 6px; transition: background 0.3s, border 0.3s; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start::before { right: 50%; left: 0; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end::before { right: 0; left: 50%; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start.jetlinks-picker-cell-range-end::before { right: 50%; left: 50%; } .jetlinks-picker-panel-rtl .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-start .jetlinks-picker-cell-inner::after { right: 0; left: -6px; } .jetlinks-picker-panel-rtl .jetlinks-picker-date-panel .jetlinks-picker-cell-in-view.jetlinks-picker-cell-in-range.jetlinks-picker-cell-range-hover-end .jetlinks-picker-cell-inner::after { right: -6px; left: 0; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-start::after { right: 0; left: 50%; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-end::after { right: 50%; left: 0; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-start:not(.jetlinks-picker-cell-range-start-single):not(.jetlinks-picker-cell-range-end) .jetlinks-picker-cell-inner { border-radius: 0 6px 6px 0; } .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-end:not(.jetlinks-picker-cell-range-end-single):not(.jetlinks-picker-cell-range-start) .jetlinks-picker-cell-inner { border-radius: 6px 0 0 6px; } .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover:not(.jetlinks-picker-cell-selected):first-child::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-start.jetlinks-picker-cell-range-hover-edge-start.jetlinks-picker-cell-range-hover-edge-start-near-range::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-edge-start:not(.jetlinks-picker-cell-range-hover-edge-start-near-range)::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start::after { right: 6px; left: 0; border-right: 1px dashed #95acfd; border-left: none; border-radius: 0 6px 6px 0; } .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover:not(.jetlinks-picker-cell-selected):last-child::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-end.jetlinks-picker-cell-range-hover-edge-end.jetlinks-picker-cell-range-hover-edge-end-near-range::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-edge-end:not(.jetlinks-picker-cell-range-hover-edge-end-near-range)::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end::after { right: 0; left: 6px; border-right: none; border-left: 1px dashed #95acfd; border-radius: 6px 0 0 6px; } .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-start:last-child::after, .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-range-hover-end:first-child::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-start.jetlinks-picker-cell-range-hover-edge-start:not(.jetlinks-picker-cell-range-hover)::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-start.jetlinks-picker-cell-range-hover-end.jetlinks-picker-cell-range-hover-edge-start:not(.jetlinks-picker-cell-range-hover)::after, .jetlinks-picker-panel-rtl .jetlinks-picker-cell-in-view.jetlinks-picker-cell-end.jetlinks-picker-cell-range-hover-start.jetlinks-picker-cell-range-hover-edge-end:not(.jetlinks-picker-cell-range-hover)::after, .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-start.jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-hover-edge-start:last-child::after, .jetlinks-picker-panel-rtl tr > .jetlinks-picker-cell-in-view.jetlinks-picker-cell-end.jetlinks-picker-cell-range-hover.jetlinks-picker-cell-range-hover-edge-end:first-child::after { right: 6px; left: 6px; border-right: 1px dashed #95acfd; border-left: 1px dashed #95acfd; border-radius: 6px; } .jetlinks-picker-dropdown-rtl .jetlinks-picker-footer-extra { direction: rtl; text-align: right; } .jetlinks-picker-panel-rtl .jetlinks-picker-time-panel { direction: ltr; }