/* Qwickly Time Picker -- styled 24-hour dropdown (see qwickly_timepicker.js) */ /* Clock affordance inside the field. */ input.qwickly-timepicker { background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 32px; } /* The floating list (appended to ). */ .qtp-menu { z-index: 100000; max-height: 220px; overflow-y: auto; background: #ffffff; border: 1px solid #d0d5dd; border-radius: 8px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.16); padding: 4px 0; font-size: 14px; -webkit-overflow-scrolling: touch; } .qtp-option { padding: 8px 16px; cursor: pointer; color: #101828; white-space: nowrap; user-select: none; } .qtp-option:hover { background: #f2f4f7; } .qtp-option.qtp-selected { background: #e9f2ff; font-weight: 600; } .qtp-empty { padding: 8px 16px; color: #98a2b3; font-style: italic; cursor: default; }