body{margin:0;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;height:100vh;width:100vw;background:#fff}#dvr-player{display:flex;flex-direction:column;height:100%;width:100%;background:#000}.PlayersContainer{display:flex;width:100%;height:100%;flex-wrap:wrap}.menuGroup{display:flex;align-items:center;width:100%;margin-top:8px;height:100%}.dvr-timeline{background:#403f49;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif}.clear{width:100%;clear:both}.ng-react-dvr #dvr-player{background:none}.ng-react-dvr{height:400px;position:relative;display:flex;flex-direction:column;width:100%}.ng-react-dvr .dvr-timeline{background-color:rgba(0,0,0,0);order:1}.ng-react-dvr .PlayersContainer{order:2}.ng-react-dvr .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:0;z-index:-1}.ng-react-dvr .dvr-timeline .time-markers span{color:black !important}.ng-react-dvr .dvr-timeline .download-text{color:black}.ng-react-dvr .timeline__timelineView{box-shadow:none;border:none}.ng-react-dvr .dvr-timeline .timeline .controls-left{margin:8px 0 8px 8px}.btn{outline:none !important}.ng-react-dvr .dvr-timeline .btn{background-color:#b5b5b9}.ng-react-dvr .dvr-timeline .btn:hover{background-color:#aeaeb7}.ng-react-dvr .dvr-timeline .btn:active{background-color:#91919a}.ng-react-dvr .dvr-timeline .timeline__speedControls{background-color:#91919a}.ng-react-dvr .dvr-timeline .timeline__speedControls__slower{border-right-color:#777 !important}.ng-react-dvr .dvr-timeline .timeline__speedControls__currentSpeed{background-color:#91919a;border:none}.ng-react-dvr .timeline__timeControl{background-color:#b5b5b9}.ng-react-dvr .dvr-player-wrapper{bottom:10px}.ng-react-dvr .dvr-timeline .time-control{font-size:12px;line-height:14px;padding:0px;width:62px;margin-left:8px}.ng-react-dvr .dvr-timeline .speed-control{width:90px}.ng-react-dvr .dvr-timeline .speed-control-left{margin-left:0;margin-top:2px}.ng-react-dvr .dvr-timeline .speed-control-right{margin-left:8px;margin-top:2px}.ng-react-dvr .dvr-timeline .speed-control-middle{height:14px;margin-top:4px;line-height:14px;width:30px}.ng-react-dvr .dvr-timeline .calendar-date{display:none}.ng-react-dvr .dvr-timeline .control{height:14px;line-height:14px}.ng-react-dvr .dvr-timeline .timeline .time-markers{height:28px}.ng-react-dvr .dvr-timeline .timeline .dvr-marker-left svg path,.ng-react-dvr .dvr-timeline .timeline .dvr-marker-right svg path{stroke:#ccc !important;stroke-width:1px !important;box-shadow:1px 1px 10px 1px #000}.dvr-player .failure-message{color:#c12e2a;padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee;margin-left:30px;margin-right:30px}.dvr-player{height:100%;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif}.dvr-player-wrapper{display:block;width:100%;position:absolute;left:0;right:0;bottom:106px;top:0}.dvr-player-wrapper .no-live-wrapper{margin:0 auto}.dvr-player-wrapper>div{margin:0 auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,0);border:none}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.4);border:none}.dvr-player-wrapper{display:block;justify-content:center;align-items:center;overflow:hidden;width:100%;position:absolute;left:0;right:0;bottom:106px;top:0}.dvr-player-wrapper:focus{outline:0}.clickToPlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.resetZoomBtn{position:absolute;padding:4px;margin:0;right:16px;top:16px;width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;background:#66666d;color:white;outline:none;z-index:2000}.resetZoomBtn:hover{background:#209c61}.zoomWrapper{max-height:100%;position:relative;height:100%;transition:150ms ease-in-out}.flexTransform{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.dvr-player.calendar-expanded .dvr-player-wrapper{bottom:218px}.pause-wrapper{position:absolute;z-index:1000;font-size:100px;font-weight:900;color:white;left:calc(50% - 30px);top:calc(50% - 50px)}.no-live-wrapper{position:absolute;top:0;left:0;z-index:300;font-size:14px;color:white;width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none}.no-live-wrapper p{margin-bottom:0}.no-live-wrapper p:first-child{margin-top:0}.loading-wrapper{position:absolute;top:0;left:0;z-index:1000;pointer-events:none;background-color:rgba(255,255,255,0.25);width:100%;height:100%}.timeline{display:block;position:relative;margin:6px;margin-bottom:0px}.timeline .btn{background:#66666d;color:white;font-weight:normal;padding:8px 10px;max-height:32px;border-radius:4px;border:none;cursor:pointer}.timeline .btn:hover{background-color:#6e6e75}.timeline .btn:active{background-color:#58585f}.btn--rightmost{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left:1px solid rgba(255,255,255,0.2) !important}.btn--leftmost{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:1px solid rgba(0,0,0,0.2) !important}.timeline__timelineView{display:block;overflow:hidden;width:100%;padding-bottom:6px;box-shadow:rgba(0,0,0,0.4) 0px 1px 22.8px 2px inset;border-bottom:1px solid #5f5e69;border-top:1px solid #18181b;border-right:1px solid #5f5e69;border-left:1px solid #18181b}.timeline .recorded-ranges{height:16px;width:100%;cursor:pointer;display:block;position:relative}.timeline .recorded-ranges .motion-wrap{height:18px;width:100%;top:80%;position:absolute}.timeline .recorded-ranges .range-wrap{height:25%;width:100%;top:33%;background:#c5c5c5;position:absolute}.timeline .recorded-ranges:hover .range-wrap{height:40%;top:20%}.dvr-timeline .timeline .recorded-ranges .now-marker{position:absolute;top:calc(50% - 8px)}.dvr-timeline .timeline .recorded-ranges .now-marker div{position:absolute;z-index:5;border-radius:4px;top:3px;left:-5px;height:8px;width:8px;background:#c5c5c5}.dvr-timeline .timeline .recorded-ranges:hover .now-marker div{height:12px;width:12px;border-radius:6px;top:1px;left:-6px}.dvr-timeline .timeline .recorded-ranges .range-wrap div,.dvr-timeline .timeline .recorded-ranges .motion-wrap div{position:absolute;height:100%}.dvr-timeline .timeline .recorded-ranges .hit{background:#209a60}.dvr-timeline .timeline .recorded-ranges .miss{background:#ce2738}.dvr-timeline .timeline .recorded-ranges .live{background:#6ba0de}.dvr-timeline .timeline .recorded-ranges .motion{background:#f0ad4e;border:3px solid #f0ad4e;border-radius:4px}.dvr-timeline .timeline .time-markers{display:block;position:relative;width:100%;height:18px;padding:12px 0 0 0;cursor:pointer}.dvr-timeline .timeline .time-markers span{position:absolute;color:white;white-space:nowrap}.timeline .icon{width:14px;height:16px;display:block}.timeline__zoomoutControl{display:inline-block;vertical-align:top}.timeline__zoominControl{display:inline-block;vertical-align:top;margin-right:20px}.timeline__seekLeftControl{display:inline-block;vertical-align:top}.timeline__seekRightControl{display:inline-block;vertical-align:top}.timeline__speedControls{display:inline-block;display:none;vertical-align:top;margin-right:10px;background-color:#39383e;border-radius:4px;width:auto;overflow:hidden;max-height:34px}.timeline__speedControls.hidden{visibility:hidden;width:0}.timeline__speedControls__slower{display:inline-block;vertical-align:middle;border-right-color:#282828 !important}.timeline__speedControls__currentSpeed{display:inline-block;vertical-align:middle;width:40px;height:30px;line-height:30px;text-align:center;color:white;border-top:1px solid #282828;border-bottom:1px solid #605f69}.timeline__speedControls__faster{display:inline-block;vertical-align:middle}.timeline__timeControl{display:inline-block;vertical-align:top;float:right;padding:4px 15px;line-height:26px;color:white;background:#66666d;border-radius:4px;text-align:center;min-width:90px;box-sizing:border-box}.timeline__timeControl__current{color:white}.timeline__downloadControls{display:none}.blanker{margin-left:auto}.timeline .control{display:inline-block;vertical-align:middle;margin-left:10px;line-height:24px;color:white}.timeline .control .download{display:inline-block;vertical-align:middle;text-decoration:none;color:#fff;cursor:pointer;background:#209c61;border-radius:4px;line-height:24px;padding:4px 15px}.timeline .control .download-text{display:inline-block;vertical-align:middle;line-height:30px;margin:0 0 0 10px}.timeline__snapshotControl{display:none}.timeline__calendarControl{display:inline-block;vertical-align:middle;display:none;line-height:12px;padding:5px !important;cursor:pointer}.timeline__calendar__current{display:flex;justify-content:center;align-items:center;padding:0 4px}.timeline__calendar__current i{margin-right:4px}.timeline__calendarContent{display:block;width:100%;overflow-x:auto;background-color:#504f59}.timeline__thumbnail{position:absolute;background:rgba(0,0,0,0.4);border:1px #111 solid;overflow:hidden}.timeline__thumbnail__image{display:block;position:relative;box-sizing:content-box;width:0;height:0}.timeline__thumbnail__caption{white-space:nowrap;height:24px;line-height:24px;padding:0 6px;background-color:rgba(0,0,0,0.5);border-top:1px solid rgba(0,0,0,0.4);color:white;position:relative;width:auto;display:block}.timeline .dvr-marker-left{left:0;margin-left:0px}.timeline .dvr-marker-left,.timeline .dvr-marker-right{cursor:e-resize;display:block;width:15px;height:26px;position:absolute;top:6px;display:none}.timeline .dvr-marker-right{width:12px;height:50px;overflow:hidden}.dvr-timeline .timeline .dvr-marker-drag div{width:12px;height:32px;position:absolute;top:16px}.dvr-timeline .timeline .dvr-marker-left svg{margin:18px 0 0 -16px;transform:scale(-2, 2);-webkit-transform:scale(-2, 2)}.dvr-timeline .timeline .dvr-marker-right svg{margin:18px 0 0 4px;transform:scale(2, 2);-webkit-transform:scale(2, 2)}.dvr-timeline .timeline .progress-wrapper .progress-bar{position:absolute;float:none}.dvr-timeline .timeline .progress-wrapper .progress-bar-success{background:#209a60}.dvr-timeline .timeline .progress-wrapper .progress-bar-danger{background:#ce2738}.dvr-timeline .timeline .progress-wrapper .progress-bar-info{background:#6ba0de}.dvr-timeline .timeline .play-marker{width:10px;height:10px;background:white;opacity:0.9;border-radius:5px;top:10px}.dvr-timeline .calendar{display:inline-block;vertical-align:top;width:auto;padding-top:10px;background:#504f59;color:white;white-space:nowrap;position:absolute;top:0;bottom:0;z-index:4000;width:100%}.dvr-timeline .calendar .calendar_close{position:absolute;font-size:24px;right:-12px;top:-12px;background:#8a8698;border-radius:50%;width:24px;height:24px;text-align:center;line-height:25px;box-shadow:rgba(0,0,0,0.4) 0px 1px 22.8px 2px;cursor:pointer}.dvr-timeline .calendar .calendar_close:hover{background:#1da664}.dvr-timeline .calendar .month-change{display:inline-block;vertical-align:top;height:100%;width:30px;height:90px;line-height:90px;text-align:center;background-position:center center;background-repeat:no-repeat;cursor:pointer}.dvr-timeline .calendar .month-change:active{background-color:rgba(255,255,255,0.05)}.dvr-timeline .calendar .month{display:inline-block;vertical-align:top;margin:5px 0;text-align:center;padding:25px 16px 0;border-left:1px solid #56595e;border-right:1px solid #56595e}.dvr-timeline .calendar .month .year{color:#a6a8aa}.dvr-timeline .calendar .days{display:inline-block;vertical-align:top;width:calc(100% - 130px)}.dvr-timeline .calendar .day-names{height:27px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dvr-timeline .calendar .day-name{display:inline-block;vertical-align:top;width:100%;padding:6px 0;color:#1da664;text-align:center}.dvr-timeline .calendar .day-entries{height:27px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dvr-timeline .calendar .day-entry{display:inline-block;width:100%;padding:6px 0;text-align:center;user-select:none}.dvr-timeline .calendar .day-entry:hover{font-weight:bold;color:black;background:#fff}.dvr-timeline .calendar .day-entry.avaible{background:#57b186;cursor:pointer}.dvr-timeline .calendar .day-entry.avaible:hover{color:white;background:blue}.dvr-timeline .calendar .day-entry.other-month{color:gray}.dvr-timeline .calendar .day-entry.current-day{background:green}.dvr-timeline .calendar .day-entry.selected-day{background:blue}@media screen and (min-width: 480px){.dvr-player-wrapper{bottom:106px}.dvr-player.calendar-expanded .dvr-player-wrapper{bottom:218px}.timeline{margin:6px;margin-bottom:0px}.timeline__speedControls{display:inline-block;margin-left:20px}.timeline__calendarControl{visibility:visible}.timeline__calendarControl.inactive{visibility:hidden}.timeline__thumbnail{top:-156px;transform:none}.timeline__thumbnail__image{height:160px}}@media screen and (min-width: 568px){.dvr-player-wrapper{bottom:110px}.dvr-player.calendar-expanded .dvr-player-wrapper{bottom:222px}.timeline{margin:8px;margin-bottom:2px}.timeline__calendarControl{display:inline-block;margin-right:20px;float:right}}@media screen and (min-width: 720px){.dvr-player-wrapper{bottom:130px}.dvr-player.calendar-expanded .dvr-player-wrapper{bottom:230px}.timeLineCursor{position:absolute;top:34px;width:1px;height:6px;background-color:orange;pointer-events:none}.timeline{margin:14px;margin-bottom:6px}.timeline__zoominControl{margin-right:10px}.timeline__speedControls{margin-left:10px;margin-right:0px}.timeline__downloadControls{display:inline-block;float:right;margin-right:10px}.timeline__calendarControl{margin-right:10px}.timeline .dvr-marker-left,.timeline .dvr-marker-right{display:block}}@media screen and (min-width: 1000px){.dvr-player-wrapper{bottom:150px}.dvr-player.calendar-expanded .dvr-player-wrapper{bottom:246px}.timeline{margin:20px 30px;margin-bottom:16px}.timeline__zoominControl{margin-right:20px}.timeline__speedControls{margin-left:20px}.timeline__downloadControls{margin-right:20px;height:36px}button.btn{height:32px}button.btn i{line-height:1;display:flex;align-items:center;justify-content:center}.timeline__snapshotControl{display:inline-block;float:right;margin-right:10px}.timeline__snapshotControl .btn{padding:4px 8px;height:32px}.timeline__snapshotControl .btn:focus{outline:none}.timeline__snapshotControl .btn .icon{height:24px;width:24px}.timeline__calendarControl{margin-right:20px}}.spinnerThreeBounce{position:absolute;margin:0 auto;width:70px;text-align:center;z-index:999;left:0;right:0;margin-left:auto;margin-right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.bounce{width:18px;height:18px;background-color:#ffffff;border-radius:100%;display:inline-block;-webkit-animation-name:bouncedelay;animation-name:bouncedelay;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.Loading{visibility:hidden}.Loading.visible{visibility:visible}.PlayerInstance{height:auto;position:relative;box-sizing:border-box;order:999}.PlayerInstance .dvr-player-wrapper{bottom:0 !important;height:auto;max-height:100%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15);z-index:0}.timelineLoading{position:absolute;width:100%;height:100%;text-align:center;background:rgba(255,255,255,0.5);z-index:3000}.PlayerInstance .CameraName{position:absolute;top:8px;left:8px;color:#ffffff;font-size:20px;z-index:1000;background:#0000007d;padding:8px 16px;border-radius:4px;opacity:0}.PlayerInstance:hover .CameraName{opacity:1}.PlayerInstance.visible .CameraName{opacity:1}.noData{height:auto;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff}.noData .CameraName{position:absolute;top:8px;left:8px;color:#ffffff;font-size:20px;z-index:1000;background:#0000007d;padding:8px 16px;border-radius:4px;opacity:0}.noData:hover .CameraName{opacity:1}.noDvr{color:#fff;font-size:16px;text-align:center;position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;z-index:1001}.mainPlayer{color:#fff;font-size:16px;text-align:center;position:absolute;right:8px;top:8px;z-index:1001}.mainPlayer>span{font-size:24px;margin-right:4px;vertical-align:middle;color:#1da664}.vjs-big-play-button{display:none}.vjs-control-bar{display:none}.vjs-text-track-settings{display:none}.vjs-v7{width:100% !important;height:100% !important;transform:none !important;transform-origin:initial !important}.vjs-resize-manager{display:none}.rangesLoading{position:absolute;z-index:1000;left:8px;bottom:2px;color:#ffffff;opacity:0}.rangesLoading.visible{opacity:1}.rangesLoading span{margin-right:4px;color:red}