/* SSO Citymall Daily Operations v13: clean hourly time menus. */
.hour-select {
  min-height: 42px;
  border: 1px solid #d5dfeb;
  border-radius: 10px;
  background-color: #fff;
  color: #18314e;
  font-weight: 750;
  letter-spacing: .01em;
  cursor: pointer;
}

.hour-select:focus {
  outline: 0;
  border-color: #e6b114;
  box-shadow: 0 0 0 3px rgba(255, 202, 24, .18);
}

#pos .pos-time-field { position: relative; }
#pos .pos-time-field .hour-select {
  border-color: #dfc66c;
  background: linear-gradient(135deg, #fffdf4, #fff7d4);
}
#pos .pos-time-field small { display:block; margin-top:5px; color:#6d7f91; font-size:10px; line-height:1.35; }
#recordDialog .hour-select,
#cancelDialog .hour-select { width: 100%; margin-bottom: 12px; }

body.dark-mode .hour-select,
body.dark-mode #pos .pos-time-field .hour-select {
  border-color: #485c76;
  background: #111e30;
  color: #eff5ff;
}

@media (max-width: 680px) {
  .hour-select { min-height: 46px; font-size: 15px; }
}