.ui-timepicker-wrapper
{
    z-index: 1200;

    overflow-y: auto;

    width: 6.5em;
    height: 150px;
    margin: 0; 

    border: 1px solid #e4eaec;
    outline: none;
    background: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
            box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
}

.ui-timepicker-wrapper.ui-timepicker-with-duration
{
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60
{
    width: 11em;
}

.ui-timepicker-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.ui-timepicker-duration
{
    margin-left: 5px;

    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration
{
    color: #888;
}

.ui-timepicker-list li
{
    margin: 0; 
    padding: 3px 0 3px 5px;

    list-style: none;

    cursor: pointer;
    white-space: nowrap;

    color: #000;
}

.ui-timepicker-list:hover .ui-timepicker-selected
{
    color: #000; 
    background: #fff;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover
{
    color: #fff; 
    background: #62a8ea;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration
{
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled
{
    cursor: default; 

    color: #888;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled
{
    background: #f2f2f2;
}