react-toolbox-build4server/react-toolbox/js/time_picker/style.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-time_picker-input > [role="input"] {
  cursor: pointer; }

.rt-time_picker-header {
  position: relative;
  width: 100%;
  padding: 1rem;
  font-size: 5.2rem;
  color: white;
  text-align: center;
  background: #3f51b5; }

.rt-time_picker-hours, .rt-time_picker-minutes {
  display: inline-block;
  cursor: pointer;
  opacity: .6; }

.rt-time_picker-separator {
  margin: 0 0.5rem;
  opacity: .6; }

.rt-time_picker-ampm {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 4rem;
  height: 4.4rem;
  margin-top: -2.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-align: center; }

.rt-time_picker-am, .rt-time_picker-pm {
  display: block;
  cursor: pointer;
  opacity: .6; }

.rt-time_picker-dialog {
  width: 30rem; }
  .rt-time_picker-dialog > [role="body"] {
    padding: 0;
    overflow-y: visible; }
  .rt-time_picker-dialog > [role="navigation"] > .rt-time_picker-button {
    color: #3f51b5; }
    .rt-time_picker-dialog > [role="navigation"] > .rt-time_picker-button:hover {
      background: rgba(63, 81, 181, 0.2); }
    .rt-time_picker-dialog > [role="navigation"] > .rt-time_picker-button:focus:not(:active) {
      background: rgba(63, 81, 181, 0.2); }
  .rt-time_picker-dialog.rt-time_picker-display-hours .rt-time_picker-hours, .rt-time_picker-dialog.rt-time_picker-display-minutes .rt-time_picker-minutes, .rt-time_picker-dialog.rt-time_picker-format-am .rt-time_picker-am, .rt-time_picker-dialog.rt-time_picker-format-pm .rt-time_picker-pm {
    opacity: 1; }