.@{prefixCalendarClass}-time-panel { left: 0px; top: 0px; bottom: 0px; right: 0px; background: #ffffff; z-index: 10; position: absolute; outline: none; } .@{prefixCalendarClass}-time-panel-header { padding: 0 10px; height: 34px; line-height: 34px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #e9e9e9; } .@{prefixCalendarClass}-time-panel-body { padding: 2px 10px; } .@{prefixCalendarClass}-time-panel-title { width: 180px; font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; height: 30px; line-height: 22px; border-radius: 4px; } .@{prefixCalendarClass}-time-panel-table { table-layout: fixed; width: 100%; border-collapse: separate; } .@{prefixCalendarClass}-time-panel-cell { text-align: center; height: 40px; vertical-align: middle; } .@{prefixCalendarClass}-time-panel-time { line-height: 24px; display: block; border-radius: 4px; margin: 0 auto; color: #666; &:hover { background: fadeout(#2db7f5, 90%); cursor: pointer; } } .@{prefixCalendarClass}-time-panel-selected-cell .@{prefixCalendarClass}-time-panel-time { background: #2db7f5; color: #fff; &:hover { background: #2db7f5; color: #fff; } }