.time-setting-container {
    display: inline-block;
    border: 1px solid #e6e6e6;
    padding: 1px 8px;
    border-radius: 5px;
}
.time-setting-container .time-board {
    width: auto;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
}
.time-setting-container .time-board .hour, .time-setting-container .time-board .minute, .time-setting-container .time-board .halfday {
    width: 20px;
    height: 20px;
}
.time-setting-container .time-board input {
    font-size: 12px !important;
    padding: 0 !important;
    border: none !important;
    height: 26px !important;
    box-shadow: none;
    border-radius: 0;
    color: #36444b;
    background-color: #fff;
}
.time-setting-container.disable input, .time-setting-container.disable div {
    color: #b3b3b3;
}
.time-setting-container.disable .up, .time-setting-container.disable .down {
    border-color: #b3b3b3 transparent;
}
.controller {
    display: inline-block;
    vertical-align: middle;
}
.controller .up, .controller .down {
    cursor: pointer;
    margin: 4px 2px;
    border: 4px solid #a7a9ac;
    border-color: #a7a9ac transparent;
}
.controller .up:hover, .controller .down:hover {
    border-color: #cccccc transparent;
}
.controller .up {
    border-width: 0 5px 6px 5px;
}
.controller .down {
    border-width: 6px 5px 0 5px;
}