body{margin:0}.dvrContainer{position:relative;box-sizing:border-box;height:100%;width:100%;max-height:100%;max-width:100%;overflow:hidden;margin:0;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:subpixel-antialiased}.dvrContainer.noDvr .dvr-timeline{display:flex;flex:1}.dvrContainer input:focus,.dvrContainer textarea:focus,.dvrContainer select:focus{outline:none}.dvrContainer #forPopup{z-index:1000}.dvrContainer .playersContainer{display:flex;width:100%;height:100%;max-height:calc(100% - 154px);flex-wrap:wrap;background:#000}.dvrContainer .playersContainer.floatingMenu{max-height:100%}.dvrContainer .timeStamp{position:absolute;top:0;left:0;margin:16px;z-index:1000;background:rgba(0,0,0,0.45);border-radius:8px;padding:8px 16px}.dvrContainer .timeStamp>a{text-decoration:none;color:#fff}.dvrContainer .menuGroup{display:flex;align-items:center;width:100%;margin-top:8px;height:100%}.dvrContainer .menuGroup .volumeBlock{display:flex;flex-wrap:nowrap;position:relative}.dvrContainer .dvr-timeline{background:#403f49;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif}.dvrContainer .dvr-timeline.floatingMenu{padding-bottom:0;margin:8px;border-radius:8px;position:absolute;bottom:0;left:0;width:calc(100% - 16px);z-index:100;transition:150ms ease-in-out}.dvrContainer .dvr-timeline.floatingMenu.closed>.timeline{margin:0;padding:0}.dvrContainer .dvr-timeline.closed{width:48px;height:48px;border-radius:50%;margin:16px;overflow:hidden;box-shadow:2px 2px 3px 1px rgba(0,0,0,0.45)}.dvrContainer .clear{width:100%;clear:both}.dvrContainer .btn{outline:none !important}.dvrContainer .dvr-player .failure-message{color:#c12e2a;padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee;margin-left:30px;margin-right:30px}.dvrContainer .dvr-player{height:100%;font:14px "Helvetica Neue", Helvetica, Arial, sans-serif}.dvrContainer .dvr-player-wrapper{display:block;width:100%;position:absolute;left:0;right:0;bottom:106px;top:0}.dvrContainer .dvr-player-wrapper .no-live-wrapper{margin:0 auto}.dvrContainer .dvr-player-wrapper>div{margin:0 auto}.dvrContainer ::-webkit-scrollbar{width:12px;height:12px}.dvrContainer ::-webkit-scrollbar-track{background:rgba(0,0,0,0);border:none}.dvrContainer ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.4);border:none}.dvrContainer .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}.dvrContainer .dvr-player-wrapper:focus{outline:0}.dvrContainer .clickToPlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.dvrContainer .clickToPlay svg{fill:#fff}.dvrContainer .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}.dvrContainer .resetZoomBtn:hover{background:#209c61}.dvrContainer .zoomWrapper{max-height:100%;position:relative;height:100%;transition:150ms ease-in-out}.dvrContainer .flexTransform{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.dvrContainer .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:218px}.dvrContainer .pause-wrapper{position:absolute;z-index:1000;font-size:100px;font-weight:900;color:white;left:calc(50% - 30px);top:calc(50% - 50px)}.dvrContainer .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}.dvrContainer .no-live-wrapper p{margin-bottom:0}.dvrContainer .no-live-wrapper p:first-child{margin-top:0}.dvrContainer .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%}.dvrContainer .timeline{display:block;position:relative;margin:6px;margin-bottom:0px}.dvrContainer .timeline .selectionControls{position:absolute;width:calc(100% + 1px);top:-27px;left:0;z-index:300}.dvrContainer .timeline .selectionControls .dvrSelector{position:absolute;top:28px;height:48px;width:1px;background:#209c61;z-index:100}.dvrContainer .timeline .selectionControls .dvrSelector .drag-tooltip{height:24px;min-width:20px;padding:4px 8px;border-radius:8px;position:absolute;left:-10px;top:-20px;background:white;box-sizing:border-box}.dvrContainer .timeline .selectionControls .dvrSelector .drag-tooltip.moving{width:71px;transform:translateX(-25px)}.dvrContainer .timeline .selectionControls .dvrSelector .drag-tooltip.locked{background:#ffa600}.dvrContainer .timeline .selectionControls .selectionLength{position:absolute;overflow:hidden;top:18px;height:3px;text-align:center;color:white;background:#ffa500bd;user-select:none;transition:height 150ms ease-in-out}.dvrContainer .timeline .selectionControls:hover .selectionLength{height:16px}.dvrContainer .timeline .btn{background:#66666d;color:white;font-weight:normal;padding:8px 10px;max-height:32px;border-radius:4px;border:none;cursor:pointer;min-width:32px;box-sizing:border-box}.dvrContainer .timeline .btn.menu{padding:8px 0;margin-right:8px;margin-left:-6px;border-radius:0 8px 8px 0;min-width:25px;box-shadow:inset -2px 2px 2px 0px rgba(0,0,0,0.15)}.dvrContainer .timeline .btn.menu i{margin-left:-1px}.dvrContainer .timeline .btn.menu:hover{background:#ffcc80}.dvrContainer .timeline .btn.menuHighlight{background:#1da664;height:48px;max-height:48px;width:48px;padding:0;margin:0;position:absolute;top:0;left:0;z-index:1000}.dvrContainer .timeline .btn.menuHighlight:hover{background:#f0ad4e}.dvrContainer .timeline .btn:hover{background-color:#6e6e75}.dvrContainer .timeline .btn:active{background-color:#58585f}.dvrContainer .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}.dvrContainer .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}.dvrContainer .timeline__timelineView{display:block;position:relative;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}.dvrContainer .timeline .recorded-ranges{height:16px;width:100%;cursor:pointer;display:block;position:relative}.dvrContainer .timeline .recorded-ranges .motion-wrap{height:18px;width:100%;top:80%;position:absolute}.dvrContainer .timeline .recorded-ranges .range-wrap{height:25%;width:100%;top:33%;background:#c5c5c5;position:absolute}.dvrContainer .timeline .recorded-ranges:hover .range-wrap{height:40%;top:20%}.dvrContainer .dvr-timeline .timeline .recorded-ranges .now-marker{position:absolute;top:calc(50% - 8px)}.dvrContainer .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}.dvrContainer .dvr-timeline .timeline .recorded-ranges:hover .now-marker div{height:12px;width:12px;border-radius:6px;top:1px;left:-6px}.dvrContainer .dvr-timeline .timeline .recorded-ranges .range-wrap div,.dvrContainer .dvr-timeline .timeline .recorded-ranges .motion-wrap div{position:absolute;height:100%}.dvrContainer .dvr-timeline .timeline .recorded-ranges .hit{background:#209a60}.dvrContainer .dvr-timeline .timeline .recorded-ranges .miss{background:#ce2738}.dvrContainer .dvr-timeline .timeline .recorded-ranges .live{background:#6ba0de}.dvrContainer .dvr-timeline .timeline .recorded-ranges .motion{background:#f0ad4e;border:3px solid #f0ad4e;border-radius:4px}.dvrContainer .dvr-timeline .timeline .time-markers{display:block;position:relative;width:100%;height:18px;padding:12px 0 0 0;cursor:pointer}.dvrContainer .dvr-timeline .timeline .time-markers span{transform:translateX(-50%);user-select:none;top:8px}.dvrContainer .dvr-timeline .timeline .time-markers span .marker{position:absolute;height:12px;top:19px;left:calc(50% - 1px);width:1px;background:rgba(255,255,255,0.35)}.dvrContainer .dvr-timeline .timeline .time-markers span{position:absolute;color:white;white-space:nowrap}.dvrContainer .timeline .icon{width:14px;height:16px;display:block}.dvrContainer .timeline__zoomoutControl{display:inline-block;vertical-align:top}.dvrContainer .timeline__zoominControl{display:inline-block;vertical-align:top}.dvrContainer .timeline__seekLeftControl{display:inline-block;vertical-align:top}.dvrContainer .timeline__seekRightControl{display:inline-block;vertical-align:top}.dvrContainer .volume{width:100px;height:32px;background-color:#33323a;position:relative;border-radius:0 4px 4px 0;overflow:hidden;cursor:pointer}.dvrContainer .volume .volumePos{position:absolute;top:0;left:0;height:32px;background-color:#1da664;z-index:100}.dvrContainer .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;white-space:nowrap}.dvrContainer .timeline__speedControls.hidden{visibility:hidden;width:0;display:none}.dvrContainer .timeline__speedControls__slower{display:inline-block;vertical-align:middle;border-right-color:#282828 !important}.dvrContainer .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}.dvrContainer .timeline__speedControls__faster{display:inline-block;vertical-align:middle}.dvrContainer .timeline__timeControl{display:inline-block;vertical-align:top;padding:4px 15px;line-height:26px;color:white;background:#66666d;border-radius:4px;text-align:center;min-width:90px;box-sizing:border-box}.dvrContainer .timeline__timeControl__current{color:white;text-decoration:none}.dvrContainer .timeline__downloadControls{display:none}.dvrContainer .noDvr_message{color:#fff;margin-left:16px}.dvrContainer .blanker{margin-left:auto}.dvrContainer input[type=number]{-moz-appearance:textfield}.dvrContainer input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dvrContainer input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dvrContainer .timeline__snapshotControl{display:none}.dvrContainer .timeline__calendarControl{display:flex;vertical-align:middle;line-height:12px;box-sizing:border-box;height:32px;padding:0 8px !important;cursor:pointer;overflow:hidden}.dvrContainer .timeline__calendar__current{display:flex;justify-content:end;align-items:center;padding:0 4px}.dvrContainer .timeline__calendar__current i{margin-right:4px}.dvrContainer #calendarModal{position:absolute;left:32px;top:20%;width:calc(100% - 64px);height:52%;background:#403f49;color:#fff;overflow:visible;border-radius:8px;box-shadow:3px 3px 5px 4px rgba(0,0,0,0.25)}.dvrContainer .dvr-timeline .downloadBlock{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.dvrContainer .dvr-timeline .downloadBlock button.download{height:32px;width:auto;background:none;border:0;padding:0;margin:0;display:flex;box-sizing:border-box;align-items:center;justify-content:center}.dvrContainer .dvr-timeline .downloadBlock button.download:hover a:hover{background:#24bf74}.dvrContainer .dvr-timeline .downloadBlock a.download{background:#209c61;min-width:auto}.dvrContainer .dvr-timeline .downloadBlock a.carret{position:relative;width:16px;min-width:auto;padding:8px 6px;background:#209c61;border-radius:0 4px 4px 0;border-left:1px solid #188451}.dvrContainer .dvr-timeline .downloadBlock a.carret:before{color:white;display:inline-block;width:0;height:0;margin-left:-2px;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dvrContainer .dvr-timeline .downloadBlock a.carret div{position:absolute;bottom:30px;right:0;opacity:0;height:0;width:0;background:#56595e;box-shadow:2px 2px 2px 2px #00000036;border-radius:2px;z-index:1000}.dvrContainer .dvr-timeline .downloadBlock a.carret div ul{list-style-type:none;margin:0;padding:0}.dvrContainer .dvr-timeline .downloadBlock a.carret div ul li{padding:8px 12px;white-space:nowrap;text-align:left}.dvrContainer .dvr-timeline .downloadBlock a.carret div ul li:hover{background:#7e8186}.dvrContainer .dvr-timeline .downloadBlock a.carret:hover div{width:auto;height:auto;opacity:1}.dvrContainer #forDownloadModal .control{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;color:white;background:#56595e;height:32px;max-height:32px;box-sizing:border-box;padding:2px 2px 2px 12px;white-space:nowrap;border-radius:4px 0px 0px 4px;box-shadow:inset 1px 1px 4px 1px rgba(0,0,0,0.25)}.dvrContainer #forDownloadModal .control .download{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;text-decoration:none;color:#fff;cursor:pointer;background:#209c61;border-radius:4px;line-height:24px}.dvrContainer #forDownloadModal .control .download i{margin-right:8px}.dvrContainer #forDownloadModal .control .download.cancel{background:#56595e;margin-left:16px}.dvrContainer #forDownloadModal .control .download.disabled{background:#56595e}.dvrContainer #forDownloadModal .control .download-text{display:flex;justify-content:center;align-items:center}.dvrContainer #forDownloadModal .control .download-text .inputBlock{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.dvrContainer #forDownloadModal .control .download-text .inputBlock span{font-size:12px;margin:-20px 0 8px;color:#c1c1c3}.dvrContainer #forDownloadModal .control .download-text .inputBlock input{height:24px;width:20px;margin:0px 1px;font-size:12px;border:none;color:#ffffff;background:none;text-align:center}.dvrContainer #forDownloadModal .control .download-text .inputBlock input.locked{color:#ffcc80;font-weight:bold}.dvrContainer #forDownloadModal .control .lockButton{cursor:pointer;user-select:none;display:inline-block;vertical-align:middle;line-height:16px;margin-right:2px;margin-top:-5px;width:16px;height:16px;overflow:hidden}.dvrContainer #forDownloadModal .control .lockButton svg{transform:translateX(-17px)}.dvrContainer #forDownloadModal .control .lockButton.locked svg{transform:translateX(0)}.dvrContainer #forDownloadModal .control .lockButton.locked svg path{fill:orange}.dvrContainer .timeline__calendarContent{display:block;width:100%;overflow-x:auto;background-color:#504f59}.dvrContainer .timeline__calendarContent .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;padding:8px;width:100%;box-sizing:border-box;border-radius:8px}.dvrContainer .timeline__calendarContent .calendar .month-selection{text-align:center}.dvrContainer .timeline__calendarContent .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}.dvrContainer .timeline__calendarContent .calendar .calendar_close:hover{background:#1da664}.dvrContainer .timeline__calendarContent .calendar .month-change{display:inline-block;vertical-align:top;height:100%;width:72px;height:44px;line-height:46px;text-align:center;background-position:center center;background-repeat:no-repeat;cursor:pointer}.dvrContainer .timeline__calendarContent .calendar .month-change:active{background-color:rgba(255,255,255,0.05)}.dvrContainer .timeline__calendarContent .calendar .month{display:inline-block;vertical-align:top;margin:8px 0;text-align:center;padding:0 24px;border-left:1px solid #56595e;border-right:1px solid #56595e}.dvrContainer .timeline__calendarContent .calendar .month .year{color:#a6a8aa}.dvrContainer .timeline__calendarContent .calendar .days{display:inline-block;vertical-align:top;width:100%}.dvrContainer .timeline__calendarContent .calendar .day-names{height:54px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dvrContainer .timeline__calendarContent .calendar .day-name{display:inline-block;vertical-align:top;width:100%;padding:6px 0;color:#1da664;text-align:center}.dvrContainer .timeline__calendarContent .calendar .day-entries{height:64px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dvrContainer .timeline__calendarContent .calendar .day-entries:first-child{border-top:1px solid rgba(255,255,255,0.15)}.dvrContainer .timeline__calendarContent .calendar .day-entries:nth-child(3){border-top:1px solid rgba(255,255,255,0.15)}.dvrContainer .timeline__calendarContent .calendar .day-entry{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;user-select:none;border-left:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15)}.dvrContainer .timeline__calendarContent .calendar .day-entry:last-child{border-right:1px solid rgba(255,255,255,0.15)}.dvrContainer .timeline__calendarContent .calendar .day-entry:hover{font-weight:bold;color:black;background:#fff}.dvrContainer .timeline__calendarContent .calendar .day-entry.avaible{background:#57b186;cursor:pointer}.dvrContainer .timeline__calendarContent .calendar .day-entry.avaible:hover{color:white;background:blue}.dvrContainer .timeline__calendarContent .calendar .day-entry.other-month{color:gray}.dvrContainer .timeline__calendarContent .calendar .day-entry.current-day{background:green}.dvrContainer .timeline__calendarContent .calendar .day-entry.selected-day{background:blue}.dvrContainer .timeline__thumbnail{position:absolute;background:rgba(0,0,0,0.4);border:1px #111 solid;overflow:hidden;z-index:101}.dvrContainer .timeline__thumbnail__image{display:block;position:relative;box-sizing:content-box;width:0;height:0}.dvrContainer .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}.dvrContainer .timeline .dvr-marker-left,.dvrContainer .timeline .dvr-marker-right{cursor:e-resize;display:block;width:15px;height:26px;position:absolute;top:-15px;display:none}.dvrContainer .timeline .dvr-marker-left{left:0;height:70px;margin-left:0px}.dvrContainer .timeline .dvr-marker-right{width:12px;height:70px}.dvrContainer .dvr-timeline .timeline .dvr-marker-left svg{margin:38px 0 0 -16px;transform:scale(-2, 2);-webkit-transform:scale(-2, 2)}.dvrContainer .dvr-timeline .timeline .dvr-marker-right svg{margin:38px 0 0 4px;transform:scale(2, 2);-webkit-transform:scale(2, 2)}.dvrContainer .dvr-marker-drag{cursor:e-resize}.dvrContainer .dvr-marker-drag.locked{cursor:unset}.dvrContainer .dvr-marker-drag.locked svg path{fill:orange !important;stroke:orange !important}.dvrContainer .dvr-marker-drag .drag-tooltip{background:white;color:black;padding:4px 6px;font-size:12px;border-radius:4px;position:absolute;top:0;left:-28px;z-index:100;opacity:0;transition:300ms ease-in-out;user-select:none}.dvrContainer .dvr-marker-drag .drag-tooltip.visible{opacity:1}.dvrContainer .dvr-timeline .timeline .progress-wrapper .progress-bar{position:absolute;float:none}.dvrContainer .dvr-timeline .timeline .progress-wrapper .progress-bar-success{background:#209a60}.dvrContainer .dvr-timeline .timeline .progress-wrapper .progress-bar-danger{background:#ce2738}.dvrContainer .dvr-timeline .timeline .progress-wrapper .progress-bar-info{background:#6ba0de}.dvrContainer .dvr-timeline .timeline .play-marker{width:10px;height:10px;background:white;opacity:0.9;border-radius:5px;top:10px}@media only screen and (min-device-width: 240px) and (max-device-width: 960px) and (orientation: portrait){.dvrContainer .dvr-timeline{padding-bottom:8px}.dvrContainer .dvr-timeline .menuGroup{flex-wrap:wrap}.dvrContainer .dvr-timeline .menuGroup .timeline__calendarControl{margin-left:auto}.dvrContainer .dvr-timeline .menuGroup .timeline__timeControl{margin-top:8px;margin-left:16px}.dvrContainer .dvr-timeline.floatingMenu{padding-bottom:8px}.dvrContainer .dvr-timeline.floatingMenu.closed{padding-bottom:0}.dvrContainer .timeline__calendarContent #calendar .day-entries{height:32px}.dvrContainer .timeline__calendar__current{padding:0;text-align:center;justify-content:center}.dvrContainer .timeline__calendar__current i{text-align:center;margin-right:0}.dvrContainer .volumeBlock:hover .volume{height:100px}.dvrContainer .volumeBlock .volume{width:32px;height:0;position:absolute;bottom:100%;border-radius:4px}.dvrContainer .volumeBlock .volume .volumePos{height:100px;width:32px;bottom:0;top:unset}}@media only screen and (max-device-width: 1024px) and (orientation: landscape){.dvrContainer #calendarModal{position:absolute;left:32px;top:10%;height:80%}.dvrContainer #calendarModal .day-names{height:42px}.dvrContainer #calendarModal .day-entries{height:32px}.dvrContainer .dvr-timeline.floatingMenu{padding-bottom:8px}.dvrContainer .dvr-timeline.floatingMenu.closed{padding-bottom:0}.dvrContainer .volumeBlock:hover .volume{height:100px}.dvrContainer .volumeBlock .volume{width:32px;height:0;position:absolute;bottom:100%;border-radius:4px}.dvrContainer .volumeBlock .volume .volumePos{height:100px;width:32px;bottom:0;top:unset}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.dvrContainer #calendarModal .day-names{height:64px}.dvrContainer #calendarModal .day-entries{height:64px}.dvrContainer .dvr-timeline.floatingMenu{padding-bottom:8px}.dvrContainer .dvr-timeline.floatingMenu.closed{padding-bottom:0}}@media screen and (max-width: 480px){.dvrContainer .playersContainer{max-height:calc(100% - 103px)}.dvrContainer .timeline__timeControl{padding:4px 8px;min-width:auto}.dvrContainer .volumeBlock:hover .volume{height:100px}.dvrContainer .volumeBlock .volume{width:32px;height:0;position:absolute;bottom:100%;border-radius:4px}.dvrContainer .volumeBlock .volume .volumePos{height:100px;width:32px;bottom:0;top:unset}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.dvrContainer #calendarModal .day-names{height:64px !important}.dvrContainer #calendarModal .day-entries{height:64px !important}}@media screen and (min-width: 480px){.dvrContainer .playersContainer{max-height:calc(100% - 103px)}.dvrContainer .dvr-player-wrapper{bottom:106px}.dvrContainer .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:218px}.dvrContainer .timeline{margin:6px;margin-bottom:0px}.dvrContainer .timeline .btn .timeline .btn.menu{margin-left:-14px}.dvrContainer .timeline .btn .timeline .btn.menuHighlight{background:#1da664;height:48px;max-height:48px;width:48px;padding:0;margin:0;position:absolute;top:0;left:0;z-index:1000}.dvrContainer .timeline .btn .timeline .btn.menuHighlight:hover{background:#f0ad4e}.dvrContainer .timeline__speedControls{display:inline-block;margin-left:20px}.dvrContainer .timeline__timeControl{padding:4px 12px;min-width:auto}.dvrContainer .timeline__calendarControl{visibility:visible}.dvrContainer .timeline__calendarControl.inactive{visibility:hidden}.dvrContainer .timeline__calendar__current{padding:0}.dvrContainer .timeline__thumbnail{top:-156px;transform:none}.dvrContainer .timeline__thumbnail__image{height:160px}.dvrContainer .timeline__calendar__current{padding:0;text-align:center;justify-content:center}.dvrContainer .timeline__calendar__current i{text-align:center;margin-right:0}}@media screen and (min-width: 568px){.dvrContainer .playersContainer{max-height:calc(100% - 107px)}.dvrContainer .dvr-player-wrapper{bottom:110px}.dvrContainer .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:222px}.dvrContainer .timeline{margin:8px;margin-bottom:2px}.dvrContainer .timeline .btn.menu{margin-left:-8px}.dvrContainer .timeline .btn.menuHighlight{margin-left:0}}@media screen and (min-width: 720px){.dvrContainer .playersContainer{max-height:calc(100% - 114px)}.dvrContainer .dvr-player-wrapper{bottom:130px}.dvrContainer .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:230px}.dvrContainer .timeLineCursor{position:absolute;top:34px;width:1px;height:6px;background-color:orange;pointer-events:none}.dvrContainer .timeline{margin:14px;margin-bottom:6px}.dvrContainer .timeline .btn.menu{margin-left:-14px}.dvrContainer .timeline .btn.menu.menuHighlight{margin-left:0}.dvrContainer .timeline__speedControls{margin-left:10px;margin-right:0px}.dvrContainer .timeline__timeControl{padding:4px 12px;min-width:auto}.dvrContainer .timeline__downloadControls{display:inline-block;margin-right:10px}.dvrContainer .timeline__calendar__current i{margin-right:4px}.dvrContainer .timeline .dvr-marker-left,.dvrContainer .timeline .dvr-marker-right{display:block}}@media screen and (min-width: 1000px){.dvrContainer .dvr-player-wrapper{bottom:150px}.dvrContainer .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:246px}.dvrContainer .timeline{margin:20px 30px;margin-bottom:16px}.dvrContainer .timeline .btn.menu{margin-left:-30px}.dvrContainer .timeline .btn.menuHighlight i{width:48px !important;margin-left:0}.dvrContainer .timeline__speedControls{margin-left:20px}.dvrContainer .timeline__downloadControls{margin-right:20px}.dvrContainer button.btn{height:32px}.dvrContainer button.btn i{line-height:1;display:flex;align-items:center;justify-content:center}.dvrContainer .timeline__snapshotControl{display:inline-block;margin-right:10px}.dvrContainer .timeline__snapshotControl .btn{padding:4px 8px;height:32px}.dvrContainer .timeline__snapshotControl .btn:focus{outline:none}.dvrContainer .timeline__snapshotControl .btn .icon{height:24px;width:24px}}.dvrContainer .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%)}.dvrContainer .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)}}.dvrContainer .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.dvrContainer .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.dvrContainer .Loading{visibility:hidden}.dvrContainer .Loading.visible{visibility:visible}.dvrContainer .PlayerInstance{height:auto;position:relative;box-sizing:border-box;order:999}.dvrContainer .PlayerInstance .dvr-player-wrapper{bottom:0 !important;position:relative;height:100%;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}.dvrContainer .timelineLoading{position:absolute;width:100%;height:100%;text-align:center;background:rgba(255,255,255,0.5);z-index:3000}.dvrContainer .PlayerInstance .CameraName{position:absolute;top:8px;left:calc(50% - 50px);color:#ffffff;font-size:20px;z-index:1000;background:#0000007d;padding:8px 16px;border-radius:4px;opacity:0}.dvrContainer .PlayerInstance:hover .CameraName{opacity:1}.dvrContainer .PlayerInstance.visible .CameraName{opacity:1}.dvrContainer .noData{height:auto;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff}.dvrContainer .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}.dvrContainer .noData:hover .CameraName{opacity:1}.dvrContainer .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}.dvrContainer .mainPlayer{color:#fff;font-size:16px;text-align:center;position:absolute;right:8px;top:8px;z-index:1001}.dvrContainer .mainPlayer>span{font-size:24px;margin-right:4px;vertical-align:middle;color:#1da664}.dvrContainer .vjs-big-play-button{display:none}.dvrContainer .vjs-control-bar{display:none}.dvrContainer .vjs-text-track-settings{display:none}.dvrContainer .vjs-v7{width:100% !important;height:100% !important;transform:none !important;transform-origin:initial !important}.dvrContainer .vjs-resize-manager{display:none}.dvrContainer .rangesLoading{position:absolute;z-index:1000;left:8px;bottom:2px;color:#ffffff;opacity:0}.dvrContainer .rangesLoading.visible{opacity:1}.dvrContainer .rangesLoading span{margin-right:4px;color:red}.motionTooltip{padding:12px;position:absolute;background:#403f49;z-index:100;transition:150ms ease-in-out;color:white;font-size:10px;border-radius:4px;transform:translateX(-50%) translateY(calc(-100% - 16px));box-shadow:3px 3px 3px rgba(0,0,0,0.4)}.motionTooltip h2{font-size:12px}.motionTooltip p{margin-top:0;margin-bottom:4px}.ng-react-dvr{height:100%;min-height:720px;position:relative;display:flex;flex-direction:column;width:100%}.ng-react-dvr .playersContainer{max-height:calc(100% - 162px)}.ng-react-dvr .motionTooltip{transform:translateX(-50%) translateY(16px)}.ng-react-dvr #dvr-player{background:none}.ng-react-dvr .dvrContainer .noDvr_message{color:#5f5e69;margin-left:16px}.ng-react-dvr .dvrContainer #calendarModal.downloadControl{bottom:auto;top:30%}.ng-react-dvr .dvrContainer .dvr-timeline{background-color:rgba(0,0,0,0);order:1}.ng-react-dvr .dvrContainer .dvr-timeline .dvrSelector{position:absolute;top:8px;height:48px;width:1px;background:#209c61;z-index:100}.ng-react-dvr .dvrContainer .dvr-timeline .dvrSelector .drag-tooltip{height:24px;min-width:20px;padding:4px 8px;border-radius:8px;position:absolute;left:-10px;top:-20px;background:#5f5e69;color:white;box-sizing:border-box;transition:150ms ease-in-out}.ng-react-dvr .dvrContainer .dvr-timeline .dvrSelector .drag-tooltip.moving{width:71px;transform:translateX(-25px)}.ng-react-dvr .dvrContainer .dvr-timeline .dvrSelector .drag-tooltip.locked{background:#ffa600}.ng-react-dvr .dvrContainer .dvr-timeline .selectionLength{top:8px;color:black}.ng-react-dvr .dvrContainer .dvr-timeline .time-markers span{color:black !important}.ng-react-dvr .dvrContainer .dvr-timeline .time-markers span .marker{background:rgba(0,0,0,0.5)}.ng-react-dvr .dvrContainer .dvr-timeline .timeline{margin:24px 30px 12px}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .controls-left{margin:8px 0 8px 8px}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .timeline__speedControls{background-color:#91919a}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .timeline__speedControls__slower{border-right-color:#777 !important}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .timeline__speedControls__currentSpeed{background-color:#91919a;border:none}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .time-markers{height:28px}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .dvr-marker-left svg path,.ng-react-dvr .dvrContainer .dvr-timeline .timeline .dvr-marker-right svg path{stroke:#ccc !important;stroke-width:1px !important;box-shadow:1px 1px 10px 1px #000}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control{color:black}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text input{color:black}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text .lockButton svg path{fill:black}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text .lockButton.locked svg{transform:translateX(0)}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .control .download-text .lockButton.locked svg path{fill:orange}.ng-react-dvr .dvrContainer .dvr-timeline .timeline .dvr-marker-left,.ng-react-dvr .dvrContainer .dvr-timeline .timeline .dvr-marker-right{top:-3px}.ng-react-dvr .dvrContainer .dvr-timeline .btn:hover{background-color:#aeaeb7}.ng-react-dvr .dvrContainer .dvr-timeline .download-text{color:black}.ng-react-dvr .dvrContainer .dvr-timeline .time-control{font-size:12px;line-height:14px;padding:0px;width:62px;margin-left:8px}.ng-react-dvr .dvrContainer .dvr-timeline .btn{background-color:#b5b5b9}.ng-react-dvr .dvrContainer .dvr-timeline .speed-control{width:90px}.ng-react-dvr .dvrContainer .dvr-timeline .speed-control-left{margin-left:0;margin-top:2px}.ng-react-dvr .dvrContainer .dvr-timeline .speed-control-right{margin-left:8px;margin-top:2px}.ng-react-dvr .dvrContainer .dvr-timeline .speed-control-middle{height:14px;margin-top:4px;line-height:14px;width:30px}.ng-react-dvr .dvrContainer .dvr-timeline .calendar-date{display:none}.ng-react-dvr .dvrContainer .dvr-timeline .control{line-height:14px}.ng-react-dvr .dvrContainer .dvr-timeline .btn:active{background-color:#91919a}.ng-react-dvr .dvrContainer .dvr-timeline .downloadBlock a.carret div{bottom:auto;right:0;top:30px}.ng-react-dvr .playersContainer{order:2}.ng-react-dvr .dvr-player.calendar-expanded .dvr-player-wrapper{bottom:0;z-index:-1}.ng-react-dvr .timeStamp{top:148px}.ng-react-dvr .timeline__timelineView{box-shadow:none;border:none}.ng-react-dvr .timeline__timeControl{background-color:#b5b5b9}.ng-react-dvr .dvr-player-wrapper{bottom:10px}.ng-react-dvr .videoThumbnail{transform:translateY(100%)}.ng-react-dvr .motionTooltip{transform:translateX(-50%) translateY(16px)}.ng-react-dvr #forDownloadModal .control{color:#000;background:#ffffff}.ng-react-dvr #forDownloadModal .control .download-text{color:#000}.ng-react-dvr #forDownloadModal .control input{color:#000}.ng-react-dvr #forDownloadModal .control .download-text .inputBlock input{color:#000}.ng-react-dvr #forDownloadModal .control .lockButton{cursor:pointer;user-select:none;display:inline-block;vertical-align:middle;line-height:16px;margin-right:2px;margin-top:-5px;width:16px;height:16px;overflow:hidden}.ng-react-dvr #forDownloadModal .control .lockButton svg{transform:translateX(-17px)}.ng-react-dvr #forDownloadModal .control .lockButton.locked svg{transform:translateX(0)}.ng-react-dvr #forDownloadModal .control .lockButton.locked svg path{fill:orange}@media screen and (max-width: 480px){.ng-react-dvr .playersContainer{max-height:calc(100% - 111px)}.ng-react-dvr .dvrContainer .selectionControls{top:-1px}}@media screen and (min-width: 480px){.ng-react-dvr .playersContainer{max-height:calc(100% - 115px)}}@media screen and (min-width: 720px){.ng-react-dvr .playersContainer{max-height:calc(100% - 125px)}.ng-react-dvr .dvrContainer .timeline .selectionControls{top:-8px}}@media screen and (min-width: 1000px){.ng-react-dvr .playersContainer{max-height:calc(100% - 141px)}}