.timeSelectorDirective {
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.timeSelectorDirective .increase,
.timeSelectorDirective .decrease {
    text-align: center;
    vertical-align: middle;
    color: #c4c9cd;
    cursor: pointer;
    padding: 3px;
    margin: 3px 0px;
    border: 1px solid #c4c9cd;
    -webkit-transition: 500ms ease-out all;
    -moz-transition: 500ms ease-out all;
    -ms-transition: 500ms ease-out all;
    -o-transition: 500ms ease-out all;
    transition: 500ms ease-out all;
}
.timeSelectorDirective .increase:hover,
.timeSelectorDirective .decrease:hover {
    color: #354350;
    border-color: #354350;
    background-color: #FFF;
}

.timeSelectorDirective .section {
    display: inline-block;
}
.timeSelectorDirective .display {
    background-color: rgb(247, 247, 247);
    color: #a3a3a3;
    padding: 5px;
    margin: 3px 0px;
    min-width: 30px;
    text-align: center;
    border: 1px solid #c4c9cd;
}