.filtered-alarm-list-widget-wrapper {width: 300px; margin: 8px 0 15px; padding: 0; overflow: visible;}.expandable-alarm-list-widget {position: relative; top: 0; left: 0; z-index: 300; padding: 0; margin: 0; height: 100%;}.expandable-alarm-list-widget .expandableList {position: absolute; bottom: 0; left: 0; z-index: 310; overflow: hidden; width: 100%;}.expandable-alarm-list-widget .expandableContent {position: relative; top: 0; left: 0; z-index: 310; background-color: rgb(26, 53, 83); padding: 11px;}.alarm-list-filter-widget-wrapper {margin-bottom: 8px;}.alarm-list-filter {font-size: 12px;}.alarm-list-filter div.box div.autoScroll {height: 100%;}.alarm-list-filter div.columnContainer {display: table;}.alarm-list-filter div.column {display: table-cell;}.alarm-list-navigation div.box {height: 82px;}.alarm-list-navigation .imageButton {margin-right: 5px;}.alarm-list-navigation .dijitDateTextBox {width: 120px;}.expandable-alarm-list-widget .dgrid {height: 100%; border: none;}.expandable-alarm-list-widget .dgrid .dgrid-scroller {position: relative; overflow-y: hidden; height: 95%;}.has-ie-6 .expandable-alarm-list-widget .dgrid .dgrid-scroller {overflow-y: visible;}.expandable-alarm-list-widget .dgrid .dgrid-header-scroll {display: none;}.expandable-alarm-list-widget .dgrid .dgrid-header {right: 0;}.expandable-alarm-list-widget .dgrid__message {display: inline-block; padding: 3px;}.manualAlarmCheckBoxIcon,.cameraAlarmCheckBoxIcon,.alarmContactCheckBoxIcon,.internalAlarmZoneCheckBoxIcon,.sabotageConnectionCheckBoxIcon,.trackingOtherCheckBoxIcon {padding-top: 2px;}span.manualAlarmCheckBoxIcon {color: #39B54A;}span.cameraAlarmCheckBoxIcon {color: #FBBA7A;}span.alarmContactCheckBoxIcon {color: #C1272D;}span.internalAlarmZoneCheckBoxIcon {color: #FF7E00;}span.sabotageConnectionCheckBoxIcon {color: #FCEE21;}span.trackingOtherCheckBoxIcon {color: #0086BE;}span.api1CheckBoxIcon {color: #60b0d2;}span.api2CheckBoxIcon {color: #99d7f1;}span.api3CheckBoxIcon {color: #cdebf8;}#FilterWidgetCheckboxes h5 {font-weight: normal; font-size: 12px; margin: 0; padding: 2px 0;}#FilterWidgetDropDownBoxes label {display: block; float: left; width: 50px;}#FilterWidgetDropDownBoxes br {clear: left;}.manualAlarmCheckBoxLabel, .cameraAlarmCheckBoxLabel, .alarmContactCheckBoxLabel, .internalAlarmZoneCheckBoxLabel, .sabotageConnectionCheckBoxLabel, .trackingOtherCheckBoxLabel {display: inline-block; padding: 1px 5px; width: 150px;}.camiqButton {display: inline; padding: 8px 30px; border: none; cursor: pointer; background-color: rgb(21, 42, 66); color: #ccc; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;}.camiqButton:hover {background-color: rgb(17, 63, 113); color: #ccc;}.camiqButton.disabled {background-color: rgb(23, 47, 73); color: #7A8591;}.camiqButton.active {background-color: rgb(0, 83, 170); color: #ccc;}.imageButton {display: inline-block; margin: 0; padding: 0; border: none; cursor: pointer;}.imageButton img {display: inline-block; margin: 0; padding: 0; border: none;}.toggleImageButton {display: inline-block; margin: 0; padding: 0; border: none; cursor: pointer;}.toggleImageButton img {display: inline-block; margin: 0; padding: 0; border: none;}.liveViewPaneWidget {width: 100%; height:100%; position:relative; top:0; left:0; background-color: #1A3553;}#LiveViewPaneMonitorArea {border: 11px solid rgb(26, 53, 83); background-color: rgb(26, 53, 83); margin: 0 auto;}#LiveViewPaneNavigation {padding: 11px; text-align: right; height: 38px; background-color: rgb(26, 53, 83);}#LiveViewPaneNavigation .imageButton {margin-right: 5px;}.liveMonitorWidget {float: left; border-right: 1px solid rgb(26, 53, 83); border-bottom: 1px solid rgb(26, 53, 83); margin: 0 auto;}.liveMonitorWidget h5 {position:relative; top:0; left:0; margin:0; font-size: 10px; font-weight: lighter; color: rgb(204, 204, 204); background-color: rgb(21, 42, 66); display: flex;}.liveMonitorWidget h5 .monitorTitle {padding: 2px 0 2px 2px; flex-grow: 0; align-items: center;}.liveMonitorWidget h5 .monitorSpacer {flex-grow: 1;}.liveMonitorWidget h5 .monitorTitleHint {font-size: 10px; color: green; padding: 2px 0;}.liveMonitorWidget h5 .monitorIcons {padding: 0 2px 0 0; display: flex; align-items: center;}.liveMonitorWidget .display {position: relative; left: 0px; top: 0px;}.liveMonitorWidget .display .messageBox {visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 20;}.liveMonitorWidget .display .messageBox .messageBoxText {background-color: #3B393E; border: 5px solid #000000; line-height: 25px; margin: auto; padding: 10px; position: relative; text-align: center; margin: 0 auto; margin-top: 15%; width: 75%; color: #FFFFFF;}.liveMonitorWidget .display .messageBox .messageBoxTextSmall {background-color: #3B393E; border: 2px solid #000000; line-height: 14px; margin: auto; padding: 10px; position: relative; text-align: center; margin: 0 auto; margin-top: 15%; width: 75%; color: #FFFFFF;}.liveMonitorWidget .display .liveMonitorNoPic {position: absolute; left: 0px; top: 0px; z-index: 10;}.liveMonitorWidget .display embed {position: absolute; left: 0px; top: 0px; z-index: 1;}.loginListWidget {position: absolute; top: calc(20% + 90px); left: 5%; width: 320px; height: 200px; background-color: rgb(26, 53, 83); -moz-transition: height 0.15s ease; -o-transition: height 0.15s ease; -webkit-transition: height 0.15s ease; transition: height 0.15s ease;}.loginListWidget h5 {margin: 0; padding: 10px 11px; height: 17px; color: rgb(204, 204, 204); font-size: 14px; font-weight: bold; text-align: left;}.loginListWidget .loginFormWrapper {width: 100%; padding-left: 11px; margin-bottom: 20px;}.loginListWidget .loginFormWrapper label {color: rgb(204, 204, 204);}.loginListWidget .serverListWidgetWrapper {display: none;}.loginListWidget .loading-animation-wrapper {}.loginListWidgetServerList {height: 180px; width: auto; padding: 0 11px;}.loginListWidget .serverListWrapper {width: auto; height: 180px; overflow-y: auto;}.loginListWidgetServerList .dijitTree, .loginListWidgetServerList .dijitTreeContainer {height: 100%; width: 100%;}.loginListWidgetServerList .dijitTreeRow {position: relative; top: 0; left: 0; border: none; padding-top: 8px; padding-bottom: 8px; width: 100%;}.loginListWidgetServerList .dijitTreeLabel {display: inline-block; margin-left: 10px;}.loginListWidgetServerList .dijitTreeExpando {display: none;}.loginListWidgetServerList .imageButton {position: absolute; right: 0; top: 0; float: none; display: inline; padding: 0; margin: 0;}.loginListWidgetServerList .imageButton img {display: inline;}.loginListWidgetServerList .right-icon-area {position: absolute; top: 8px; right: 8px; width: 100px; height: 18px;}.loginListWidgetServerList .logged-in-icon {position: absolute; right: 70px; top: 1px; display: inline-block; width: 16px; height: 16px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #C1272D;}.loginListWidgetServerList .dijitTreeRow .error-message {margin-top: 5px; margin-left: 15px; margin-left: 20px; margin-bottom: 5px; color: rgb(193, 39, 45); font-weight: bold;}.mblSwitch {margin: 0; position: absolute; right: 8px; display: inline-block; height: 18px; line-height: 18px; overflow: hidden; text-align: left; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}.mblListItem .mblSwitch {position: absolute; right: 12px; top: 8px;}.mblSwitchInner {position: absolute; top: 0; height: 20px;}.mblSwitchAnimation .mblSwitchInner {-webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s;}.mblSwitchOn .mblSwitchInner {left: 0;}.mblSwitchBg {position: absolute; top: 0; width: 60px; height: 18px; font-family: Helvetica; font-size: 11px; font-weight: normal; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #172F49;}.mblSwitchBgLeft {left: 0; color: #cccccc; background-color: #172F49; cursor: pointer;}.mblSwitchBgRight {color: #7a8591; background-image: none; background-color: #172F49 ; cursor: pointer;}.mblSwitchKnob {position: absolute; top: 0; height: 20px; background-color: #152A42 ; font-size: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #152A42 ; cursor: pointer;}.mblSwitchText {position: relative; top: 0; width: 30px; height: 18px; padding: 0; line-height: 18px; text-align: center;}.mblSwitchTextLeft {left: 0;}.mblSwitchTextRight {left: 30px;}.mblSwSquareShape {width: 50px;}.mblSwSquareShape.mblSwitchOff .mblSwitchInner {left: -30px;}.mblSwSquareShape .mblSwitchBg {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}.mblSwSquareShape .mblSwitchBgRight {left: 30px;}.mblSwSquareShape .mblSwitchKnob {left: 30px; width: 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}.mblSwSquareShape .mblSwitchText {width: 30px;}.mblSwSquareShape .mblSwitchTextRight {left: 18px;}.loginListWidgetServerList .errorMessage {display: none; padding: 10px;}.mp4LiveMonitorWidget {background-color: black;}.mp4LiveMonitorWidget .fragmentPlayerContainer {position: relative; width: 100%; height: 100%;}.mp4LiveMonitorWidget .fragmentPlayerWrapper {position: absolute; top: 0; left: 0; background-color: #cccccc; margin: 0 auto; width: 100%; height: 100%;}.mp4LiveMonitorWidget .fragmentPlayerWrapper .posterImage {position: absolute; top:0; left:0; z-index: 30; display: none; width:100%; height: 100%; background-color: black; text-align: center;}.mp4LiveMonitorWidget .fragmentPlayerWrapper .posterImage img {position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto; max-width: 100%; max-height: 100%;}.mp4LiveMonitorWidget .fragmentPlayerWrapper .fpWrapperA,.mp4LiveMonitorWidget .fragmentPlayerWrapper .fpWrapperB {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}.mp4LiveMonitorWidget .fragmentPlayerWrapper .fpWrapperA {z-index: 10;}.mp4LiveMonitorWidget .fragmentPlayerWrapper .fpWrapperB {z-index: 5;}.multipartLiveMonitorWidget {background-color: black;}.multipartLiveMonitorWidget .multipartPlayerContainer {position: relative; width: 100%; height: 100%;}.multipartLiveMonitorWidget .multipartPlayerWrapper {position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; background-color: black; z-index: 5555;}.multipartLiveMonitorWidget .multipartPlayerWrapper .posterImage {position: absolute; top:0; left:0; z-index: 30; display: none; width:100%; height: 100%; background-color: black; text-align: center;}.multipartLiveMonitorWidget .multipartPlayerWrapper .posterImage img {position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto; max-width: 100%; max-height: 100%;}.loadingSpinner.ls-waiting {display: block;}.loadingSpinner {display: none; position: absolute; top: calc(50% - 2em); left: calc(50% - 2em); border: 0.4em solid #f3f3f3; border-top: 0.4em solid #3498db; border-radius: 50%; width: 3em; height: 3em; animation: spin 2s linear infinite; z-index: 9999;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}.jpegFallbackMonitorWidget {width: 100%; height: 100%; background-color: black; text-align: center;}.jpegFallbackMonitorWidget span.alignHelper {display: inline-block; height: 100%; width: 0px; vertical-align: middle;}.jpegFallbackMonitorWidget img.imageStream {display: inline-block; vertical-align: middle;}.sequence-navigation {position:relative; top: 0; left: 0;}.sequence-navigation div.box {height: 67px;}.sequence-navigation .pickerPosition {margin-top: 11px;}.sequence-navigation .pickerPosition .dijitDateTextBox {width: 120px;}.track-index-list-widget-track-selection-wrapper {margin-bottom: 8px;}.track-index-list-widget-wrapper {margin: 8px 0 15px;}.track-index-list-widget-track-selection .dijitTreeExpandoLeaf {display: none;}.track-index-list-widget-track-selection .dijitTreeLabel {margin-left: 3px;}.track-index-list .lockedSequence {background-color: #C1272D;}.track-index-list .lockedSequence.dijitTreeRowHover {background-color: #113F71;}.iOsNav {position: relative; top:0; left:0; z-index: 300; padding: 0; margin: 0; height: 100px;}.iOsNav .expandableNav {position: absolute; bottom: 0; left:0; z-index: 310; overflow: visible; height: 100px; width: 100%; -webkit-transition: all 0.1s ease;}.iOsNav .tabHeader {position: relative; top:0; left:0; z-index: 320; border-bottom: 9px solid #cccccc; height: 25px; margin-top: 8px;}.iOsNav .tabHeaderWhiteLine {border-bottom: 1px solid white;}.iOsNav .tabButton {position:relative; top:0; left:0; background: #eeeeee url("../../../camiq/widgets/TrackIndexListWidget/images/LiveView_BtnCameraList_3.png") no-repeat top left; width: 163px; height: 19px; padding: 0px; padding-top: 6px; margin: 0; border: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #555555; overflow: hidden; text-align: center;}.iOsNav .navigationTabIcon {display: inline-block; width: 15px; height: 12px; position: relative; top: 1px;}.navigationTabExpandedIcon {background: url("../../../camiq/widgets/TrackIndexListWidget/images/Pfeil1_1.png") no-repeat top left;}.navigationTabCollapsedIcon {background: url("../../../camiq/widgets/TrackIndexListWidget/images/Pfeil1_0.png") no-repeat top left;}.iOsNav .tabContent {position: relative; top: -4px; left: 0; z-index: 310; height: 66px; background-color: white; border: 1px solid #ccd6eb; box-shadow: 3px 3px 5px #dddddd; border-radius: 5px; background-color: white !important; margin-right: 3px; padding-left: 10px;}.iOsNav .mblValuePickerSlot {width: 72px;}.iOsNav h5 {margin-top: 15px; margin-bottom: 5px; font-weight: normal; font-size: 11px;}.iOsNav .camiqButton {margin-top: 20px; margin-left:0;}.iOsNav .selectionTable {position: absolute; bottom: 15px; left: 10px;}.trackListWidget {max-height: 100%;}.trackListWidget div.box {overflow-y: hidden;}#trackListTree {width: 100%;}#trackListTree .dijitTreeExpandoLeaf {display: none;}#trackListTree .dijitTreeLabel {margin-left: 3px;}.eventPlayerWidget {height: 100%;}#EventPlayerContainer {width: 100%; height: 100%;}#EP_PlayerWrapper {position: relative; top: 0; left: 0; border: 11px solid rgb(26, 53, 83); margin: 0 auto; background-color: rgb(26, 53, 83); height: 100%;}#EP_Player {width: 100% !important; height: 100% !important;}#EP_InfoPanel {position:relative; height: 20px; background-color: rgb(26, 53, 83); border: none; font-size: 10px; color: rgb(204, 204, 204); padding: 0 11px 0;}#EP_InfoPanel_Camera {position: absolute; top:0; left: 11px;}#EP_InfoPanel_Camera_Value {font-weight: bold;}#EP_ControlBar {position: relative; font-size: 10px; color:rgb(204, 204, 204); background-color: rgb(26, 53, 83);}#EP_InfoPanel_Codec {position: absolute; top:0; left: 60%;}#EP_InfoPanel_Codec_Value {}#EP_TimeSliderPanel {position: relative; height: 30px; background-color: rgb(26, 53, 83); padding: 2px 11px;}#EP_TimeSliderPanel_BeginTime {position: absolute; top: 0; left: 11px;}#EP_TimeSliderPanel_CurrentTime {position:absolute; top: 0; left: 45%; font-weight: bold;}#EP_TimeSliderPanel_CurrentTime_Value {}#EP_TimeSliderPanel_EndTime {position:absolute; top: 0; right: 11px;}#EP_ControlActions {position: relative; margin-top: 15px; padding-left: 11px; padding-right: 11px;}#EP_ControlButtons {display: inline-block; height: 38px; width: auto; padding: 2px 11px 11px;}#EP_Profile_Selection {position: relative; top: -14px; display: inline-block; width: 160px;}#EP_Profile_ComboBox_Label {display: inline-block;}#EP_Confirm_Event_Actions {position: absolute; top: 10px; right: 11px; display: inline-block; width: auto;}#EP_Confirm_Event_Actions .camiqButton {padding: 8px 16px;}.EP_TimeSliderPanel_DesktopSlider {position: absolute; bottom: 5px; left: 11px; right: 11px;}.EP_TimeSliderPanel_iOsSlider {position: relative; width: auto; height: 5px; bottom: -3px;}.eventPlayerWidget .imageButton {margin-right: 5px;}.eventPlayerWidget .messageBox {visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 20;}.eventPlayerWidget .messageBox .messageBoxText {background-color: #152a42; border: 5px solid #C1272D; padding: 10px; position: relative; text-align: center; margin: auto; margin-top: 15%; width: 60%; color: #ccc; font-size: 14px;}.eventPlayerWidget .messageBox .messageBoxTextSmall {background-color: #152a42; border: 2px solid #C1272D; line-height: 14px; padding: 10px; position: relative; text-align: center; margin: auto; margin-top: 15%; width: 60%; color: #ccc;}.eventPlayerWidget img.eventPlayerNoPic {position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%;}.permanentTrackPlayerWidget {}#PermanentTrackPlayerContainer {width: 100%; height: 100%;}#PTP_PlayerWrapper {position: relative; top: 0; left: 0; border: 11px solid rgb(26, 53, 83); margin: 0 auto; background-color: rgb(26, 53, 83);}#PTP_PlayerDisableClick, #PTP_PlayerAWrapper, #PTP_PlayerBWrapper {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}#PTP_PlayerAWrapper {z-index: 10;}#PTP_PlayerBWrapper {z-index: 5;}#PTP_PlayerA, #PTP_PlayerB {width: 100% !important; height: 100% !important;}#PTP_InfoPanel {position:relative; height: 20px; background-color: rgb(26, 53, 83); border: none; font-size: 10px; color: rgb(204, 204, 204); padding: 0 11px 0;}#PTP_InfoPanel_Camera {position: absolute; top:0; left: 11px;}#PTP_InfoPanel_Camera_Value {font-weight: bold;}#PTP_ControlBar {position: relative; font-size: 10px; color:rgb(204, 204, 204); background-color: rgb(26, 53, 83);}#PTP_InfoPanel_Codec {position: absolute; top:0; left: 60%;}#PTP_InfoPanel_Codec_Value {}#PTP_TimeSliderPanel {position: relative; height: 30px; background-color: rgb(26, 53, 83); padding: 2px 11px;}#PTP_TimeSliderPanel_BeginTime {position: absolute; top: 0; left: 11px;}#PTP_TimeSliderPanel_CurrentTime {position:absolute; top: 0; left: 45%; font-weight: bold;}#PTP_TimeSliderPanel_CurrentTime_Value {}#PTP_TimeSliderPanel_EndTime {position:absolute; top: 0; right: 10px;}#PTP_ControlButtons {height: 38px; width: 300px; padding: 2px 11px 11px; margin-top: 15px;}#PTP_Profile_Selection {position: absolute; top: 50px; right: 66px; height: 38px; width: 100px;}.PTP_TimeSliderPanel_DesktopSlider {position: absolute; bottom: 5px; left: 11px; right: 11px;}.permanentTrackPlayerWidget .imageButton {margin-right: 5px;}.permanentTrackPlayerWidget .messageBox {visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 40;}.permanentTrackPlayerWidget .messageBox .messageBoxText {background-color: #152a42; border: 5px solid #C1272D; margin: auto; padding: 10px; position: relative; text-align: center; margin: auto; margin-top: 15%; width: 60%; color: #FFFFFF; font-size: 14px;}.permanentTrackPlayerWidget .messageBox .messageBoxTextSmall {background-color: #152a42; border: 5px solid #C1272D; line-height: 14px; margin: auto; padding: 10px; position: relative; text-align: center; margin: auto; margin-top: 15%; width: 60%; color: #FFFFFF;}.permanentTrackPlayerWidget img.playerNoPic {position: absolute; left: 0px; top: 0px; z-index: 15; width: 100%; height: 100%;}.liveAlarmListWidget .dgrid {width: 100%; min-height: 100%; border: none;}.liveAlarmListWidget .dgrid .dgrid-scroller {position: relative; height: 100%; overflow-y: auto;}.has-ie-6 .liveAlarmListWidget .dgrid .dgrid-scroller {overflow-y: visible;}.liveAlarmListWidget .dgrid .dgrid-header {right: 0;}.camiqLoadingAnimationWidget {position: relative; z-index: 9999; display: none; width: 100%; min-height: 100%;}.loadingAnimationWrapper {position: absolute; width: 150px; height: 120px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}.loadingAnimationWrapper.default {}.loadingAnimationWrapper.small {}.loadingAnimation {margin: 0 auto;}.loadingAnimationWrapper.default .loadingAnimation {width: 75px; height: 77px; background-image: url("../../../camiq/widgets/LoadingAnimation/images/Ladebalken_75x75.png"); -webkit-animation: defaultAnimation .8s steps(24) infinite; -moz-animation: defaultAnimation .8s steps(24) infinite; -o-animation: defaultAnimation .8s steps(24) infinite; animation: defaultAnimation .8s steps(24) infinite;}.loadingAnimationWrapper.small .loadingAnimation {width: 32px; height: 33px; background-image: url("../../../camiq/widgets/LoadingAnimation/images/Ladebalken_32x32.png"); -webkit-animation: smallAnimation .8s steps(24) infinite; -moz-animation: smallAnimation .8s steps(24) infinite; -o-animation: smallAnimation .8s steps(24) infinite; animation: smallAnimation .8s steps(24) infinite;}.loadingAnimationWrapper p {margin: 5px auto; text-align: center; max-width: 130px;}@-webkit-keyframes defaultAnimation {from {background-position: 0px;} to {background-position: -1800px;}}@-moz-keyframes defaultAnimation {from {background-position: 0px;} to {background-position: -1800px;}}@-ms-keyframes defaultAnimation {from {background-position: 0px;} to {background-position: -1800px;}}@keyframes defaultAnimation {from {background-position: 0px;} to {background-position: -1800px;}}@-webkit-keyframes smallAnimation {from {background-position: 0px;} to {background-position: -768px;}}@-moz-keyframes smallAnimation {from {background-position: 0px;} to {background-position: -768px;}}@-ms-keyframes smallAnimation {from {background-position: 0px;} to {background-position: -768px;}}@keyframes smallAnimation {from {background-position: 0px;} to {background-position: -768px;}}#InfoTab {background: url("../images/CamIQ_Ball_Startseite.png") no-repeat bottom right rgb(21, 42, 66); height: 100%;}#WebClientLogo {position: absolute; top: 20%; left: 5%;}#CopyrightHint {position: absolute; right: 5%; bottom: 1%;}#CopyrightHint p {color: rgb(204, 204, 204);}#CopyrightInfoLink {text-decoration: underline; cursor: pointer; color: rgb(204, 204, 204);}.live-alarm-list-widget-wrapper {margin-top: 8px; overflow: hidden;}.track-list-widget-wrapper {margin-bottom: 8px; overflow-y: hidden; background-color: #1A3553;}.header {width: 100%; height: 49px; background-color: rgb(26, 53, 83);}.main-menu {display: table; height: 100%; padding-left: 140px; background-color: rgb(26, 53, 83);}.main-menu .menu-item {display: table-cell; min-width: 60px; background: none; background-color: rgb(26, 53, 83); padding: 15px 10px 10px; margin: 0px; border: none; font-family: Tahoma, sans-serif; font-size: 13px; font-weight: normal; color: rgb(204, 204, 204); overflow: hidden; text-align: center; transition-property: background-color, border; transition-duration: 0.35s;}.main-menu .menu-item--disabled {display: none;}.main-menu .menu-item .menu-label {display: inline-block; min-height: 15px; margin-top: 6px;}.main-menu .menu-item:hover {background-color: #113F71; cursor: pointer;}.main-menu .menu-item--active {background-color: rgb(0, 83, 170);}.view-container {box-sizing: border-box; width: 100%; padding: 8px; overflow: hidden; height:calc(100% - 50px); position: absolute; top: 50px; left: 0; right: 0; bottom: 0;}.view {position: relative; top: 0; right: 0; height: 100%; width: 100%;}.view--visible {display: block;}.view--hidden {display: none;}:focus {outline: none !important;}body {-ms-scrollbar-face-color: #304257; scrollbar-face-color: #304257; -ms-scrollbar-arrow-color: #304257; scrollbar-arrow-color: #304257; -ms-scrollbar-darkshadow-color: #304257; scrollbar-darkshadow-color: #304257; -ms-scrollbar-3dlight-color: #304257; scrollbar-3dlight-color: #304257; -ms-scrollbar-highlight-color: rgb(26, 53, 83); scrollbar-highlight-color: rgb(26, 53, 83); -ms-scrollbar-shadow-color: rgb(26, 53, 83); scrollbar-shadow-color: rgb(26, 53, 83);}::-webkit-scrollbar {width: 12px;} ::-webkit-scrollbar-track {background-color: none;} ::-webkit-scrollbar-thumb {background-color: #304257;} ::-webkit-scrollbar-thumb:hover {background-color: #113F71;}html, body {width: 100%; height: 100%; border: 0; padding: 0; margin: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; overflow: hidden; background-color: rgb(21, 42, 66); color: rgb(204, 204, 204);}#loadingOverlay {display: block; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; margin: auto; background-color: rgb(21, 42, 66);}#appContainer {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}#CamIQLogo {width: 110px; height: auto; position: absolute; top: 10px; left: 10px; z-index: 9998;}#RosemannLogo {width: 80px; height: auto; position: absolute; top: 10px; right: 10px; z-index: 9998;}h5.boxHeading, h5.expandableBoxHeading {background-color: rgb(21, 42, 66); margin: 0;}h5.boxHeading span {background-color: rgb(26, 53, 83); margin: 0; padding: 5px 11px; font-size: 13px; display: inline-block; font-weight: normal;}h5.expandableBoxHeading span.expandButton {display: inline-block; background-color: rgb(26, 53, 83); margin: 0; padding: 5px 11px; font-size: 13px; font-weight: normal; cursor: pointer;}h5.expandableBoxHeading span.expandButton .icon {display: inline-block; width: 15px; height: 12px;}h5.expandableBoxHeading span.expandButton .collapsed {background: url("../images/up.png") no-repeat top left; background-size: cover;}h5.expandableBoxHeading span.expandButton .expanded {background: url("../images/down.png") no-repeat top left; background-size: cover;}div.box {background-color: rgb(26, 53, 83); padding: 11px;}div.box div.autoScroll {overflow-y: auto;}.no-padding {padding: 0 !important;}.dgrid-header {color: rgb(204, 204, 204); background-color: rgb(26, 53, 83) !important;}.dgrid-content {font-size: 12px;}.dgrid-cell {border-width: 0 !important; vertical-align: middle;}html.has-mozilla .dgrid-focus, .dgrid-focus, .dgrid-cell:focus, .dgrid:focus, .dgrid-content:focus {outline: none !important;}.dgrid-selected {background-color: #0053AA !important;}.dgrid-content .field-startTime:before {content: " "; margin-right: 5px; font-size: 12px; display: block; float: left; width: 13px; height: 13px;}.picturesAvailable {cursor: pointer;}.manualAlarm .field-startTime:before {color: #39B54A; background: url("../images/exclamation_outline_green.png") top left no-repeat; background-size: cover;}.cameraAlarm .field-startTime:before {color: #FBBA7A; background: url("../images/exclamation_outline_orange_bright.png") top left no-repeat; background-size: cover;}.alarmContact .field-startTime:before {color: #C1272D; background: url("../images/exclamation_outline_red.png") top left no-repeat; background-size: cover;}.internalAlarmZone .field-startTime:before {color: #FF7E00; background: url("../images/exclamation_outline_orange.png") top left no-repeat; background-size: cover;}.sabotageConnection .field-startTime:before {color: #FCEE21; background: url("../images/exclamation_outline_yellow.png") top left no-repeat; background-size: cover;}.trackingOther .field-startTime:before {color: #0086BE; background: url("../images/exclamation_outline_blue.png") top left no-repeat; background-size: cover;}.api1 .field-startTime:before {color: #60b0d2; background: url("../images/exclamation_outline_blue2.png") top left no-repeat; background-size: cover;}.api2 .field-startTime:before {color: #99d7f1; background: url("../images/exclamation_outline_blue3.png") top left no-repeat; background-size: cover;}.api3 .field-startTime:before {color: #cdebf8; background: url("../images/exclamation_outline_blue4.png") top left no-repeat; background-size: cover;}.dgrid-content .picturesAvailable .field-startTime:before {font-family: 'Glyphicons Regular'; content: "\E197"; background-image: none;}.box-left-margin {margin-left: 3px;}.box-right-margin {margin-right: 3px;}.activeCameraIcon {background-image: url("../images/ActiveCamera.png"); height: 19px; width: 19px;}.inactiveCameraIcon {background-image: url("../images/InactiveCamera.png"); height: 19px; width: 19px;}.activeCameraRecIcon {background-image: url("../images/ActiveCameraRec.png"); height: 19px; width: 19px;}.inactiveCameraRecIcon {background-image: url("../images/InactiveCameraRec.png"); height: 19px; width: 19px;}.serverIcon {display: none;}.video-js {width: 100% !important; height: 100% !important;}.vjs-error .vjs-error-display:before {content: none;}.vjs-error-display div {font-family: Tahoma, Geneva, sans-serif; top: 15%; bottom: auto; background-color: #152a42; border: 5px solid #C1272D; color: #ccc; margin: auto; width: 60%; padding: 10px;}