.time-selection{margin-top:20px;height:100%;width:100%;position:relative;display:flex;flex-direction:column}.time-selection *{padding:0;margin:0;box-sizing:border-box}.time-selection:after,.time-selection:before{display:table;content:""}.time-selection:after{clear:both;overflow:hidden}.time-selection--footer,.time-selection--header{text-align:center}.time-selection--footer h2,.time-selection--header h2{color:#6f747a;font-size:150%;margin:.5em 0}.time-selection--range{position:absolute;border:2px dashed #b2b2b2;z-index:10;display:none}.time-selection-wrap{position:relative;flex:1 0 0}.time-selection-wrap:after,.time-selection-wrap:before{display:table;content:""}.time-selection-wrap:after{clear:both;overflow:hidden}.time-selection-wrap .time-picker,.time-selection-wrap .yaxis-picker{width:100%;height:100%;text-align:center;color:#6f747a}.time-selection-wrap .header-picker{height:32px}.time-selection-wrap .time-picker{border:1px solid #fff}.time-selection-wrap .time-picker.is-active{background-color:#33c6ba}.time-selection--yaxis{width:50px;float:left;font-size:12px;margin-top:21px}.time-selection--main{margin-left:50px}.time-selection-picker{width:100%;border-collapse:collapse;border-spacing:0}.time-selection-picker--bordered{border:1px solid #dcdfe6}