.time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.time-picker *{-webkit-box-sizing:border-box;box-sizing:border-box}.time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.time-picker .clear-btn{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;right:0;bottom:0;margin-top:-.15em;z-index:3;font-size:1.1em;line-height:1em;vertical-align:middle;width:1.3em;color:#d2d2d2;background:hsla(0,0%,100%,0);text-align:center;font-style:normal;-webkit-transition:color .2s;transition:color .2s}.time-picker .clear-btn:hover{color:#797979;cursor:pointer}.time-picker .time-picker-overlay{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0}.time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.15);box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.time-picker .dropdown ul{padding:0;margin:0;list-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.time-picker .dropdown ul.apms,.time-picker .dropdown ul.minutes,.time-picker .dropdown ul.seconds{border-left:1px solid #fff}.time-picker .dropdown ul li{text-align:center;padding:.3em 0;color:#161616}.time-picker .dropdown ul li:not(.hint):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.time-picker .dropdown ul li.active,.time-picker .dropdown ul li.active:hover{background:#41b883;color:#fff}.time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}.remove-timeframe{cursor:pointer;margin-left:10px;margin-right:5px;background-color:#e74c3c;padding:1px 7px;border-radius:100%;color:#fff}.time-picker>input.display-time{background-color:#fff}.miniAvg{display:inline-block;white-space:nowrap}.time-picker{background:#fff;border:1px solid #d2d2d2}.blue-box{background-color:#1976d2}.blue-box,.red-box{width:10px;height:10px;margin-right:5px;display:inline-block}.red-box{background-color:red}.remove-all-tf{text-decoration:underline;color:red;font:size 11px;cursor:pointer}@media only screen and (max-width:600px){.export-data-dates{display:-webkit-box;display:-ms-flexbox;display:flex}.time-picker{width:40%}}.custom-container{max-width:50%;max-height:20%;margin:0 auto}.switch-col{max-width:200px;max-height:40px}.small-select{max-width:40%;max-height:33%}.timer-col{max-width:60px;max-height:33%}.timer-button{width:50px;height:28px;background-color:inherit!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:inherit!important;outline:1px solid #ccc;font-size:13px}.small-select{max-width:150px}.modern-select .v-input__control{border-radius:10px!important;background:#f5f5f5!important;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1)!important;box-shadow:0 2px 5px rgba(0,0,0,.1)!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modern-select .v-input__control:hover{background:#e0e0e0!important}.modern-select .v-label{font-weight:700!important;color:#333!important}.modern-select .v-input__control:focus-within{border:2px solid #1976d2!important}.intervalBtn{outline:1px solid #ccc}