.tblAlarmHistory__wrapper{background:inherit;position:absolute;height:100%;max-height:100%;width:100%}.tblAlarmHistory__wrapper .time-value{width:100px!important}.tblAlarmHistory__wrapper .column-status{width:60px!important;text-align:center}.tblAlarmHistory__wrapper .column-class{width:100px!important}.tblAlarmHistory__wrapper tr.bg-grey{background:#cacaca}.tblAlarmHistory__wrapper .alarm-error{background:#800303;color:#fff;-webkit-animation:ALARM_ERROR_ACTiVE 1s infinite;animation:ALARM_ERROR_ACTiVE 1s infinite}.tblAlarmHistory__wrapper .alarm-warning{background:#919400;color:#000;-webkit-animation:ALARM_WARNING_ACTiVE 1s infinite;animation:ALARM_WARNING_ACTiVE 1s infinite}.tblAlarmHistory__wrapper .ack,.tblAlarmHistory__wrapper .going{-webkit-animation:unset;animation:unset}.tblAlarmHistory__wrapper .ack.going{background:#cacaca;color:#000}@-webkit-keyframes ALARM_WARNING_ACTiVE{0%,49%{color:#fff}50%,to{background-color:#f0e224;color:#000}}@-webkit-keyframes ALARM_ERROR_ACTiVE{0%,49%{background-color:#ff2424;color:#fff}50%,to{color:#fff}}.date-range-picker,.datepicker,.datetime-picker,.timepicker{position:relative;font-size:14px;color:#444;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.date-range-picker .scrollbar-wrap .scrollbar,.datepicker .scrollbar-wrap .scrollbar,.datetime-picker .scrollbar-wrap .scrollbar,.timepicker .scrollbar-wrap .scrollbar{width:4px!important;border-radius:2px!important;background:#eee!important}.date-range-picker .vue-popper,.datepicker .vue-popper,.datetime-picker .vue-popper,.timepicker .vue-popper{border-color:rgba(194,204,220,.5)!important}.date-range-picker .vue-popper[x-placement^=bottom] .arrow,.datepicker .vue-popper[x-placement^=bottom] .arrow,.datetime-picker .vue-popper[x-placement^=bottom] .arrow,.timepicker .vue-popper[x-placement^=bottom] .arrow{border-bottom-color:rgba(194,204,220,.5)!important}.date-range-picker .vue-popper[x-placement^=top] .arrow,.datepicker .vue-popper[x-placement^=top] .arrow,.datetime-picker .vue-popper[x-placement^=top] .arrow,.timepicker .vue-popper[x-placement^=top] .arrow{border-top-color:rgba(194,204,220,.5)!important}.date-range-picker *,.datepicker *,.datetime-picker *,.timepicker *{box-sizing:border-box;outline:none!important}.date-range-picker .input-wrapper,.datepicker .input-wrapper,.datetime-picker .input-wrapper,.timepicker .input-wrapper{display:flex;align-items:center;width:100%;height:100%;border:1px solid #c2ccdc;border-radius:3px}.date-range-picker .input-wrapper.focus,.datepicker .input-wrapper.focus,.datetime-picker .input-wrapper.focus,.timepicker .input-wrapper.focus{border-color:rgba(57,192,134,.7);box-shadow:0 0 1px rgba(57,192,134,.3)}.date-range-picker .input-wrapper.focus .icon-clear,.date-range-picker .input-wrapper:hover .icon-clear,.datepicker .input-wrapper.focus .icon-clear,.datepicker .input-wrapper:hover .icon-clear,.datetime-picker .input-wrapper.focus .icon-clear,.datetime-picker .input-wrapper:hover .icon-clear,.timepicker .input-wrapper.focus .icon-clear,.timepicker .input-wrapper:hover .icon-clear{pointer-events:all;opacity:1;cursor:pointer}.date-range-picker .prefix,.date-range-picker .suffix,.datepicker .prefix,.datepicker .suffix,.datetime-picker .prefix,.datetime-picker .suffix,.timepicker .prefix,.timepicker .suffix{display:flex;align-items:center;padding:0 5px}.date-range-picker .icon-clear,.datepicker .icon-clear,.datetime-picker .icon-clear,.timepicker .icon-clear{display:flex;align-items:center;justify-content:center;padding:.1em;font-size:.8em;color:#999;pointer-events:none;opacity:0}.date-range-picker .icon-date,.date-range-picker .icon-del,.date-range-picker .icon-time,.datepicker .icon-date,.datepicker .icon-del,.datepicker .icon-time,.datetime-picker .icon-date,.datetime-picker .icon-del,.datetime-picker .icon-time,.timepicker .icon-date,.timepicker .icon-del,.timepicker .icon-time{width:1em;height:1em}.date-range-picker .vue-input,.datepicker .vue-input,.datetime-picker .vue-input,.timepicker .vue-input{display:block;height:100%;flex:1;padding:0;border:none}.date-range-picker .vue-input::-moz-placeholder,.datepicker .vue-input::-moz-placeholder,.datetime-picker .vue-input::-moz-placeholder,.timepicker .vue-input::-moz-placeholder{color:#ccc}.date-range-picker .vue-input:-ms-input-placeholder,.datepicker .vue-input:-ms-input-placeholder,.datetime-picker .vue-input:-ms-input-placeholder,.timepicker .vue-input:-ms-input-placeholder{color:#ccc}.date-range-picker .vue-input::placeholder,.datepicker .vue-input::placeholder,.datetime-picker .vue-input::placeholder,.timepicker .vue-input::placeholder{color:#ccc}.date-range-picker .picker,.datepicker .picker,.datetime-picker .picker,.timepicker .picker{display:block;z-index:10000;box-shadow:0 1px 10px rgba(0,0,0,.1)}.date-range-picker .picker .picker-content,.datepicker .picker .picker-content,.datetime-picker .picker .picker-content,.timepicker .picker .picker-content{width:300px;padding:10px}.date-range-picker .picker .picker-head,.datepicker .picker .picker-head,.datetime-picker .picker .picker-head,.timepicker .picker .picker-head{padding:0 0 10px;text-align:center}.date-range-picker .picker .picker-head .picker-h span,.datepicker .picker .picker-head .picker-h span,.datetime-picker .picker .picker-head .picker-h span,.timepicker .picker .picker-head .picker-h span{font-size:16px}.date-range-picker .picker .picker-head .picker-h .date,.date-range-picker .picker .picker-head .picker-h .month,.date-range-picker .picker .picker-head .picker-h .year,.datepicker .picker .picker-head .picker-h .date,.datepicker .picker .picker-head .picker-h .month,.datepicker .picker .picker-head .picker-h .year,.datetime-picker .picker .picker-head .picker-h .date,.datetime-picker .picker .picker-head .picker-h .month,.datetime-picker .picker .picker-head .picker-h .year,.timepicker .picker .picker-head .picker-h .date,.timepicker .picker .picker-head .picker-h .month,.timepicker .picker .picker-head .picker-h .year{cursor:pointer}.date-range-picker .picker .picker-head .picker-h .date:hover,.date-range-picker .picker .picker-head .picker-h .month:hover,.date-range-picker .picker .picker-head .picker-h .year:hover,.datepicker .picker .picker-head .picker-h .date:hover,.datepicker .picker .picker-head .picker-h .month:hover,.datepicker .picker .picker-head .picker-h .year:hover,.datetime-picker .picker .picker-head .picker-h .date:hover,.datetime-picker .picker .picker-head .picker-h .month:hover,.datetime-picker .picker .picker-head .picker-h .year:hover,.timepicker .picker .picker-head .picker-h .date:hover,.timepicker .picker .picker-head .picker-h .month:hover,.timepicker .picker .picker-head .picker-h .year:hover{color:#39c086}.date-range-picker .picker .picker-head .next,.date-range-picker .picker .picker-head .prev,.datepicker .picker .picker-head .next,.datepicker .picker .picker-head .prev,.datetime-picker .picker .picker-head .next,.datetime-picker .picker .picker-head .prev,.timepicker .picker .picker-head .next,.timepicker .picker .picker-head .prev{padding:0 5px;border:none;background:transparent;cursor:pointer}.date-range-picker .picker .picker-head .next.disabled,.date-range-picker .picker .picker-head .prev.disabled,.datepicker .picker .picker-head .next.disabled,.datepicker .picker .picker-head .prev.disabled,.datetime-picker .picker .picker-head .next.disabled,.datetime-picker .picker .picker-head .prev.disabled,.timepicker .picker .picker-head .next.disabled,.timepicker .picker .picker-head .prev.disabled{color:#ccc;cursor:default}.date-range-picker .picker .picker-head .prev,.datepicker .picker .picker-head .prev,.datetime-picker .picker .picker-head .prev,.timepicker .picker .picker-head .prev{float:left}.date-range-picker .picker .picker-head .next,.datepicker .picker .picker-head .next,.datetime-picker .picker .picker-head .next,.timepicker .picker .picker-head .next{float:right}.date-range-picker .picker .picker-items,.datepicker .picker .picker-items,.datetime-picker .picker .picker-items,.timepicker .picker .picker-items{overflow:hidden}.date-range-picker .picker .picker-items .row-item,.datepicker .picker .picker-items .row-item,.datetime-picker .picker .picker-items .row-item,.timepicker .picker .picker-items .row-item{line-height:30px;overflow:hidden}.date-range-picker .picker .picker-items .row-item.h,.datepicker .picker .picker-items .row-item.h,.datetime-picker .picker .picker-items .row-item.h,.timepicker .picker .picker-items .row-item.h{border-bottom:1px solid #f3f5f8}.date-range-picker .picker .picker-items .row-item.h .item,.datepicker .picker .picker-items .row-item.h .item,.datetime-picker .picker .picker-items .row-item.h .item,.timepicker .picker .picker-items .row-item.h .item{font-size:12px;color:#999!important}.date-range-picker .picker .picker-items .row-item.line,.datepicker .picker .picker-items .row-item.line,.datetime-picker .picker .picker-items .row-item.line,.timepicker .picker .picker-items .row-item.line{display:block;float:left}.date-range-picker .picker .picker-items .row-item.line .item,.datepicker .picker .picker-items .row-item.line .item,.datetime-picker .picker .picker-items .row-item.line .item,.timepicker .picker .picker-items .row-item.line .item{width:100%;display:block}.date-range-picker .picker .picker-items .row-item .item,.datepicker .picker .picker-items .row-item .item,.datetime-picker .picker .picker-items .row-item .item,.timepicker .picker .picker-items .row-item .item{display:inline-block;line-height:inherit;padding:0 8px;text-align:center;cursor:pointer}.date-range-picker .picker .picker-items .row-item .item.date,.datepicker .picker .picker-items .row-item .item.date,.datetime-picker .picker .picker-items .row-item .item.date,.timepicker .picker .picker-items .row-item .item.date{width:14.28571%}.date-range-picker .picker .picker-items .row-item .item.month,.date-range-picker .picker .picker-items .row-item .item.year,.datepicker .picker .picker-items .row-item .item.month,.datepicker .picker .picker-items .row-item .item.year,.datetime-picker .picker .picker-items .row-item .item.month,.datetime-picker .picker .picker-items .row-item .item.year,.timepicker .picker .picker-items .row-item .item.month,.timepicker .picker .picker-items .row-item .item.year{width:33%}.date-range-picker .picker .picker-items .row-item .item:hover,.datepicker .picker .picker-items .row-item .item:hover,.datetime-picker .picker .picker-items .row-item .item:hover,.timepicker .picker .picker-items .row-item .item:hover{color:#39c086}.date-range-picker .picker .picker-items .row-item .item.disabled,.date-range-picker .picker .picker-items .row-item .item.not-in-month,.datepicker .picker .picker-items .row-item .item.disabled,.datepicker .picker .picker-items .row-item .item.not-in-month,.datetime-picker .picker .picker-items .row-item .item.disabled,.datetime-picker .picker .picker-items .row-item .item.not-in-month,.timepicker .picker .picker-items .row-item .item.disabled,.timepicker .picker .picker-items .row-item .item.not-in-month{color:#ccc!important}.date-range-picker .picker .picker-items .row-item .item.disabled:before,.date-range-picker .picker .picker-items .row-item .item.not-in-month:before,.datepicker .picker .picker-items .row-item .item.disabled:before,.datepicker .picker .picker-items .row-item .item.not-in-month:before,.datetime-picker .picker .picker-items .row-item .item.disabled:before,.datetime-picker .picker .picker-items .row-item .item.not-in-month:before,.timepicker .picker .picker-items .row-item .item.disabled:before,.timepicker .picker .picker-items .row-item .item.not-in-month:before{content:none!important}.date-range-picker .picker .picker-items .row-item .item.disabled,.datepicker .picker .picker-items .row-item .item.disabled,.datetime-picker .picker .picker-items .row-item .item.disabled,.timepicker .picker .picker-items .row-item .item.disabled{cursor:no-drop!important}.date-range-picker .picker .picker-items .row-item .item.is-in-range,.date-range-picker .picker .picker-items .row-item .item.is-now,.date-range-picker .picker .picker-items .row-item .item.selected,.datepicker .picker .picker-items .row-item .item.is-in-range,.datepicker .picker .picker-items .row-item .item.is-now,.datepicker .picker .picker-items .row-item .item.selected,.datetime-picker .picker .picker-items .row-item .item.is-in-range,.datetime-picker .picker .picker-items .row-item .item.is-now,.datetime-picker .picker .picker-items .row-item .item.selected,.timepicker .picker .picker-items .row-item .item.is-in-range,.timepicker .picker .picker-items .row-item .item.is-now,.timepicker .picker .picker-items .row-item .item.selected{position:relative}.date-range-picker .picker .picker-items .row-item .item.is-in-range:before,.date-range-picker .picker .picker-items .row-item .item.is-now:before,.date-range-picker .picker .picker-items .row-item .item.selected:before,.datepicker .picker .picker-items .row-item .item.is-in-range:before,.datepicker .picker .picker-items .row-item .item.is-now:before,.datepicker .picker .picker-items .row-item .item.selected:before,.datetime-picker .picker .picker-items .row-item .item.is-in-range:before,.datetime-picker .picker .picker-items .row-item .item.is-now:before,.datetime-picker .picker .picker-items .row-item .item.selected:before,.timepicker .picker .picker-items .row-item .item.is-in-range:before,.timepicker .picker .picker-items .row-item .item.is-now:before,.timepicker .picker .picker-items .row-item .item.selected:before{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;z-index:-1;width:100%;max-width:40px;height:24px;border-radius:3px;border:1px solid #39c086;transform:translate(-50%,-50%)}.date-range-picker .picker .picker-items .row-item .item.is-now,.datepicker .picker .picker-items .row-item .item.is-now,.datetime-picker .picker .picker-items .row-item .item.is-now,.timepicker .picker .picker-items .row-item .item.is-now{color:#39c086}.date-range-picker .picker .picker-items .row-item .item.is-now:before,.datepicker .picker .picker-items .row-item .item.is-now:before,.datetime-picker .picker .picker-items .row-item .item.is-now:before,.timepicker .picker .picker-items .row-item .item.is-now:before{content:"";border:1px solid rgba(57,192,134,.2);background:none}.date-range-picker .picker .picker-items .row-item .item.is-now.disabled,.datepicker .picker .picker-items .row-item .item.is-now.disabled,.datetime-picker .picker .picker-items .row-item .item.is-now.disabled,.timepicker .picker .picker-items .row-item .item.is-now.disabled{opacity:.8;color:#39c086!important}.date-range-picker .picker .picker-items .row-item .item.is-now.disabled:before,.datepicker .picker .picker-items .row-item .item.is-now.disabled:before,.datetime-picker .picker .picker-items .row-item .item.is-now.disabled:before,.timepicker .picker .picker-items .row-item .item.is-now.disabled:before{content:""!important}.date-range-picker .picker .picker-items .row-item .item.is-in-range:before,.datepicker .picker .picker-items .row-item .item.is-in-range:before,.datetime-picker .picker .picker-items .row-item .item.is-in-range:before,.timepicker .picker .picker-items .row-item .item.is-in-range:before{max-width:none;border-radius:0;border:none;background:rgba(57,192,134,.15)}.date-range-picker .picker .picker-items .row-item .item.selected,.datepicker .picker .picker-items .row-item .item.selected,.datetime-picker .picker .picker-items .row-item .item.selected,.timepicker .picker .picker-items .row-item .item.selected{color:#fff}.date-range-picker .picker .picker-items .row-item .item.selected:before,.datepicker .picker .picker-items .row-item .item.selected:before,.datetime-picker .picker .picker-items .row-item .item.selected:before,.timepicker .picker .picker-items .row-item .item.selected:before{max-width:40px;border-radius:3px;background:#39c086}.date-range-picker .picker .btns,.datepicker .picker .btns,.datetime-picker .picker .btns,.timepicker .picker .btns{padding:10px 0 0;border-top:1px solid #f3f5f8;overflow:hidden}.date-range-picker .picker .btns .btn,.datepicker .picker .btns .btn,.datetime-picker .picker .btns .btn,.timepicker .picker .btns .btn{float:right;padding:0 4px;margin:0 0 0 10px;font-size:12px;color:#39c086;cursor:pointer}.date-range-picker .range-picker,.datepicker .range-picker,.datetime-picker .range-picker,.timepicker .range-picker{display:flex}.date-range-picker .vue-input{text-align:center}.page-alarm__container{height:calc(100vh - 92px);display:flex;flex-direction:column;background:#e8edf2}.page-alarm__container .datetime-picker input{height:calc(1.5em + .5rem)}.page-alarm__container .alarm-header .toolbar .btn+.btn{margin-left:8px}.page-alarm__container .alarm-body{background:#fff;border:1px solid #cacaca;flex:1}.page-alarm__container .alarm-body .alarm-wrapper{height:100%;max-height:100%;position:relative}