@font-face {
    font-family: 'base-icons';
    src: url('../fonts/base-icons.eot') format('embedded-opentype'),
        url('../fonts/base-icons.woff2') format('woff2'),
        url('../fonts/base-icons.woff') format('woff'),
        url('../fonts/base-icons.ttf') format('truetype'),
        url('../fonts/base-icons.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

.Icon3826207958💠root {
    font-family: base-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    cursor: inherit;
    text-shadow: none;
    font-size: 20px;
    padding: 14px;
}

.thumbnail.eventMonitor {
    font-family: base-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    top: 0;
    left: 0;
    font-size: 48px;
    padding: 15px 25px;
    color: #6d6d6d;
}

.listCheckbox .checkbox {
    font-family: base-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 24px;
    color: #6d6d6d;
}

.PanelIcon3600290220💠root {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    min-width: 16px;
    max-width: 64px;
}

.PanelIcon3600290220💠root .PanelIcon3600290220💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    font-size: inherit;
    display: block;
    padding: 0;
}

.SpinnerIcon1138462392💠root {
    width: 10%;
    max-width: 50px;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠iconWrapper {
    animation: SpinnerIcon1138462392💠iconWrapper 2.5s infinite linear both;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    min-width: 16px;
    max-width: 40px;
    min-height: 16px;
    max-height: 40px;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: SpinnerIcon1138462392💠spinnerDot 2s infinite ease-in-out both;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot::before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: currentColor;
    border-radius: 100%;
    animation: SpinnerIcon1138462392💠spinnerDot-before 2s infinite ease-in-out both;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(1) {
    animation-delay: -1.1s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(2) {
    animation-delay: -1s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(3) {
    animation-delay: -0.9s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(4) {
    animation-delay: -0.8s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(5) {
    animation-delay: -0.7s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(6) {
    animation-delay: -0.6s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(1)::before {
    animation-delay: -1.1s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(2)::before {
    animation-delay: -1s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(3)::before {
    animation-delay: -0.9s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(4)::before {
    animation-delay: -0.8s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(5)::before {
    animation-delay: -0.7s;
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠spinnerDot:nth-child(6)::before {
    animation-delay: -0.6s;
}

@keyframes SpinnerIcon1138462392💠iconWrapper {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes SpinnerIcon1138462392💠spinnerDot {
    80%,
    100% {
        transform: rotate(360deg);
    }
}

@keyframes SpinnerIcon1138462392💠spinnerDot-before {
    50% {
        transform: scale(0.4);
    }

    100%,
    0% {
        transform: scale(1);
    }
}

.SpinnerIcon1138462392💠root .SpinnerIcon1138462392💠iconText {
    position: absolute;
    top: calc(50% + 20px);
    width: 100%;
    font-size: 14px;
}

.SourcePanelContent2080178624💠root {
    -st-states: disabled, error, hasvideo, scrollview;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    display: flex;
}

.SourcePanelContent2080178624💠root[data-sourcepanelcontent2080178624-disabled] {
    color: #b0b0b0;
}

.SourcePanelContent2080178624💠root[data-sourcepanelcontent2080178624-error] {
    color: #ff0000;
}

.SourcePanelContent2080178624💠root[data-sourcepanelcontent2080178624-hasvideo] {
    background-color: #000000;
}

.SourcePanelContent2080178624💠root[data-sourcepanelcontent2080178624-scrollview] {
    background-color: black;
}

.SourcePanelContent2080178624💠root .SourcePanelContent2080178624💠content {
    flex: auto;
    align-self: center;
    padding: 0;
    height: 100%;
}

.RotatingPanelIcon4294039588💠root.PanelIcon3600290220💠root {
    -st-extends: PanelIcon;
    animation: RotatingPanelIcon4294039588💠spin 5s linear infinite;
}

@keyframes RotatingPanelIcon4294039588💠spin {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.StreamPanelContent4282416214💠root {
    -st-states: error;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    display: flex;
}

.StreamPanelContent4282416214💠root[data-streampanelcontent4282416214-error] {
    color: #ff0000;
}

.StreamPanelContent4282416214💠root .StreamPanelContent4282416214💠content {
    flex: auto;
    align-self: center;
    padding: 0;
    height: 100%;
}

.PanelTextIcon400384533💠root {
    width: 10%;
    max-width: 50px;
}
.PanelTextIcon400384533💠root .PanelTextIcon400384533💠iconWrapper {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-width: 16px;
    max-width: 64px;
}

.PanelTextIcon400384533💠root .PanelTextIcon400384533💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    font-size: inherit;
    display: block;
    padding: 0;
}

.PanelTextIcon400384533💠root .PanelTextIcon400384533💠iconText {
    position: absolute;
    top: calc(50% + 20px);
    width: 100%;
    font-size: 14px;
}

@media screen and (min-width: 1200px) {
    .PanelTextIcon400384533💠root {
        width: 6%;
    }
}

.Scrollbars709220804💠root {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;

    /*
     iOS Safari does not always repaint on scroll resizing.  This transform forces that repaint/redraw.
     */
    transform: translateZ(0);
}

.Scrollbars709220804💠root .Scrollbars709220804💠content {
    height: 100%;
}

.Dialog250053356💠root {
    font-family: Helvetica, Arial, sans-serif;
    margin: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 5px;
    max-height: 100vh;
    box-sizing: border-box;
}

.Dialog250053356💠root:focus {
    outline: none;
}

.Dialog250053356💠root .Dialog250053356💠container {
    background-color: #ffffff;
    color: #000000;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    padding: 1rem;
    padding-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE11-specific adjustment to workaround flexbox issues causing content to overflow */
    .Dialog250053356💠root {
        height: 80vh;
    }
}

.Dialog250053356💠root .Dialog250053356💠wrapper {
    display: flex;
    flex-direction: column;
}

.Dialog250053356💠root .Dialog250053356💠header {
    margin-bottom: 24px;
    height: 24px;
    cursor: default;
    font-size: 20px;
}

.Dialog250053356💠root .Dialog250053356💠content {
    overflow-y: auto;
    flex: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
    color: #606060;
    overflow: hidden;
}

.Dialog250053356💠root .Dialog250053356💠buttons {
    flex: 0 0 auto;
    text-align: right;
}

.dialog-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    display: flex;
    background-color: rgba(0, 0, 0, 0.25);
}

.Dialog250053356💠root .Dialog250053356💠scrollContent {
    background-color: value(base-background-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;

    /*
     iOS Safari does not always repaint on scroll resizing.  This transform forces that repaint/redraw.
     */
    transform: translateZ(0);
}

.Dialog250053356💠root .Dialog250053356💠dialogContent {
    height: 100%;
}

.Button3541281939💠root {
    -st-states: disabled, disableaction, shape(string);
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-radius: inherit;
    border-width: 0;
    transition: background-color 0.3s;
    overflow: hidden;
    outline: none;
    padding: 0;
}

.Button3541281939💠root[data-button3541281939-shape="rectangle"] {
    border-radius: 2px;
}

.Button3541281939💠root[data-button3541281939-shape="circle"] {
    border-radius: 50%;
}

.Button3541281939💠root::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(0, 122, 195, 0.4);
    transform: translate(-50%, -50%);
}

.Button3541281939💠root[data-button3541281939-disabled]::before,
.Button3541281939💠root[data-button3541281939-disableaction]::before {
    content: none;
}

.Button3541281939💠root[data-button3541281939-disabled] {
    cursor: default;
    color: #000000;
}

.Button3541281939💠root:active::before {
    width: 120%;
    padding-top: 120%;
    transition: width 0.2s ease-out, padding-top 0.2s ease-out;
}

.Button3541281939💠root:focus,
.Button3541281939💠root:active {
    background-color: #dddddd;
}

@media (pointer: fine) and (hover: hover) {
    .Button3541281939💠root:hover {
        background-color: #dddddd;
    }
}

.Button3541281939💠root[data-button3541281939-disableaction],
.Button3541281939💠root[data-button3541281939-disabled] {
    background: none;
}

.TextButton3238805292💠root.Button3541281939💠root {
    -st-states: disabled;
    -st-extends: Button;
    color: #007ac3;
    padding: 10px 8px 10px 8px;
    margin: 4px;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 100%;
    text-overflow: ellipsis;
}

.TextButton3238805292💠root.Button3541281939💠root[data-textbutton3238805292-disabled],
.TextButton3238805292💠root.Button3541281939💠root:active[data-textbutton3238805292-disabled] {
    color: #000000;
}

.Badge1021299352💠root {
    -st-states: largecount;
    position: absolute;
    top: 12px;
    right: 8px;
    background-color: #ff0000;
    border-radius: 50%;
    line-height: 12px;
    padding: 2px 5px;
    min-height: 6px;
    color: #ffffff;
    pointer-events: none;
}

.Badge1021299352💠root[data-badge1021299352-largecount] .Badge1021299352💠count {
    font-size: 7pt;
}

.Badge1021299352💠root .Badge1021299352💠count {
    font-size: 10pt;
}

.MessageDialog1340414916💠root .MessageDialog1340414916💠content {
    color: #606060;
    vertical-align: middle;
}

.Label2114138283💠root {
    -st-states: haserror, active, hasfocus;
    font-size: 16px;
    position: absolute;
    top: 20px;
    left: 12px;
    transition: 0.2s ease all;
    color: rgb(95, 95, 95);
}

.Label2114138283💠root[data-label2114138283-active] {
    font-size: 12px;
    top: 0px;
    left: 9px;
    background-color: white;
    z-index: 1;
    padding: 0px 5px;
}

.Label2114138283💠root[data-label2114138283-hasfocus] {
    color: #007ac3;
}

.Label2114138283💠root[data-label2114138283-haserror] {
    color: #e60000;
}

.Input1072592214💠root {
    -st-states: haserror, disabled;
    position: relative;
    height: 49px;
    margin: 5px 0;
}

.Input1072592214💠root input {
    display: block;
    position: absolute;
    height: 40px;
    bottom: 0;
    width: 100%;
    outline: none;
    font-size: 16px;
    -webkit-appearance: none; /* remove textarea inner shadow from safari */
    border-radius: 5px;
    background-color: transparent;
    padding: 0 12px 0 12px;
    border: 2px solid rgba(176, 174, 174, 0.66);
    box-sizing: border-box;
}

.Input1072592214💠root[data-input1072592214-disabled] input {
    background-color: rgba(176, 174, 174, 0.66);
}

.Input1072592214💠root input:focus {
    outline: none;
    border: 2px solid #007ac3;
}

.Input1072592214💠root .Input1072592214💠root[data-input1072592214-haserror] input {
    border: 2px solid #e60000;
}

.Input1072592214💠root .Input1072592214💠label.Label2114138283💠root {
    -st-extends: Label;
    border-radius: 5px;
}

.Input1072592214💠root[data-input1072592214-disabled] .Input1072592214💠label.Label2114138283💠root {
    border: 0 2px 2px 2px solid rgba(176, 174, 174, 0.66);
}

.HelperText2192132792💠root {
    -st-states: haserror;
    position: relative;
    top: -1px;
    margin-left: 12px;
    font-size: 12px;
    color: rgb(138, 138, 138);
}

.HelperText2192132792💠root[data-helpertext2192132792-haserror] {
    color: #e60000;
}

.CheckboxIcon2557713039💠root {
    -st-states: checked, disabled;
    font-size: 20px;
    color: #6d6d6d;
}

.CheckboxIcon2557713039💠root[data-checkboxicon2557713039-checked] {
    color: #007ac3;
}

.CheckboxIcon2557713039💠root[data-checkboxicon2557713039-disabled] {
    color: #c9c9c9;
}

.Checkbox132599973💠root {
    display: inline-block;
    text-align: left;
    cursor: pointer;
}

.Checkbox132599973💠root .Checkbox132599973💠checkbox {
    display: inline-block;
}

.Checkbox132599973💠root .Checkbox132599973💠label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    left: 0;
}

.RestoreDialogMessage2019612659💠root > div {
    margin-bottom: 10px;
}

.RestoreDialogError866843598💠root {
    color: red;
    margin-bottom: 10px;
    height: 14px;
}

.RestoreDialog3685771💠root.Dialog250053356💠root {
    -st-extends: Dialog;
}

.RestoreDialog3685771💠root.Dialog250053356💠root .Dialog250053356💠content {
    font-size: 12px;
}

.UsageStatsDialog3652092911💠root .UsageStatsDialog3652092911💠policy {
    color: #007ac3;
    display: inline;
    margin-left: 5px;
    padding: 5px;
}

.UsageStatsDialog3652092911💠root .UsageStatsDialog3652092911💠policy:hover {
    background-color: #dddddd;
}

.UsageStatsDialog3652092911💠root .UsageStatsDialog3652092911💠review {
    display: inline;
}

.UsageStatsDialog3652092911💠root .UsageStatsDialog3652092911💠reviewPolicy {
    margin: 10px 0 20px 0;
}

.Header2022023708💠root {
    width: 100%;
    padding: 0;
    height: 48px;
}

.Footer123530040💠root {
    width: 100%;
}

.BasePage3494177449💠root {
    -st-states: pagename(string);
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.BasePage3494177449💠root .BasePage3494177449💠header,
.BasePage3494177449💠root .BasePage3494177449💠footer {
    flex: 0 0 auto;
}

.BasePage3494177449💠root .BasePage3494177449💠content {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom)
        constant(safe-area-inset-left);
    position: relative;
}

.BasePage3494177449💠root .BasePage3494177449💠contentLandscape.BasePage3494177449💠content {
    -st-extends: content;
    background-color: black;
}

.BasePage3494177449💠root .BasePage3494177449💠landscapefocusanimation {
    position: absolute;
    opacity: 0.8;
    z-index: 1;
    animation-duration: 10s;
    animation-name: BasePage3494177449💠fadeout;
}

.BasePage3494177449💠root .BasePage3494177449💠landscapefocus {
    position: absolute;
}

@keyframes BasePage3494177449💠fadeout {
    from {
        display: block;
    }
    to {
        display: none;
    }
}

.Page2245793867💠root.BasePage3494177449💠root {
    -st-extends: BasePage;
    -st-states: pagename(string);
}

.Page2245793867💠root .Page2245793867💠scroll {
    background-color: #ffffff;
}

.Rotator3501217208💠root {
    display: inline-block;
    animation: Rotator3501217208💠spin 5s linear infinite;
}

@keyframes Rotator3501217208💠spin {
    100% {
        transform: rotate(360deg);
    }
}

.AnalyticRuleEventImageStatusIcon324762106💠root {
    -st-states: loading;
    color: #ff0000;
    text-align: center;
}

.AnalyticRuleEventImageStatusIcon324762106💠root[data-analyticruleeventimagestatusicon324762106-loading] {
    color: white;
}

.AnalyticRuleEventImageStatusIcon324762106💠root .AnalyticRuleEventImageStatusIcon324762106💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    font-size: inherit;
}

.AnalyticRuleEventImageError1474059043💠root {
    -st-states: loading;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.AnalyticRuleEventImageError1474059043💠root[data-analyticruleeventimageerror1474059043-loading] .AnalyticRuleEventImageError1474059043💠status {
    color: white;
}

.AnalyticRuleEventImageError1474059043💠root .AnalyticRuleEventImageError1474059043💠status {
    text-align: center;
    color: #ff0000;
}

.IconButton4215429416💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #6d6d6d;
    font-size: 16px;
}

.IconButton4215429416💠root .IconButton4215429416💠fullscreendisable {
    opacity: 0.3;
}

.IconButton4215429416💠root .IconButton4215429416💠nofullscreendisable {
    opacity: 1;
}

.AnalyticRuleEventImage3164277726💠root {
    position: relative;
    margin: 10px auto 0 auto;
}

.AnalyticRuleEventImage3164277726💠root .AnalyticRuleEventImage3164277726💠canvas {
    position: relative;
    z-index: 0;
}

.AnalyticRuleEventImage3164277726💠root .AnalyticRuleEventImage3164277726💠imageError {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.AnalyticRuleEventImage3164277726💠root .AnalyticRuleEventImage3164277726💠topRightActionButton {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    color: white;
    background-color: #007ac3;
}

.AnalyticRuleEventActionButtons627582700💠root {
    text-align: right;
    margin: 0 auto;
}

.AnalyticRuleEventActionButtons627582700💠root .AnalyticRuleEventActionButtons627582700💠searchButtonContainer {
    position: relative;
    display: inline-block;
}

.ToolbarIcon3007370299💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: disabled;
    color: white;
}

.ToolbarIcon3007370299💠root.Icon3826207958💠root[data-toolbaricon3007370299-disabled] {
    color: #000000;
}

.ToolbarItem3848863791💠root {
    -st-states: active;
    text-align: center;
    position: relative;
    display: inline-block;
}

.ToolbarItem3848863791💠root[data-toolbaritem3848863791-active] {
    box-shadow: inset 0 0 5px 5px hsla(0, 0%, 100%, 0.75);
}

.ToolbarItem3848863791💠root .ToolbarItem3848863791💠icon.ToolbarIcon3007370299💠root {
    -st-extends: ToolbarIcon;
}

.SimpleMenuItem3953480341💠root {
    -st-states: showhover;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.SimpleMenuItem3953480341💠root .SimpleMenuItem3953480341💠content {
    width: 250px;
    text-align: left;
    text-transform: none;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.SimpleMenuItem3953480341💠root[data-simplemenuitem3953480341-showhover]:hover {
    background-color: rgba(102, 102, 102, 0.3);
    cursor: pointer;
}

.GlassPane2611293268💠root {
    -st-states: smoked;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}

.GlassPane2611293268💠root[data-glasspane2611293268-smoked] {
    background-color: black;
    opacity: 0.25;
}

.SimpleMenu1962938467💠root {
    -st-states: position(string);
    z-index: 550;
    background-color: #ffffff;
    border-radius: 2px;
    position: absolute;
    overflow: hidden;
    margin: 2px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16),
        0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.SimpleMenu1962938467💠root:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19),
        0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.SimpleMenu1962938467💠root:active {
    box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.19),
        0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

.SimpleMenu1962938467💠root[data-simplemenu1962938467-position="top-right"] {
    top: 0;
    right: 0;
}

.SimpleMenu1962938467💠root[data-simplemenu1962938467-position="top-left"] {
    top: 0;
    left: 0;
}

.SimpleMenu1962938467💠root[data-simplemenu1962938467-position="bottom-right"] {
    bottom: 0;
    right: 0;
}

.SimpleMenu1962938467💠root[data-simplemenu1962938467-position="bottom-left"] {
    bottom: 0;
    left: 0;
}

.ToolbarItems2239585440💠root {
    height: 48px;
    display: flex;
    align-items: stretch;
}

.ToolbarTitle396427923💠root {
    cursor: default;
    font-weight: normal;
    line-height: 48px;
    min-height: 48px;
    text-align: center;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: white;
    text-shadow: 0 0px 0 #ffffff;
    width: 1%;
    flex: 1;
}

.Toolbar1739715855💠root {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    align-items: stretch;
    background-color: #007ac3;
}

.Toolbar1739715855💠root .Toolbar1739715855💠left.ToolbarItems2239585440💠root {
    -st-extends: ToolbarItems;
    flex: 0 0 auto;
}

.Toolbar1739715855💠root .Toolbar1739715855💠title {
    flex: 1 1 auto;
}

.Toolbar1739715855💠root .Toolbar1739715855💠right.ToolbarItems2239585440💠root {
    -st-extends: ToolbarItems;
    flex: 0 1 auto;
    overflow: hidden;
}
.Toolbar1739715855💠root .Toolbar1739715855💠live {
    margin-top: 15px;
    margin-left: 20px;
    color: #ffffff;
}

.BaseListItem3449167383💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}

.ListIcon453262395💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on;
    color: #6d6d6d;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.ListIcon453262395💠root.Icon3826207958💠root[data-listicon453262395-on] {
    color: #37ca25;
}

.ListIcon453262395💠root.Icon3826207958💠root[data-listicon453262395-alerted] {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.ListIcon453262395💠root.Icon3826207958💠root[data-listicon453262395-alarmed] {
    color: #ff0000;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root {
    -st-states: depth(number);
    -st-extends: BaseListItem;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root .ContentListItem24651047💠content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root .ContentListItem24651047💠content {
    padding-left: 120px;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root[data-contentlistitem24651047-depth="0"] .ContentListItem24651047💠content {
    padding-left: 0;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root[data-contentlistitem24651047-depth="1"] .ContentListItem24651047💠content {
    padding-left: 30px;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root[data-contentlistitem24651047-depth="2"] .ContentListItem24651047💠content {
    padding-left: 60px;
}

.ContentListItem24651047💠root.BaseListItem3449167383💠root[data-contentlistitem24651047-depth="3"] .ContentListItem24651047💠content {
    padding-left: 90px;
}

.ContentListItem24651047💠root .ContentListItem24651047💠expand {
    margin-right: 20px;
    height: 30px;
}

.List961574596💠root {
    width: 100%;
}

.List961574596💠root div:focus {
    outline: none;
}

.List961574596💠root .List961574596💠list {
    width: 100%;
}
.List961574596💠root .List961574596💠list > *:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.List961574596💠root .List961574596💠header {
    padding: 0 0 12px 0;
    font-size: 15px;
    color: #606060;
}

.ListItem2866898204💠root {
    -st-states: lines(number), tappable, disabled, selected;
    padding: 10px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.ListItem2866898204💠root[data-listitem2866898204-tappable] {
    cursor: pointer;
}

.ListItem2866898204💠root[data-listitem2866898204-disabled] {
    opacity: 0.35;
    cursor: default;
}

.ListItem2866898204💠root[data-listitem2866898204-selected] {
    border-left: 6px solid green;
}

.ListItem2866898204💠root .ListItem2866898204💠left,
.ListItem2866898204💠root .ListItem2866898204💠right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.ListItem2866898204💠root .ListItem2866898204💠content {
    flex: 1 1 auto;
    padding: 0 10px;
    overflow: hidden;
}

.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline {
    display: block;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    color: #606060;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline:first-of-type {
    color: #000000;
    font-size: 14px;
}

.ListItem2866898204💠root[data-listitem2866898204-lines="1"] {
    line-height: 28px;
}

.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline {
    line-height: 16px;
    height: 16px;
}

.ListItem2866898204💠root[data-listitem2866898204-lines="1"] .ListItem2866898204💠listitemcontentline {
    font-size: 16px;
    line-height: 28px;
    height: 28px;
}

.ListItem2866898204💠root[data-listitem2866898204-lines="2"] .ListItem2866898204💠listitemcontentline {
    line-height: 22px;
    height: 24px;
}

.ListItem2866898204💠root[data-listitem2866898204-lines="3"] .ListItem2866898204💠listitemcontentline {
    line-height: 16px;
    height: 16px;
}

.FilterBoxIcon1124010645💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #6d6d6d;
    font-size: 16px;
}

.FilterBox1415271956💠root {
    padding: 5px;
    position: relative;
}

.FilterBox1415271956💠root .FilterBox1415271956💠content {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: white;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
}

.FilterBox1415271956💠root .FilterBox1415271956💠clearFilterButton {
    align-self: center;
}

.FilterBox1415271956💠root .FilterBox1415271956💠input {
    outline: none;
    background: transparent;
    border: none;
    font-size: 17px;
    box-sizing: border-box;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 1);
    vertical-align: middle;
    flex: 1 1 auto;
}

.ListFilterSection221175667💠root {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 3px;
    width: 100%;
}

.DefaultEmptyList3263698756💠root {
    padding: 10px;
    display: block;
    flex-direction: column;
    line-height: 18px;
    font-size: 14px;
    color: #606060;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.DefaultEmptyList3263698756💠root .DefaultEmptyList3263698756💠header {
    display: block;
    font-weight: bold;
    color: #000000;
}

.ListIconPrimary2507683839💠root.ListIcon453262395💠root {
    -st-extends: ListIcon;
    font-size: 30px;
    padding: 0;
}

.ScrollViewList403274417💠root {
    width: 100%;
}

.ScrollViewList403274417💠root div:focus {
    outline: none;
}

.ScrollViewList403274417💠root .ScrollViewList403274417💠list {
    width: 100%;
}
.ScrollViewList403274417💠root .ScrollViewList403274417💠list > *:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ScrollViewList403274417💠root .ScrollViewList403274417💠header {
    padding: 0 0 12px 0;
    font-size: 15px;
    color: #606060;
}

.NoSourceItem223574049💠root .NoSourceItem223574049💠icon {
    color: #ff0000;
    font-size: 35px;
    padding: 7px;
}

.NoSourceItem223574049💠root .NoSourceItem223574049💠text {
    color: #ff0000;
}

.AnalyticRuleEventPage1535524905💠root {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.FilterCount1808135341💠root {
    padding: 5px;
    font-size: 12px;
    white-space: nowrap;
    flex: 1;
}

.AutoContextIcon3038691990💠root.Icon3826207958💠root {
    -st-extends: Icon;
    position: absolute;
    right: -7px;
    top: -7px;
    line-height: 16px;
    color: gold;
    font-size: 16px;
    text-shadow: 2px 2px 3px #000000;
    padding: 0;
}

.ThumbnailPlaceholder2973742385💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #b0e6fb;
    font-size: 54px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #70d8f9;
    padding: 0;
}

.CameraThumbnail369422868💠root {
    position: relative;
}

.CameraThumbnail369422868💠root .CameraThumbnail369422868💠thumbnail {
    height: 100%;
    width: 100%;
}

.CamerasListThumbnail458110406💠root {
    position: relative;
}

.CamerasListThumbnail458110406💠root .CamerasListThumbnail458110406💠thumbnail.CameraThumbnail369422868💠root {
    -st-extends: CameraThumbnail;
}

.CamerasListThumbnail458110406💠root .CamerasListThumbnail458110406💠thumbnail.CameraThumbnail369422868💠root .CameraThumbnail369422868💠thumbnail {
    height: 48px;
    width: 48px;
}

.GroupsListItemSoftTrigger934638297💠root {
    -st-states: togglestate;
}

.GroupsListItemSoftTrigger934638297💠root[data-groupslistitemsofttrigger934638297-togglestate] .GroupsListItemSoftTrigger934638297💠icon {
    color: #37ca25;
}

.Menu1575308325💠root {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: #000000;
    padding: 1rem;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.Menu1575308325💠root .Menu1575308325💠header {
    cursor: default;
    font-weight: bold;
}

.Menu1575308325💠root .Menu1575308325💠content {
    width: 100%;
    color: #606060;
}

.MenuItem2752722688💠root {
    -st-states: showhover;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.MenuItem2752722688💠root .MenuItem2752722688💠content {
    width: 100%;
    text-align: left;
    text-transform: none;
}

.MenuItem2752722688💠root[data-menuitem2752722688-showhover]:hover {
    background-color: rgba(102, 102, 102, 0.3);
    cursor: pointer;
}

.DropdownMenu602700902💠root {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #ffffff;
}

.tether-element {
    z-index: 2;
}

.SelectMenu3439501076💠root.Menu1575308325💠root {
    -st-extends: Menu;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    padding: 0;
}

.select-tether-element {
    z-index: 200;
}
.SelectMenu3439501076💠root.Menu1575308325💠root {
    background-color: rgb(226, 226, 226);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.SelectMenuItem2260197922💠root {
    padding: 10px 12px;
}

.SelectMenuItem2260197922💠root:hover {
    background-color: #007ac3;
    color: white;
}

.Select1966070009💠root {
    -st-states: expanded, hasfocus;
    position: relative;
    height: 48px;
    outline: none;
    margin: 5px 0;
}

.Select1966070009💠root[data-select1966070009-hasfocus] .Select1966070009💠arrow.Icon3826207958💠root {
    color: #007ac3;
}

.Select1966070009💠root[data-select1966070009-expanded] .Select1966070009💠arrowContainer {
    transform: rotateZ(180deg);
}

.Select1966070009💠root[data-select1966070009-hasfocus] .Select1966070009💠select {
    border: 2px solid #007ac3;
}

.Select1966070009💠root .Select1966070009💠arrow.Icon3826207958💠root {
    -st-extends: Icon;
    font-size: 12px;
    color: #181818;
    padding: 12px;
}

.Select1966070009💠root .Select1966070009💠arrowContainer {
    position: absolute;
    right: 10px;
    top: 10px;
    transition: 0.2s ease all;
}

/* hide the native arrow in IE 11*/
.Select1966070009💠root select::-ms-expand {
    display: none;
}

.Select1966070009💠root .Select1966070009💠select:disabled {
    color: #181818;
}

.Select1966070009💠root .Select1966070009💠select option {
    display: none;
    appearance: none;
}

.Select1966070009💠root .Select1966070009💠select {
    display: block;
    border: 0;
    position: absolute;
    height: 40px;
    bottom: 0;
    width: 100%;
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px 12px 0 12px;
    border: 2px solid rgba(176, 174, 174, 0.66);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #181818;
}

.ListSearchFilterDialog164369796💠root {
    min-width: 200px;
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠header {
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠filter {
    box-sizing: border-box;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠sort {
    margin-top: 5px;
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠sort .ListSearchFilterDialog164369796💠header {
    margin-bottom: 5px;
}

.ListSearchThumbnail40171110💠root {
    -st-states: loaded;
    height: 64px;
    height: 64px;
    width: 64px;
}

.ListSearchThumbnail40171110💠root .ListSearchThumbnail40171110💠thumbnail {
    display: none;
}

.ListSearchThumbnail40171110💠root[data-listsearchthumbnail40171110-loaded] .ListSearchThumbnail40171110💠thumbnail {
    display: inline;
}

.ListSearchThumbnail40171110💠root .ListSearchThumbnail40171110💠placeholder.ThumbnailPlaceholder2973742385💠root {
    -st-extends: ThumbnailPlaceholder;
    font-size: 64px;
}

.FilterBox4286883498💠root {
    position: relative;
    display: flex;
    padding: 5px;
}

.FilterBox4286883498💠root .FilterBox4286883498💠filter.FilterBox1415271956💠root {
    -st-extends: FilterBox;
    flex: 1 1 auto;
}

.FilterBox4286883498💠root .FilterBox4286883498💠button {
    align-self: center;
}

.ListSearchMetadataList2187650218💠root {
}

.ListSearchMetadataList2187650218💠root .ListSearchMetadataList2187650218💠filterContainer {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.ListSearchMetadataList2187650218💠root .ListSearchMetadataList2187650218💠sortText {
    overflow: hidden;
    white-space: nowrap;
}

.ListSearchMetadataList2187650218💠root .ListSearchMetadataList2187650218💠filterInfo {
    display: flex;
}

.ListSearchMetadataList2187650218💠root .ListSearchMetadataList2187650218💠sortTextButtonContainer {
    flex: 1;
    text-align: right;
    padding-right: 8px;
}

.ListSearchMetadataList2187650218💠root .ListSearchMetadataList2187650218💠sortTextButton {
    padding: 2px 5px 0px 5px;
    margin: 0px;
    text-overflow: ellipsis;
}

.SoftTriggerListItem2379463362💠root {
    -st-states: alarm;
}

.SoftTriggerListItem2379463362💠root .SoftTriggerListItem2379463362💠status {
    line-height: 58px;
    vertical-align: middle;
    color: #008000;
}

.SoftTriggerListItem2379463362💠root[data-softtriggerlistitem2379463362-alarm] .SoftTriggerListItem2379463362💠status {
    color: #ff0000;
}

.ButtonMenu3927968950💠root {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px;
    flex: 1;
    text-align: right;
}

.ButtonMenu3927968950💠root .ButtonMenu3927968950💠buttonMenuItem {
    display: inline;
}

.ButtonMenu3927968950💠root .ButtonMenu3927968950💠textButton {
    text-overflow: ellipsis;
    padding: 2px 5px 0px 5px;
    margin: 0px;
}

.ListSelectionMenu1307783616💠root.ButtonMenu3927968950💠root {
    -st-extends: ButtonMenu;
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    right: 0;
}

.ProgressBar2646746750💠root {
    margin: 16px 0;
    height: 4px;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

.ProgressBar2646746750💠root .ProgressBar2646746750💠background {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #e6e6e6;
}

.ProgressBar2646746750💠root .ProgressBar2646746750💠value {
    position: absolute;
    height: 100%;
    width: 100%;
    transform-origin: top left;
    background-color: #0078c6;
    transition: 200ms ease;
}

.SplashScreenPage3972296711💠root.Page2245793867💠root {
    -st-extends: Page;
}

.SplashScreenPage3972296711💠root .SplashScreenPage3972296711💠content {
    padding: 16px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.SplashScreenPage3972296711💠root .SplashScreenPage3972296711💠logo {
    background: url(../images/applicationIcon180x180.png) 0 0 no-repeat;
    height: 180px;
    width: 180px;
    margin: 28px auto;
}

.SplashScreenPage3972296711💠root .SplashScreenPage3972296711💠status {
    padding-top: 16px;
    text-align: center;
}

.SplashScreenPage3972296711💠root .SplashScreenPage3972296711💠dismissButton.TextButton3238805292💠root {
    -st-extends: TextButton;
    color: white;
    display: inline-block;
    margin-top: 20px;
}

.SplashScreenPage3972296711💠root.Page2245793867💠root .Page2245793867💠scroll {
    background: rgb(125, 185, 232); /* Old browsers */
    background: linear-gradient(to bottom, rgba(125, 185, 232, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 56%, rgba(32, 124, 202, 1) 70%, rgba(30, 87, 153, 1) 100%);
    color: #ffffff;
}

.SwipeHorizontal637470937💠root .SwipeHorizontal637470937💠enterActiveLeft {
    transition: transform 300ms, opacity 300ms; /* equal to UxConstants.animation.slow */
    transform: translateX(-100%);
    opacity: 0;
}

.SwipeHorizontal637470937💠root .SwipeHorizontal637470937💠enterActiveRight {
    transition: transform 300ms, opacity 300ms; /* equal to UxConstants.animation.slow */
    transform: translateX(100%);
    opacity: 0;
}

.CardButtons1746129590💠root {
    margin-left: 4px;
}

.Card2291120278💠root {
    background-color: #ffffff;
    margin: 8px;
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16),
        0 2px 5px 0 rgba(0, 0, 0, 0.26);
    padding: 24px 0 8px 0;
    font-size: 14px;
}

.Card2291120278💠root:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19),
        0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.Card2291120278💠root .Card2291120278💠header {
    margin: 0 0 8px 16px;
}

.Card2291120278💠root .Card2291120278💠title {
    color: #212121;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Card2291120278💠root .Card2291120278💠subtitle {
    color: #606060;
    font-style: italic;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Card2291120278💠root .Card2291120278💠body {
    color: #515151;
    margin: 0 16px;
}

.Card2291120278💠root .Card2291120278💠body ul {
    margin-left: 1.25em;
}

.WhatsNewAlertCard2415983699💠root .WhatsNewAlertCard2415983699💠content {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ToursList1524362400💠root {
    height: 100%;
}

.DialogLine2149583079💠root {
    -st-states: tappable, disabled;
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.DialogLine2149583079💠root[data-dialogline2149583079-tappable] {
    cursor: pointer;
}

.DialogLine2149583079💠root[data-dialogline2149583079-disabled] {
    opacity: 0.35;
    cursor: default;
}

.DialogLine2149583079💠root .DialogLine2149583079💠content {
    padding: 0 10px;
    display: flex;
}

.ViewDetailsDialogItem4109330841💠root.DialogLine2149583079💠root {
    -st-extends: DialogLine;
    padding: 8px 0;
}

.ViewDetailsDialogItem4109330841💠root.DialogLine2149583079💠root .DialogLine2149583079💠content {
    display: flex;
    flex-direction: row;
    height: 30px;
    line-height: 30px;
}

.ViewDetailsDialogItem4109330841💠root .ViewDetailsDialogItem4109330841💠index {
    font-size: 150%;
    text-align: center;
    width: 48px;
    flex: 0 0 auto;
}

.ViewDetailsDialogItem4109330841💠root .ViewDetailsDialogItem4109330841💠content {
    flex: 1 1 auto;
}

.ViewDetailsDialogItem4109330841💠root .ViewDetailsDialogItem4109330841💠content div {
    font-size: 13px;
    line-height: 15px;
}

.ViewDetailsDialogItem4109330841💠root .ViewDetailsDialogItem4109330841💠content .ViewDetailsDialogItem4109330841💠item {
    color: #000000;
}

.ViewDetailsDialog2397322959💠root {
    max-width: 300px;
    min-width: 240px;
}

.LayoutThumbnail2530868054💠root {
    position: relative;
    height: 100%;
    width: 100%;
    border-style: solid;
    border-color: #000000;
    border-width: 1px 0 0 1px;
}

.LayoutThumbnail2530868054💠root .LayoutThumbnail2530868054💠slot {
    position: absolute;
    background-color: #ffffff;
    box-sizing: border-box;
    border-style: solid;
    border-color: #000000;
    border-width: 0 1px 1px 0;
}

.LayoutThumbnail2530868054💠root .LayoutThumbnail2530868054💠selected {
    background-color: #dddddd;
}

.ViewItem2228160233💠root .ViewItem2228160233💠icon {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    width: 28px;
}

.ClientViewItem3112539347💠root .ClientViewItem3112539347💠icon {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    width: 28px;
}

.SystemAlertsLink3053166445💠root.TextButton3238805292💠root {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.SystemAlertsLink3053166445💠root.TextButton3238805292💠root {
    -st-extends: TextButton;
    padding: 0;
    margin: 0 0 0 5px;
    text-decoration: underline;
    text-transform: none;
    font-size: 13px;
    color: #007ac3;
    cursor: pointer;
}

.ServerStatus3276329346💠root {
    display: block;
    -st-states: status(number);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b0b0b0;
}

.ServerStatus3276329346💠root[data-serverstatus3276329346-status="1"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="5"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="6"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="3"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="9"] {
    color: #cccc00;
}

.ServerStatus3276329346💠root[data-serverstatus3276329346-status="-1"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="4"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="7"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="8"],
.ServerStatus3276329346💠root[data-serverstatus3276329346-status="2"] {
    color: #ff0000;
}

.ServerStatus3276329346💠root[data-serverstatus3276329346-status="0"] {
    color: #008000;
}

.ServersList689417764💠root {
    -st-states: isdevice;
}

.ServersList689417764💠root[data-serverslist689417764-isdevice] {
    padding: 0 0 60px 0;
}

.ServersListServicePlaceholderStatus2389583194💠root {
    -st-states: status(number);
    display: flex;
}

.ServersListServicePlaceholderStatus2389583194💠root .ServersListServicePlaceholderStatus2389583194💠status {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #b0b0b0;
}

.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="1"] .ServersListServicePlaceholderStatus2389583194💠status,
.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="2"] .ServersListServicePlaceholderStatus2389583194💠status,
.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="3"] .ServersListServicePlaceholderStatus2389583194💠status {
    color: #cccc00;
}

.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="0"] .ServersListServicePlaceholderStatus2389583194💠status,
.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="5"] .ServersListServicePlaceholderStatus2389583194💠status {
    color: #ff0000;
}

.ServersListServicePlaceholderStatus2389583194💠root[data-serverslistserviceplaceholderstatus2389583194-status="4"] .ServersListServicePlaceholderStatus2389583194💠status {
    color: #008000;
}

@keyframes BusySpinner1528436531💠spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.BusySpinner1528436531💠root {
    border: 4px solid #007ac3;
    border-radius: 50%;
    border-top: 4px solid #dddddd;
    width: 60px;
    height: 60px;
    animation: BusySpinner1528436531💠spin 1s linear infinite;
    margin: auto;
}

.ServersListServicePlaceholderItem4091216333💠root .ServersListServicePlaceholderItem4091216333💠busySpinner {
    -st-extends: BusySpinner;
    height: 20px;
    width: 20px;
}

.ServersListServicePlaceholderItem4091216333💠root .ServersListServicePlaceholderItem4091216333💠busySpinnerContainer {
    padding-right: 10px;
}

.ServersListServicePlaceholderItem4091216333💠root .ServersListServicePlaceholderItem4091216333💠errorIcon {
    -st-extends: Icon;
    color: #ff0000;
}

.FloatingActionButton3236062875💠root {
    -st-states: disabled;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer;
    padding: 4px;
    text-align: center;
    border-radius: 1000px; /* this is large because it will account for any icon size and still maintain a circular look */
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    background-color: #007ac3;
    z-index: 2;
}

.FloatingActionButton3236062875💠root:active {
    background-color: green;
}

.FloatingActionButton3236062875💠root[data-floatingactionbutton3236062875-disabled] {
    background-color: #b0b0b0;
    cursor: default;
}

.Header3778753481💠root {
    font-size: 14px;
    color: #007ac3;
    text-transform: uppercase;
    cursor: default;
    box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    padding: 16px 14px 16px 23px;
}

.PageSection2245479989💠root .PageSection2245479989💠content {
    padding: 0 8px;
}

.PageSection2245479989💠root .PageSection2245479989💠header.Header3778753481💠root {
    -st-extends: Header;
}

.PageSection2245479989💠root:first-of-type .PageSection2245479989💠header.Header3778753481💠root {
    box-shadow: none;
    margin-top: 0;
}

.PageSectionItem2733402333💠root {
    -st-states: disabled;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 0 10px 16px;
    min-height: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.PageSectionItem2733402333💠root[data-pagesectionitem2733402333-disabled] {
    cursor: default;
    color: #808080;
}

.PageSectionItem2733402333💠root:last-child {
    border: none;
}

.PageSectionItem2733402333💠root .PageSectionItem2733402333💠header {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.PageSectionItem2733402333💠root .PageSectionItem2733402333💠content {
    font-size: 14px;
    color: #606060;
    line-height: 18px;
    margin-top: 4px;
}

.PageSectionItem2733402333💠root[data-pagesectionitem2733402333-disabled] .PageSectionItem2733402333💠content {
    color: #808080;
}

.PageSectionEditableItem2081183289💠root.PageSectionItem2733402333💠root {
    -st-extends: PageSectionItem;
    -st-states: editable;
}

.PageSectionEditableItem2081183289💠root.PageSectionItem2733402333💠root[data-pagesectioneditableitem2081183289-editable] .PageSectionItem2733402333💠content {
    color: #007ac3;
}

.Form1053050110💠root {
    padding-bottom: 10px;
}

.Form1053050110💠root .Form1053050110💠content {
    padding: 0 25px;
}

.Form1053050110💠root .Form1053050110💠header.Header3778753481💠root {
    -st-extends: Header;
}

.Form1053050110💠root:first-of-type .Form1053050110💠header.Header3778753481💠root {
    border: none;
    margin-top: 0;
}

.FormDescription3993513211💠root {
    margin: 6px 12px 12px 0px;
    font-size: 12px;
    color: rgb(138, 138, 138);
}

.AddServerButton2000979371💠root.FloatingActionButton3236062875💠root {
    -st-extends: FloatingActionButton;
    -st-states: disabled;
    background-color: #40ae49;
}

.AddServerButton2000979371💠root.FloatingActionButton3236062875💠root[data-addserverbutton2000979371-disabled] {
    background-color: #b0b0b0;
}

.AddServerFormUrlTestButton3337855924💠root {
    -st-states: disabled;
}

.AddServerFormUrlTestButton3337855924💠root[data-addserverformurltestbutton3337855924-disabled] .AddServerFormUrlTestButton3337855924💠button {
    background-color: #b0b0b0;
    color: #000000;
}

.AddServerFormUrlTestButton3337855924💠root .AddServerFormUrlTestButton3337855924💠button {
    margin: 14px 7px;
    background-color: #007ac3;
    color: white;
}

.AddServerFormUrlTestButton3337855924💠root .AddServerFormUrlTestButton3337855924💠icon {
    padding: 10px 17px;
}

.AddServerForm4211735450💠root .AddServerForm4211735450💠header {
    padding-left: 0;
}

.AddServerForm4211735450💠root .AddServerForm4211735450💠urlTestControls {
    display: flex;
}

.AddServerForm4211735450💠root .AddServerForm4211735450💠urlTestControlsInput {
    flex-grow: 1;
}

.PageSectionAddressEditDialog2020403466💠root {
    min-width: 250px;
}

.PageSectionAddressEditDialog2020403466💠root .PageSectionAddressEditDialog2020403466💠error {
    color: red;
    font-size: 10px;
}

.PageSectionAddressEditDialog2020403466💠root .PageSectionAddressEditDialog2020403466💠submitButton {
    display: none;
}

.Toggle3793213657💠root {
    -st-states: checked, disabled;
    position: relative;
    display: inline-block;
    height: 12px;
    width: 36px;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 100px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 18px 5px;
}

.Toggle3793213657💠root::after {
    position: absolute;
    left: -2px;
    top: -6px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    background: #fafafa;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    content: '';
    transition: all 300ms ease;
}

.Toggle3793213657💠root:active::after {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4),
        0px 0px 1px 15px rgba(0, 0, 0, 0.1);
}

.Toggle3793213657💠root[data-toggle3793213657-checked] {
    background: rgba(0, 122, 195, 0.5);
}

.Toggle3793213657💠root[data-toggle3793213657-checked]::after {
    left: 16px;
    background: rgb(0, 122, 195);
}

.Toggle3793213657💠root[data-toggle3793213657-disabled] {
    background: rgba(0, 0, 0, 0.12);
    pointer-events: none;
}

.Toggle3793213657💠root[data-toggle3793213657-disabled]::after {
    background: #bdbdbd;
}

.PageSectionToggleItem2099957843💠root {
    padding-right: 60px;
}

.PageSectionToggleItem2099957843💠root .PageSectionToggleItem2099957843💠toggle {
    position: absolute;
    right: 11px;
    top: 5px;
}

.LoginCredentialEdit2638630087💠root .LoginCredentialEdit2638630087💠helpertext {
    margin-bottom: 10px;
}

.LoginCredentialEdit2638630087💠root .LoginCredentialEdit2638630087💠passwordicon {
    margin-top: -41px;
    margin-bottom: 23px;
    padding-left: 8px;
}

.LoginCredentialEdit2638630087💠root .LoginCredentialEdit2638630087💠passwordeyeicon {
    margin-right: 7px;
}

.LoginCredentialEdit2638630087💠root .LoginCredentialEdit2638630087💠txtwithIcon {
    padding: 0px 0px 0px 28px;
}

.AudioDeviceTypeIcon2759247555💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: active;
    font-size: 24pt;
    padding: 8px;
}

.AudioDeviceTypeIcon2759247555💠root.Icon3826207958💠root[data-audiodevicetypeicon2759247555-active] {
    color: green;
}

.ClearInputItem2547715564💠root {
    text-align: center;
    color: red;
}

.SourceIndicator202099237💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #6d6d6d;
    font-size: 16px;
    padding: 0 0 0 4px;
    vertical-align: top;
}

.SourceIndicators2515248227💠root {
    display: inline-block;
}

.CamerasList971046879💠root {
    -st-states: disabled;
}

.CamerasList971046879💠root[data-cameraslist971046879-disabled] {
    opacity: 0.35;
    cursor: default;
}

.CameraSelectPage3947065235💠root .CameraSelectPage3947065235💠clearCameraButton {
    cursor: pointer;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.LayoutsListItem2204058182💠root .LayoutsListItem2204058182💠icon {
    height: 28px;
    width: 28px;
}

.LayoutsList1224296399💠root {
    /*height: 100%;*/
}

.OverlayContainer187321716💠root {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

    /* There is an issue with the overlay displaying behind the video feed on iOS 13.6.1 for devices with
    small screen sizes. This corrects that issue and allows the overlay to display on top of the video.
     */
    -webkit-transform: translate3d(0, 0, 0);
}

.PanelContent4103282400💠root {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.PanelGestures992410591💠root {
    width: 100%;
    height: 100%;
}

.PinchToZoom629459436💠root {
    height: 100%;
    width: 100%;
}

.Panel4252758860💠root {
    -st-states: expanded, isdragover;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #455560;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition-property: height, width, top, left, z-index;
    transition-duration: 200ms;
    transition-timing-function: ease, ease, ease, ease, step-end;
    will-change: height, width, top, left;
}

.Panel4252758860💠root[data-panel4252758860-expanded] {
    border: none;
    z-index: 2;
    transition-property: height, width, top, left, z-index;
    transition-duration: 200ms;
    transition-timing-function: ease, ease, ease, ease, step-start;
}

.Panel4252758860💠root .Panel4252758860💠panelContainer,
.Panel4252758860💠root .Panel4252758860💠container {
    height: 100%;
    width: 100%;
}

@keyframes Panel4252758860💠drag-target-pulsate {
    0% {
        box-shadow: inset 0 0 10px 4px rgba(248, 155, 66, 0);
    }
    50% {
        box-shadow: inset 0 0 10px 4px rgba(248, 155, 66, 1);
    }
    100% {
        box-shadow: inset 0 0 10px 4px rgba(248, 155, 66, 0);
    }
}

.Panel4252758860💠root[data-panel4252758860-isdragover]::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    box-shadow: inset 0 0 10px 4px rgba(248, 155, 66, 1);
    animation: Panel4252758860💠drag-target-pulsate 2s infinite;
    pointer-events: none;
    z-index: 1;
}

.CustomDragLayer872278474💠root {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    pointer-events: none;
}

.CustomDragLayer872278474💠root .CustomDragLayer872278474💠preview {
    background-color: #ffffff;
    position: fixed;
    border: 1px solid #455560;
    box-sizing: border-box;
    pointer-events: none;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.PanelGroup324534133💠root {
    flex: 1 1 auto;
    position: relative;
}

.EditViewLayoutItem2543099422💠root .EditViewLayoutItem2543099422💠edit {
    padding: 8px 10px;
    margin: -2px 0px;
}

.EditViewLayoutItem2543099422💠root .EditViewLayoutItem2543099422💠layout {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

.EditViewAudioItem972294460💠root .EditViewAudioItem972294460💠edit {
    padding: 8px 10px;
    margin: -2px 0px;
}

.EditViewCameraItem3174056504💠root .EditViewCameraItem3174056504💠edit {
    padding: 8px 10px;
    margin: -2px 0px;
}

.EditViewCameraItem3174056504💠root .EditViewCameraItem3174056504💠slot {
    width: 20px;
    margin: 0px 22px;
    font-size: 16pt;
    text-align: center;
}

.EditViewButtonItem2799915104💠root.ListItem2866898204💠root {
    -st-extends: ListItem;
    text-align: center;
}

.EditViewButtonItem2799915104💠root.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline:first-of-type {
    color: #ff0000;
}

.EditViewPage2878008386💠root .EditViewPage2878008386💠nameInput {
    padding: 0 10px;
}

.EditViewPage2878008386💠root .EditViewPage2878008386💠preview {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 10px 0;
}

.DoorsListItem3379571847💠root {
    -st-states: alarm, alert;
}

.DoorsListItem3379571847💠root .DoorsListItem3379571847💠status {
    color: green;
}

/* Note: alarm must be *after* alert to properly override */
.DoorsListItem3379571847💠root[data-doorslistitem3379571847-alert] .DoorsListItem3379571847💠status {
    color: #ffec01;
}

.DoorsListItem3379571847💠root[data-doorslistitem3379571847-alarm] .DoorsListItem3379571847💠status {
    color: #ff0000;
}

.FrameBorder3080807724💠root {
    -st-states: hasframe, framecolor(string);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-hasframe] {
    border: 3px solid;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-framecolor="border-motion"] {
    color: #0062d7;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-framecolor="border-loss"] {
    color: #a00000;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-framecolor="border-alarm"] {
    color: #b21700;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-framecolor="border-freerun"] {
    color: #096e13;
}

.FrameBorder3080807724💠root[data-frameborder3080807724-framecolor="border-eventmonitor"] {
    color: #d77a00;
}

.OSD195933356💠root {
    -st-states: position(string), alignment(string);
    width: 100%;
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
}

.OSD195933356💠root .OSD195933356💠content {
    position: absolute;
    white-space: nowrap;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    left: 0;
    box-sizing: border-box;
}

.OSD195933356💠root[data-osd195933356-position="top"] .OSD195933356💠content {
    top: 0;
}

.OSD195933356💠root[data-osd195933356-position="bottom"] .OSD195933356💠content {
    bottom: 0;
}

.OSD195933356💠root[data-osd195933356-alignment="left"] .OSD195933356💠content {
    text-align: left;
}

.OSD195933356💠root[data-osd195933356-alignment="center"] .OSD195933356💠content {
    text-align: center;
}

.OSD195933356💠root[data-osd195933356-alignment="right"] .OSD195933356💠content {
    text-align: right;
}

.CameraOSD458653582💠root {
    -st-states: weight(string), style(string);
}

.CameraOSD458653582💠root[data-cameraosd458653582-weight="bold"] {
    font-weight: bold;
}

.CameraOSD458653582💠root[data-cameraosd458653582-style="italic"] {
    font-style: italic;
}

.CameraOSD458653582💠root[data-cameraosd458653582-style="slant"] {
    font-style: oblique;
}

.BarBackground3126365399💠root {
    -st-states: bottom, top, left, right, none;
}

.BarBackground3126365399💠root[data-barbackground3126365399-bottom],
.BarBackground3126365399💠root[data-barbackground3126365399-top] {
    width: 100%;
}

.BarBackground3126365399💠root[data-barbackground3126365399-right],
.BarBackground3126365399💠root[data-barbackground3126365399-left] {
    height: 100%;
}

.AudioListItem3221387574💠root.DialogLine2149583079💠root {
    -st-states: active;
    -st-extends: DialogLine;
}

.AudioListItem3221387574💠root.DialogLine2149583079💠root .DialogLine2149583079💠content {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    cursor: pointer;
}

.AudioListItem3221387574💠root .AudioListItem3221387574💠left {
    flex: 0 0 auto;
    height: 30px;
    line-height: 30px;
}

.AudioListItem3221387574💠root .AudioListItem3221387574💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    color: #000000;
    padding: 12px;
    font-size: 12pt;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.AudioListItem3221387574💠root.DialogLine2149583079💠root[data-audiolistitem3221387574-active] .AudioListItem3221387574💠icon.Icon3826207958💠root {
    color: #007ac2;
}

.AudioListItem3221387574💠root .AudioListItem3221387574💠content {
    flex: 1 1 auto;
    height: 30px;
}

.SecurityListItem1419191569💠root {
    -st-states: alerted, alarmed;
}

.SecurityListItem1419191569💠root .SecurityListItem1419191569💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    color: #000000;
    padding: 12px;
    font-size: 12pt;
}

.SecurityListItem1419191569💠root[data-securitylistitem1419191569-alerted] .SecurityListItem1419191569💠icon.Icon3826207958💠root {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.SecurityListItem1419191569💠root[data-securitylistitem1419191569-alarmed] .SecurityListItem1419191569💠icon.Icon3826207958💠root {
    color: #ff0000;
}

.SoftTriggerListItem2825252732💠root {
    -st-states: on;
}

.SoftTriggerListItem2825252732💠root .SoftTriggerListItem2825252732💠icon {
    -st-extends: Icon;
    color: #000000;
    padding: 12px;
    font-size: 12pt;
}

.SoftTriggerListItem2825252732💠root[data-softtriggerlistitem2825252732-on] .SoftTriggerListItem2825252732💠icon {
    color: #37ca25;
}

.OverflowMenu2058527803💠root {
    -st-states: bottom, top, left, right, none;
    position: absolute;
    z-index: 3;
    background-color: #ffffff;
    overflow: hidden;
    pointer-events: all;
    animation-duration: 200ms;
    animation-name: slidein;
}

.OverflowMenu2058527803💠root .OverflowMenu2058527803💠item:hover {
    background-color: rgba(102, 102, 102, 0.3);
}

.OverflowMenu2058527803💠root[data-overflowmenu2058527803-bottom],
.OverflowMenu2058527803💠root[data-overflowmenu2058527803-top] {
    right: 0;
}

.OverflowMenu2058527803💠root[data-overflowmenu2058527803-right],
.OverflowMenu2058527803💠root[data-overflowmenu2058527803-left] {
    bottom: 0;
}

.AssociationButton2345317036💠root.Button3541281939💠root {
    -st-extends: Button;
    -st-states: displayname, displaylabels;
    display: flex;
    min-width: 64px;
    width: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

.AssociationButton2345317036💠root.Button3541281939💠root[data-associationbutton2345317036-displayname] {
    padding: 5px 0;
}

.AssociationButton2345317036💠root.Button3541281939💠root .AssociationButton2345317036💠icon {
    -st-extends: Icon;
    color: white;
    padding: 12px;
    font-size: 12pt;
    margin: 3px;
}

.AssociationButton2345317036💠root.Button3541281939💠root[data-associationbutton2345317036-displayname] .AssociationButton2345317036💠icon {
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
}

.AssociationButton2345317036💠root.Button3541281939💠root:hover {
    background-color: rgba(194, 194, 194, 0.38);
}

.AssociationButton2345317036💠root .AssociationButton2345317036💠label {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: white;
    font-size: 8pt;
    height: 3.75em;
    line-height: 1.25em;
    padding: 0 5px;
}

.OverflowButton69726255💠root.AssociationButton2345317036💠root {
    -st-extends: AssociationButton;
    height: 100%;
    width: 100%;
    min-width: auto;
}

.AudioInputButton837832694💠root.AssociationButton2345317036💠root {
    -st-states: active;
    -st-extends: AssociationButton;
}

.AudioInputButton837832694💠root.AssociationButton2345317036💠root[data-audioinputbutton837832694-active] .AssociationButton2345317036💠icon {
    color: #007ac2;
}

.SecurityButton11753657💠root.AssociationButton2345317036💠root {
    -st-states: alerted, alarmed;
    -st-extends: AssociationButton;
}

.SecurityButton11753657💠root.AssociationButton2345317036💠root[data-securitybutton11753657-alerted] .AssociationButton2345317036💠icon {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.SecurityButton11753657💠root.AssociationButton2345317036💠root[data-securitybutton11753657-alarmed] .AssociationButton2345317036💠icon {
    color: #ff0000;
}

.SoftTriggerButton2771082711💠root.AssociationButton2345317036💠root {
    -st-states: on;
    -st-extends: AssociationButton;
}

.SoftTriggerButton2771082711💠root.AssociationButton2345317036💠root[data-softtriggerbutton2771082711-on] .AssociationButton2345317036💠icon {
    color: #37ca25;
}

/*.root {*/
/*    min-width: 300px;*/
/*}*/

/*.item {*/
/*    width:100%;*/
/*}*/

.AssociationDialog3527107074💠root .AssociationDialog3527107074💠item:hover {
    background-color: rgba(102, 102, 102, 0.3);
}

.AssociationBar3229395757💠root {
    -st-states: bottom, top, left, right, none, hidebar, hidemenu;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-top] {
    flex-direction: column;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-left] {
    flex-direction: row;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-right] {
    flex-direction: row-reverse;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠bar {
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    z-index: 2;
    flex: 0 0 auto;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠bar:bottom,
.AssociationBar3229395757💠root .AssociationBar3229395757💠bar:top {
    flex-direction: row;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠bar:left,
.AssociationBar3229395757💠root .AssociationBar3229395757💠bar:right {
    height: 100%;
    flex-direction: column;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠bar:none {
    display: none;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠items {
    transition: max-height 200ms;
    display: flex;
    max-height: 100px;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-left] .AssociationBar3229395757💠items,
.AssociationBar3229395757💠root[data-associationbar3229395757-right] .AssociationBar3229395757💠items {
    height: 100%;
    max-width: 100px;
    max-height: unset;
    flex-direction: column;
    transition: max-width 200ms;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-hidebar] .AssociationBar3229395757💠items {
    max-height: 0;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-hidebar][data-associationbar3229395757-left] .AssociationBar3229395757💠items,
.AssociationBar3229395757💠root[data-associationbar3229395757-hidebar][data-associationbar3229395757-right] .AssociationBar3229395757💠items {
    max-width: 0;
    max-height: unset;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠item {
    overflow: hidden;
    display: inline-flex;
    white-space: nowrap;
    z-index: 2;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠item:hover,
.AssociationBar3229395757💠root .AssociationBar3229395757💠item:focus {
    -st-extends: Button;
    background-color: rgba(194, 194, 194, 0.38);
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠menu {
    width: 200px;
    max-height: 300px;
    transition: max-height 200ms;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-hidemenu] .AssociationBar3229395757💠menu {
    max-height: 0;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-left] .AssociationBar3229395757💠menu,
.AssociationBar3229395757💠root[data-associationbar3229395757-right] .AssociationBar3229395757💠menu {
    transition: width 200ms;
}

.AssociationBar3229395757💠root[data-associationbar3229395757-left][data-associationbar3229395757-hidemenu] .AssociationBar3229395757💠menu,
.AssociationBar3229395757💠root[data-associationbar3229395757-right][data-associationbar3229395757-hidemenu] .AssociationBar3229395757💠menu {
    width: 0;
    max-height: unset;
}

.AssociationBar3229395757💠root .AssociationBar3229395757💠childOverlays {
    position: relative;
    flex: 1 1 auto;
}

.AssociationStatus2025469422💠root.AssociationBar3229395757💠root {
    -st-extends: AssociationBar;
}
.AssociationStatus2025469422💠root.AssociationBar3229395757💠root .AssociationBar3229395757💠item {
    border: unset;
}

.VideoThrottleOverlay3875728035💠root {
    color: orange;
}

.PanelGroupSearchButton2364979462💠root {
    display: inline-block;
    position: relative;
}

.DoorSummary2148159508💠root {
    -st-states: alarmed, alerted;
    text-align: center;
    margin: 4px 0;
    font-size: 16px;
}

.DoorSummary2148159508💠root .DoorSummary2148159508💠title {
    font-weight: bold;
}

.DoorSummary2148159508💠root .DoorSummary2148159508💠status {
    color: green;
}

.DoorSummary2148159508💠root[data-doorsummary2148159508-alerted] .DoorSummary2148159508💠status {
    color: #ffec01;
}

.DoorSummary2148159508💠root[data-doorsummary2148159508-alarmed] .DoorSummary2148159508💠status {
    color: #ff0000;
}

.SecurityIntegrationIcon526582461💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted;
    color: #6d6d6d;
    font-size: 16px;
    padding: 14px 5px;
}

.SecurityIntegrationIcon526582461💠root.Icon3826207958💠root[data-securityintegrationicon526582461-alerted] {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.SecurityIntegrationIcon526582461💠root.Icon3826207958💠root[data-securityintegrationicon526582461-alarmed] {
    color: #ff0000;
}

.SensorStatus1685008945💠root {
    -st-states: alarm, alert;
}

.SensorStatus1685008945💠root .SensorStatus1685008945💠status {
    color: green;
}

.SensorStatus1685008945💠root[data-sensorstatus1685008945-alert] .SensorStatus1685008945💠status {
    color: #cccc00;
}

.SensorStatus1685008945💠root[data-sensorstatus1685008945-alarm] .SensorStatus1685008945💠status {
    color: red;
}

.SensorAction1569668002💠root .SensorAction1569668002💠placeholder {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 48px;
    min-height: 1px;
}

.ActionItem1507875919💠root {
    width: 100%;
    cursor: pointer;
}

.AudioDevicePage3738974283💠root .AudioDevicePage3738974283💠summary {
    text-align: center;
    padding: 4px 0;
    font-size: 16px;
    font-weight: bold;
}

.PreviewPage1156139726💠root .PreviewPage1156139726💠container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.PreviewPage1156139726💠root .PreviewPage1156139726💠preview {
    flex: 0 0;
}

.PreviewPage1156139726💠root .PreviewPage1156139726💠content {
    display: flex;
    flex: 1 1;
}

@media (orientation: landscape) {
    .PreviewPage1156139726💠root .PreviewPage1156139726💠container {
        flex-direction: row;
    }

    .PreviewPage1156139726💠root .PreviewPage1156139726💠preview {
        flex: 1 1;
    }

    .PreviewPage1156139726💠root .PreviewPage1156139726💠content {
        flex: 1 1;
    }
}

.PageSectionTextInputItem1378353397💠root .PageSectionTextInputItem1378353397💠description {
    padding-bottom: 10px;
    color: #606060;
}

.SliderRail3103364372💠root {
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: white;
}

.SliderHandle628403672💠root {
    position: absolute;
    top: -9px;
    margin-left: -10px;
    z-index: 2;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: grab;
    border-radius: 50%;
    background-color: white;
    border: 3px solid #96dbfa;
}

.SliderHandle628403672💠root .SliderHandle628403672💠tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #444;
    margin-left: -40px;
    bottom: 25px;
}

.SliderHandle628403672💠root .SliderHandle628403672💠tooltip .SliderHandle628403672💠tooltipText {
    background-color: #444;
    color: white;
    opacity: 0.8;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    width: 30px;
    font-size: 11px;
}

.SliderHandle628403672💠root .SliderHandle628403672💠tooltip .SliderHandle628403672💠tooltipText::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #444 transparent transparent transparent;
}

.SliderTrack2964633748💠root {
    position: absolute;
    height: 10px;
    z-index: 1;
    background-color: #96dbfa;
    border-radius: 5px;
    cursor: pointer;
}

.Slider3802972709💠root {
    position: relative;
    display: inline-flex;
    flex: 1;
    height: 10px;
    margin: 0 15px;
    touch-action: none;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    min-width: 300px;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠title {
    font-size: 18px;
    padding: 5px;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠header {
    font-size: 16px;
    padding: 5px;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠label {
    display: inline-flex;
}

.CameraDetailsVideo3967171565💠root {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.RadioButtonIcon3544644322💠root.Icon3826207958💠root {
    -st-states: selected;
    -st-extends: Icon;
    color: #6d6d6d;
}

.RadioButtonIcon3544644322💠root.Icon3826207958💠root[data-radiobuttonicon3544644322-selected] {
    color: #007ac3;
}

.PageSectionSelectDialogItem358200667💠root {
    display: flex;
    flex-direction: column;
}

.PageSectionSelectDialogItem358200667💠root .PageSectionSelectDialogItem358200667💠icon {
    flex: 0 0 auto;
    display: inline-block;
}

.PageSectionSelectDialogItem358200667💠root .PageSectionSelectDialogItem358200667💠content {
    flex: 1 0 auto;
    display: inline-block;
}

.PageSectionSelectDialog3672655526💠root {
    min-width: 260px;
}

.PageSectionMultiSelectDialogItem4090450308💠root {
    display: flex;
    flex-direction: column;
}

.PageSectionMultiSelectDialogItem4090450308💠root .PageSectionMultiSelectDialogItem4090450308💠icon {
    flex: 0 0 auto;
    display: inline-block;
}

.PageSectionMultiSelectDialogItem4090450308💠root .PageSectionMultiSelectDialogItem4090450308💠content {
    flex: 1 0 auto;
    display: inline-block;
}

.FontColorSelectDialogItem824130584💠root .FontColorSelectDialogItem824130584💠item {
    display: inline-block;
    width: 100%;
    position: relative;
}

.FontColorSelectDialogItem824130584💠root .FontColorSelectDialogItem824130584💠item span {
    display: inline-block;
    width: 45px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid black;
}

.FontDecorationSelectDialogItem3787312822💠root {
    -st-states: style(string);
}

.FontDecorationSelectDialogItem3787312822💠root[data-fontdecorationselectdialogitem3787312822-style="italic"] {
    font-style: italic;
}

.FontDecorationSelectDialogItem3787312822💠root[data-fontdecorationselectdialogitem3787312822-style="bold"] {
    font-weight: bold;
}

.FontDecorationSelectDialogItem3787312822💠root[data-fontdecorationselectdialogitem3787312822-style="bolditalic"] {
    font-weight: bold;
    font-style: italic;
}

.ConfigurationSettings3815436709💠root .ConfigurationSettings3815436709💠configsectionHeaderName {
    font-size: 18px;
    color: #007ac3;
    text-transform: uppercase;
    cursor: default;
    margin-top: 10px;
    padding: 16px 14px 3px 23px;
    font-weight: bold;
}
.ConfigurationSettings3815436709💠root .ConfigurationSettings3815436709💠configsectionContent {
    margin: 0 23px;
    cursor: pointer;
}

.ListIcon628506339💠root {
    -st-states: alarm, alert;
    color: #6d6d6d;
}

.ListIcon628506339💠root[data-listicon628506339-alert] {
    color: #cccc00;
}

/* This must come after alert to take priority */
.ListIcon628506339💠root[data-listicon628506339-alarm] {
    color: #ff0000;
}

.PartitionSummary2017794813💠root .PartitionSummary2017794813💠summary {
    text-align: center;
    margin: 4px 0;
    font-size: 15px;
}

.PartitionSummary2017794813💠root .PartitionSummary2017794813💠title {
    font-weight: bold;
}

.PartitionStatus910667672💠root {
    -st-states: alarmed, alerted;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.PartitionStatus910667672💠root .PartitionStatus910667672💠sending {
    display: inline;
}

.PartitionStatus910667672💠root .PartitionStatus910667672💠status {
    color: green;
}

.PartitionStatus910667672💠root[data-partitionstatus910667672-alerted] .PartitionStatus910667672💠status {
    color: #ffec01;
}

.PartitionStatus910667672💠root[data-partitionstatus910667672-alarmed] .PartitionStatus910667672💠status {
    color: #ff0000;
}

.PartitionListItem3236818811💠root.ListItem2866898204💠root {
    -st-extends: ListItem;
    -st-states: alarmed, alerted;
}

.PartitionListItem3236818811💠root.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline:first-of-type {
    color: #6d6d6d;
}

.PartitionListItem3236818811💠root.ListItem2866898204💠root[data-partitionlistitem3236818811-alerted] .ListItem2866898204💠listitemcontentline:first-of-type {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.PartitionListItem3236818811💠root.ListItem2866898204💠root[data-partitionlistitem3236818811-alarmed] .ListItem2866898204💠listitemcontentline:first-of-type {
    color: #ff0000;
}

.PartitionListItem3236818811💠root.ListItem2866898204💠root .ListItem2866898204💠listitemcontentline {
    line-height: 44px;
}

.ZoneSummary1903657714💠root .ZoneSummary1903657714💠summary {
    text-align: center;
    margin: 4px 0;
    font-size: 15px;
}

.ZoneSummary1903657714💠root .ZoneSummary1903657714💠title {
    font-weight: bold;
}

.ZoneStatus246550192💠root {
    -st-states: alarmed, alerted;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.ZoneStatus246550192💠root .ZoneStatus246550192💠sending {
    display: inline;
}

.ZoneStatus246550192💠root .ZoneStatus246550192💠status {
    color: green;
}

.ZoneStatus246550192💠root[data-zonestatus246550192-alerted] .ZoneStatus246550192💠status {
    color: #ffec01;
}

.ZoneStatus246550192💠root[data-zonestatus246550192-alarmed] .ZoneStatus246550192💠status {
    color: #ff0000;
}

.LivePanelView4153727179💠root {
    height: 100%;
    width: 100%;
}

.LivePanelView4153727179💠root .LivePanelView4153727179💠pgno {
    position: absolute;
    bottom: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    border: 1px solid #f0f0f0;
    background-color: white;
    padding: 2px 5px;
    width: auto;
    height: auto;
    z-index: 3;
    opacity: 0.7;
}

.LivePanelView4153727179💠root .LivePanelView4153727179💠pgnoLyt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.LivePanelView4153727179💠root .LivePanelView4153727179💠emptyLayout {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    position: relative;
    background-color: black;
    border: 1px #455560 solid;
    overflow: hidden;
}

.LivePanelView4153727179💠root .LivePanelView4153727179💠streamPanel {
    position: absolute;
    text-align: center;
    color: #ffffff;
    display: flex;
    border: 1px solid #455560;
    box-sizing: border-box;
}

.FullAssociationBar1654602668💠root {
    width: 100%;
    height: 100%;
    pointer-events: all;
}

.PTZControl1865157478💠root {
    -st-states: pressed, direction(string);
    display: inline-block;
    height: 100%;
    width: 33%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: all;
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-pressed] {
    background-color: #343434;
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="ul"] {
    background-image: url('../images/ptz-up-left.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="u"] {
    background-image: url('../images/ptz-up.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="ur"] {
    background-image: url('../images/ptz-up-right.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="l"] {
    background-image: url('../images/ptz-left.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="r"] {
    background-image: url('../images/ptz-right.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="dl"] {
    background-image: url('../images/ptz-down-left.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="d"] {
    background-image: url('../images/ptz-down.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="dr"] {
    background-image: url('../images/ptz-down-right.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="i"] {
    width: 16.5%;
    background-size: 100%;
    background-position-y: 50%;
    background-image: url('../images/ptz-zoom-in.png');
}

.PTZControl1865157478💠root[data-ptzcontrol1865157478-direction="o"] {
    width: 16.5%;
    background-size: 100%;
    background-position-y: 50%;
    background-image: url('../images/ptz-zoom-out.png');
}

.PTZControls2998066012💠root {
    position: absolute;
    height: 100%;
    width: 100%;
}

.PTZControls2998066012💠root .PTZControls2998066012💠controls {
    position: absolute;
    height: 50%;
    width: 50%;
    bottom: 20px;
    left: 20px;
}

.PTZControls2998066012💠root .PTZControls2998066012💠controls .PTZControls2998066012💠row {
    width: 100%;
    height: 33%;
}

.InactivityTimeout2980041541💠root {
    height: 100%;
    width: 100%;
    background-color: #000000;
}

.InactivityTimeout2980041541💠root .InactivityTimeout2980041541💠content {
    color: #ff0000;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.PanelSelection2741564422💠root {
    -st-states: selected;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
}

.PanelSelection2741564422💠root .PanelSelection2741564422💠glassPane {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.PanelSelection2741564422💠root[data-panelselection2741564422-selected] .PanelSelection2741564422💠glassPane {
    background-color: rgba(0, 122, 195, 0.4);
}

.PanelSelection2741564422💠root .PanelSelection2741564422💠header {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    align-items: center;
}

.PanelSelection2741564422💠root .PanelSelection2741564422💠checkmark {
    background: url(../images/checkbox.png) 0 0 no-repeat;
    height: 24px;
    width: 24px;
    min-width: 24px;
    margin-left: 10px;
}

.PanelSelection2741564422💠root[data-panelselection2741564422-selected] .PanelSelection2741564422💠checkmark {
    background: url(../images/checkbox-checked.png) 0 0 no-repeat;
}

.PanelSelection2741564422💠root .PanelSelection2741564422💠label {
    color: white;
    text-align: right;
    margin-right: 10px;
}

.ContextMenu3525234737💠root {
    max-width: 300px;
    min-width: 240px;
}

.ContextMenu3525234737💠root .ContextMenu3525234737💠status {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
}

.AudioSelection3102683059💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
    width: 100%;
    position: relative;
    bottom: 0;
    height: 56px;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠item {
    padding: 0 0 0 10px;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠checkmark {
    position: absolute;
    left: 0;
    top: 3px;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠content {
    line-height: 20px;
    vertical-align: top;
    font-size: 13px;
    margin-left: 45px;
    margin-right: 45px;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠lineOne {
    padding-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠lineTwo {
    color: #606060;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AudioSelection3102683059💠root .AudioSelection3102683059💠icon {
    position: absolute;
    right: 0;
    top: 3px;
}

.ProgressBarIcon2402392606💠root.Icon3826207958💠root {
    -st-states: expand;
    -st-extends: Icon;
    position: relative;
    display: block;
    color: white;
    z-index: 3;
    padding: 5px 10px;
    transition-duration: inherit;
    transition-property: inherit;
    transition-timing-function: inherit;
    font-size: 12px;
}

.ProgressBarIcon2402392606💠root.Icon3826207958💠root[data-progressbaricon2402392606-expand] {
    font-size: 20px;
    transition-duration: 250ms;
    transition-property: font-size;
    transition-timing-function: linear;
}

.ProgressBarTransition3149270989💠root {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #007ac3;
    transition-duration: 2000ms;
    cursor: pointer;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠icon {
    flex: 0 0 40px;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠text {
    -st-states: expandstate(string);
    position: relative;
    font-size: 15px;
    color: white;
    z-index: 1;
    flex: 4 1;
    padding: 7px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-duration: 250ms;
    transition-property: font-size;
    transition-timing-function: linear;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠text[data-progressbartransition3149270989-expandstate="entered"] {
    font-size: 25px;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠indicator {
    -st-states: expand, pistate(string);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    border-right: 5px solid rgba(255, 140, 0, 0.7);
    width: 0;

    background: rgb(87, 157, 214);
    background: linear-gradient(to bottom, rgba(87, 157, 214, 1) 0%, rgba(0, 122, 195, 1) 52%, rgba(0, 122, 195, 1) 52%, rgba(87, 157, 214, 1) 100%);

    transition-property: width;
    transition-timing-function: linear;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠indicator[data-progressbartransition3149270989-expand] {
    transition-duration: 250ms !important;
    transition-property: height;
    transition-timing-function: linear;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠indicator[data-progressbartransition3149270989-pistate="entered"] {
    width: 100%;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠indicator[data-progressbartransition3149270989-pistate="exited"] {
    width: 0%;
    transition-duration: 0ms !important;
}

.ProgressBarTransition3149270989💠root .ProgressBarTransition3149270989💠indicator[data-progressbartransition3149270989-pistate="entering"] {
    width: 100%;
}

.EventMonitorBarIconButton2708369576💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #6d6d6d;
    font-size: 16px;
    margin: 2px;
}

.EventMonitorBarEventsButton4091574977💠root.TextButton3238805292💠root {
    -st-extends: TextButton;
}

.EventMonitorBarEventsButton4091574977💠root.TextButton3238805292💠root[data-textbutton3238805292-disabled],
.EventMonitorBarEventsButton4091574977💠root.TextButton3238805292💠root:active[data-textbutton3238805292-disabled] {
    color: #b0b0b0;
}

.EventMonitorBarEventsButton4091574977💠root .EventMonitorBarEventsButton4091574977💠badge.Badge1021299352💠root {
    -st-extends: Badge;
    position: static;
    margin: 0 0 0 5px;
    padding: 2px 7px;
}

.EventMonitorBarEventsButton4091574977💠root .EventMonitorBarEventsButton4091574977💠badge.Badge1021299352💠root .Badge1021299352💠count {
    position: relative;
    top: -1px;
}

.EventMonitorBarEventsButton4091574977💠root .EventMonitorBarEventsButton4091574977💠badge.Badge1021299352💠root[data-badge1021299352-largecount] .Badge1021299352💠count {
    top: -2px;
}

.EventMonitorBar296885423💠root {
    width: 100%;
    background-color: white;
    height: 48px;
}

.EventMonitorBar296885423💠root .EventMonitorBar296885423💠eventsButton {
    display: inline-block;
    position: absolute;
}

.EventMonitorBar296885423💠root .EventMonitorBar296885423💠buttons {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
}

.ScrollablePanel1158294103💠root {
    height: 100%;
    width: 100%;
}

.ScrollableMultiPanel225933160💠root {
    height: 100%;
    width: 100%;
}

.LiveScrollView4097215739💠root .LiveScrollView4097215739💠expandedView {
    position: fixed;
    top: -1px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    display: flex;
}

.ListMenuErrorItem3997668774💠root.DialogLine2149583079💠root {
    -st-extends: DialogLine;
    padding: 8px 0;
    display: block;
}

.ListMenuErrorItem3997668774💠root.DialogLine2149583079💠root .DialogLine2149583079💠content {
    box-sizing: border-box;
    cursor: pointer;
}

.ListMenuErrorItem3997668774💠root .ListMenuErrorItem3997668774💠content {
    height: 30px;
}

.ListMenuErrorItem3997668774💠root .ListMenuErrorItem3997668774💠content div {
    font-size: 12px;
    line-height: 12px;
}

.ListMenuErrorItem3997668774💠root .ListMenuErrorItem3997668774💠content .ListMenuErrorItem3997668774💠header {
    color: #000000;
}

.ListMenuItem1747761896💠root.DialogLine2149583079💠root {
    -st-extends: DialogLine;
    padding: 8px 0;
    display: block;
}

.ListMenuItem1747761896💠root.DialogLine2149583079💠root .DialogLine2149583079💠content {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    cursor: pointer;
}

.ListMenuItem1747761896💠root .ListMenuItem1747761896💠icon {
    flex: 0 0 auto;
    height: 30px;
    line-height: 30px;
}

.ListMenuItem1747761896💠root .ListMenuItem1747761896💠icon i {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.ListMenuItem1747761896💠root .ListMenuItem1747761896💠content {
    flex: 1 1 auto;
    height: 30px;
}

.ListMenuItem1747761896💠root .ListMenuItem1747761896💠content div {
    font-size: 12px;
    line-height: 12px;
}

.ListMenuItem1747761896💠root .ListMenuItem1747761896💠content .ListMenuItem1747761896💠title {
    color: #000000;
}

.RotaryMenuItem979227060💠root {
    position: absolute;
    cursor: pointer;
}

.ActionMenuItem2067299190💠root {
    -st-states: type(string);
    color: #6d6d6d;
}

.ActionMenuItem2067299190💠root[data-actionmenuitem2067299190-type="rotary"] {
    color: white;
}

.ActionMenuItemIcon1373806443💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on, present;
}

.ActionMenuItemIcon1373806443💠root.Icon3826207958💠root[data-actionmenuitemicon1373806443-present] {
    color: #007ac2;
}

.ActionMenuItemIcon1373806443💠root.Icon3826207958💠root[data-actionmenuitemicon1373806443-on] {
    color: #37ca25;
}

.ActionMenuItemIcon1373806443💠root.Icon3826207958💠root[data-actionmenuitemicon1373806443-alerted] {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.ActionMenuItemIcon1373806443💠root.Icon3826207958💠root[data-actionmenuitemicon1373806443-alarmed] {
    color: #ff0000;
}

.DismissDragDropToolbarItem3612944390💠root {
    -st-states: isdragover;
    display: block;
    text-align: center;
    flex: 2;
    background-color: #f89b42;
    background-image: linear-gradient(#f89b42, #f89b42);
}

@keyframes DismissDragDropToolbarItem3612944390💠drag-target-pulsate {
    0% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0.75);
    }
    100% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0);
    }
}

.DismissDragDropToolbarItem3612944390💠root[data-dismissdragdroptoolbaritem3612944390-isdragover] {
    box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 0.75);
    animation: DismissDragDropToolbarItem3612944390💠drag-target-pulsate 2s infinite;
}

.VideoPushDragDropToolbarItem4212922319💠root {
    -st-states: isdragover;
    display: block;
    text-align: center;
    background-color: #007ac3;
    flex: 1;
}

@keyframes VideoPushDragDropToolbarItem4212922319💠drag-target-pulsate {
    0% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0.75);
    }
    100% {
        box-shadow: inset 0 0 10px 4px rgba(255, 255, 255, 0);
    }
}

.VideoPushDragDropToolbarItem4212922319💠root[data-videopushdragdroptoolbaritem4212922319-isdragover] {
    box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 0.75);
    animation: VideoPushDragDropToolbarItem4212922319💠drag-target-pulsate 2s infinite;
}

.DragDropToolbar3417422111💠root {
}

.DragDropToolbar3417422111💠root .DragDropToolbar3417422111💠items {
    display: flex;
}

.FocusToolbar3699963643💠root {
    background-color: #000000;
    animation-duration: 300ms;
    animation-name: FocusToolbar3699963643💠fadetoblack;
}
.FocusToolbar3699963643💠root .FocusToolbar3699963643💠button.ToolbarItem3848863791💠root {
    -st-extends: ToolbarItem;
    animation-duration: 300ms;
    animation-name: FocusToolbar3699963643💠fadein;
}

.FocusToolbar3699963643💠root .FocusToolbar3699963643💠button.ToolbarItem3848863791💠root .ToolbarItem3848863791💠icon {
    color: white;
}

.FocusToolbar3699963643💠root .FocusToolbar3699963643💠button.ToolbarItem3848863791💠root .ToolbarItem3848863791💠icon[data-toolbaricon3007370299-disabled] {
    color: #515151;
}

@keyframes FocusToolbar3699963643💠fadetoblack {
    from {
        background-color: #007ac3;
    }
    to {
        background-color: #000000;
    }
}

@keyframes FocusToolbar3699963643💠fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.SpeedSearchRenderer403100334💠root {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    background-color: #000000;
    color: #ffffff;
}

.SpeedSearchPanelContent2995246822💠root {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: rgba(1, 1, 1, 0);
    color: white;
    display: flex;
}

.SpeedSearchPanelContent2995246822💠root > * {
    flex: auto;
    align-self: center;
    padding: 0;
}

.SpeedSearch2906849159💠root {
    height: 100%;
    width: 100%;
}

.ScrollableTimeLine1358561085💠root {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.ScrollableTimeLine1358561085💠root .ScrollableTimeLine1358561085💠canvas {
    width: 100%;
}

.SearchDatePicker2914169358💠root {
    display: flex;
    justify-content: center;
}
.SearchDatePicker2914169358💠root .SearchDatePicker2914169358💠button {
    text-align: center;
    color: #323232;
    font-size: small;
    font-weight: 300;
}
.SearchDatePicker2914169358💠root .SearchDatePicker2914169358💠icon {
    padding: 10px 5px;
    font-size: 12px;
    margin-bottom: 3px;
    color: #007ac2;
}

.DateTimePickerDialog1942861854💠root {
    padding: 0;
}

.DateTimePickerDialog1942861854💠root::container {
    padding: 0;
}

.EvDateTimePicker4121591655💠root {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.EvDateTimePicker4121591655💠root .EvDateTimePicker4121591655💠container {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

@media screen and (orientation: landscape) {
    .EvDateTimePicker4121591655💠root {
        flex-flow: row;
    }
}

.EvDateTimeHeader1505288166💠root {
    background-color: #007ac3;
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    border: 2px solid #007ac3;
    border-radius: 2vmin 2vmin 0 0;
}
.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠container {
    margin: 0;
    column-count: 4;
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠periodcontainer {
    list-style-type: none;
    padding-top: 0.5em;
    padding-left: 0.5em;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠separator {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠perioditem {
    color: #939393;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    align-items: center;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠highlightPeriod {
    color: white;
    background-color: lightskyblue;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    align-items: center;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠dateitem {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠item {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠highlight,
.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠item:hover,
.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠item:active {
    color: white;
    background-color: lightskyblue;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EvDateTimeHeader1505288166💠root .EvDateTimeHeader1505288166💠scroll ::-webkit-scrollbar {
    width: 0px;
}

@media screen and (orientation: landscape) {
    .EvDateTimeHeader1505288166💠root {
        border-radius: 0.5em;
        margin-right: 0.25em;
    }
}

.EvNumpad1507204321💠root {
    background-color: #007ac3;
    width: 350px;
    max-width: 100%;
    max-height: 100%;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 1vmin;
    border: 2px #007ac3 solid;
    border-radius: 0.5em;
}

.EvNumpad1507204321💠root,
.EvNumpad1507204321💠root *,
.EvNumpad1507204321💠root *:before,
.EvNumpad1507204321💠root *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 350px) {
    .EvNumpad1507204321💠root {
        width: 100%;
    }
}

.EvNumpad1507204321💠root .EvNumpad1507204321💠numKey {
    color: #007ac3;
    font-family: Helvetica, Arial, sans-serif;
    display: flex;
    width: 33%;
    height: 25%;
    font-size: 32px;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    border-width: 2px;
    border-style: outset;
    border-color: white;
    border-radius: 0.25em;
}
.EvNumpad1507204321💠root .EvNumpad1507204321💠numKey:active {
    color: #007ac3;
    background: lightskyblue;
    box-shadow: inset 0em 0em 0.25em #007ac3;
}

.ProgressControls651994685💠root {
    height: auto;
    line-height: 24px;
    display: flex;
    position: relative;
}
.ProgressControls651994685💠root .ProgressControls651994685💠time {
    border-right: 1px solid #000000;
    padding: 0 4px;
    font-size: 8pt;
    background-color: #eeeeee;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-basis: 120px;
    min-width: 120px;
    height: inherit;
}

.ProgressControls651994685💠root .ProgressControls651994685💠bar {
    background-color: #cccccc;
    flex-grow: 1;
    height: inherit;
}

.PlaybackControl832957960💠root {
    -st-states: active, disabled;
    position: relative;
    display: inline-block;
    padding: 0 1%;
}

.PlaybackControl832957960💠root[data-playbackcontrol832957960-active],
.PlaybackControl832957960💠root[data-playbackcontrol832957960-active] .PlaybackControl832957960💠icon.Icon3826207958💠root {
    color: #007ac2;
    -webkit-text-stroke-color: #007ac2;
}

.PlaybackControl832957960💠root[data-playbackcontrol832957960-disabled] .PlaybackControl832957960💠icon.Icon3826207958💠root {
    color: #939393;
}

.PlaybackControl832957960💠root .PlaybackControl832957960💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    -webkit-text-stroke-color: #323232;
    color: #323232;
    font-size: 14px;
}

.PlaybackControls3166369979💠root {
    text-align: center;
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.PlaybackControls3166369979💠root .PlaybackControls3166369979💠control {
    -st-states: active;
    position: relative;
    display: inline-block;
}

.PlaybackControls3166369979💠root .PlaybackControls3166369979💠control[data-playbackcontrols3166369979-active] {
    color: #007ac2;
}

.PlaybackControls3166369979💠root .PlaybackControls3166369979💠fastforwardBadge {
    right: 0;
}

.PlaybackControls3166369979💠root .PlaybackControls3166369979💠rewindBadge {
    left: 0;
}

.SearchControls2766615221💠root {
    -st-states: landscape;
    background-color: #f2f2f2;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    cursor: default;
    transition: height 100ms;
    position: relative;
    z-index: 2;
}
.SearchControls2766615221💠root[data-searchcontrols2766615221-landscape] {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.SearchFocusToolbar2583272374💠root {
    background-color: #000000;
    animation-duration: 300ms;
    animation-name: SearchFocusToolbar2583272374💠fadetoblack;
}
.SearchFocusToolbar2583272374💠root .SearchFocusToolbar2583272374💠button {
    -st-extends: ToolbarItem;
    animation-duration: 300ms;
    animation-name: SearchFocusToolbar2583272374💠fadein;
}

.SearchFocusToolbar2583272374💠root .SearchFocusToolbar2583272374💠button::icon {
    color: white;
}

.SearchFocusToolbar2583272374💠root .SearchFocusToolbar2583272374💠button::icon:disabled {
    color: #515151;
}

@keyframes SearchFocusToolbar2583272374💠fadetoblack {
    from {
        background-color: #007ac3;
    }
    to {
        background-color: #000000;
    }
}

@keyframes SearchFocusToolbar2583272374💠fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.SearchButton1537746538💠root {
}

.SourceSelections2958385402💠root {
    background-color: #f2f2f2;
    display: flex;
    margin-bottom: 8px;
}
.SourceSelections2958385402💠root .SourceSelections2958385402💠icon {
    color: #007ac2;
    align-self: center;
    position: absolute;
    right: 5%;
}
.SourceSelections2958385402💠root .SourceSelections2958385402💠pagesectionitem {
    flex-grow: 1;
}

.PageSectionTimezoneItem3788721018💠root {
    flex-grow: 1;
}

.PageSectionTimeRangeErrorItem2710665691💠root {
    color: #ff0000;
    display: flex;
}

.PageSectionTimeRangeErrorItem2710665691💠root .PageSectionTimeRangeErrorItem2710665691💠icon {
    flex: 0 0 auto;
}

.PageSectionTimeRangeErrorItem2710665691💠root .PageSectionTimeRangeErrorItem2710665691💠content {
    line-height: 48px;
}

.PageSectionDatePicker655784226💠root {
    -st-states: invalidrange;
}
.PageSectionDatePicker655784226💠root .PageSectionDatePicker655784226💠outerDiv {
    display: flex;
    background-color: #f2f2f2;
    margin-bottom: 8px;
}
.PageSectionDatePicker655784226💠root .PageSectionDatePicker655784226💠startDate.PageSectionItem2733402333💠root {
    -st-extends: PageSectionItem;
    border-bottom: 2px solid;
    flex-grow: 1;
}

.PageSectionDatePicker655784226💠root[data-pagesectiondatepicker655784226-invalidrange] .PageSectionDatePicker655784226💠startDate.PageSectionItem2733402333💠root .PageSectionItem2733402333💠header {
    color: #ff0000;
}
.PageSectionDatePicker655784226💠root .PageSectionDatePicker655784226💠icon {
    color: #007ac2;
    align-self: center;
    position: absolute;
    right: 5%;
}

.PreferredSourceSelector1277473732💠root {
    -st-states: disabled;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 10px;
    min-height: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.PreferredSourceSelector1277473732💠root[data-preferredsourceselector1277473732-disabled] {
    cursor: default;
    color: #808080;
}

.PreferredSourceSelector1277473732💠root:last-child {
    border: none;
}

.PreferredSourceSelector1277473732💠root .PreferredSourceSelector1277473732💠header {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.PreferredSourceSelector1277473732💠root .PreferredSourceSelector1277473732💠content {
    font-size: 14px;
    color: #606060;
    line-height: 18px;
    margin: 10px 0;
    display: flex;
    column-gap: 10px;
}

.PreferredSourceSelector1277473732💠root button,
.PreferredSourceSelector1277473732💠root button:disabled {
    padding: 10px 20px;
    border-radius: 20px;
    background-color: #b0b0b0;
    color: #000000;
    border: none;
    min-width: 80px;
}

.PreferredSourceSelector1277473732💠root .PreferredSourceSelector1277473732💠selected {
    background-color: #007ac3 !important;
    color: white !important;
}

.PreferredSourceSelector1277473732💠root .PreferredSourceSelector1277473732💠notSelected {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000000;
}

.AppBar4205878349💠root {
    -st-states: primaryposition(string);
    height: 48px;
    width: 100%;
    background-color: #007ac3;
}

.AppBar4205878349💠root .AppBar4205878349💠primary.FloatingActionButton3236062875💠root {
    -st-extends: FloatingActionButton;
    background-color: #40ae49;
    position: absolute;
    margin-right: 0;
}

.AppBar4205878349💠root .AppBar4205878349💠primary.FloatingActionButton3236062875💠root:active {
    background-color: #4fd65a;
}

.AppBar4205878349💠root .AppBar4205878349💠primary.FloatingActionButton3236062875💠root[data-floatingactionbutton3236062875-disabled] {
    background-color: #b0b0b0;
}

.AppBar4205878349💠root[data-appbar4205878349-primaryposition=""] .AppBar4205878349💠primary.FloatingActionButton3236062875💠root {
    right: 16px;
}

.AppBar4205878349💠root[data-appbar4205878349-primaryposition="left"] .AppBar4205878349💠primary.FloatingActionButton3236062875💠root {
    left: 16px;
}

.AppBar4205878349💠root[data-appbar4205878349-primaryposition="center"] .AppBar4205878349💠primary.FloatingActionButton3236062875💠root {
    right: 50%;
    margin-right: -28px;
}

.AppBar4205878349💠root[data-appbar4205878349-primaryposition="right"] .AppBar4205878349💠primary.FloatingActionButton3236062875💠root {
    right: 16px;
}

.AppBarItem3101570825💠root {
    -st-states: disabled;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    color: white;
    font-size: 24px;
}

.AppBarItem3101570825💠root[data-appbaritem3101570825-disabled] {
    cursor: default;
    color: #b0b0b0;
}

.SearchCamerasPage945572765💠root {
    padding-bottom: 50px;
}

.VideoPushSection48924790💠root {
}

.VideoPushSection48924790💠root .VideoPushSection48924790💠toggle {
    position: absolute;
    right: 11px;
    top: -5px;
}

.BackupDialog1665949628💠root {
}

.BackupDialog1665949628💠root .BackupDialog1665949628💠toggle {
    float: right;
    margin: 0;
}

.BackupDialog1665949628💠root .BackupDialog1665949628💠passphrase {
    font-size: 13px;
    margin-top: 10px;
}

.BackupDialog1665949628💠root .BackupDialog1665949628💠credentials {
    font-size: 13px;
    margin-top: 12px;
    padding-bottom: 5px;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root .PushNotifyProfilesListEventLinkItem1926465949💠checkbox.Checkbox132599973💠root {
    -st-extends: Checkbox;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root .PushNotifyProfilesListEventLinkItem1926465949💠checkbox.Checkbox132599973💠root .Checkbox132599973💠checkbox {
    padding: 14px 2px;
}

.PushNotifyProfilesList1318871759💠root .PushNotifyProfilesList1318871759💠list.List961574596💠root {
    -st-extends: List;
    padding-bottom: 50px;
}

.NumberInput4125808796💠root .NumberInput4125808796💠content {
    display: flex;
}

.NumberInput4125808796💠root .NumberInput4125808796💠input {
    flex: 1 1 auto;
}

.NumberInput4125808796💠root .NumberInput4125808796💠units {
    flex: 0 1 auto;
    margin: auto;
    padding-left: 15px;
}

.ActivityTimeoutSectionItem2588944341💠root {
}

.ActivityTimeoutSectionItem2588944341💠root .ActivityTimeoutSectionItem2588944341💠toggle {
    position: absolute;
    right: 11px;
    top: -5px;
}

.VideoPushMessageStatus4241614771💠root {
    -st-states: status(number); /* This number corresponds to the values of VideoPushMessageStatuses enum*/
}

.VideoPushMessageStatus4241614771💠root[data-videopushmessagestatus4241614771-status="1"] .VideoPushMessageStatus4241614771💠status,
.VideoPushMessageStatus4241614771💠root[data-videopushmessagestatus4241614771-status="5"] .VideoPushMessageStatus4241614771💠status {
    color: #ff0000;
}

.VideoPushMessageStatus4241614771💠root[data-videopushmessagestatus4241614771-status="2"] .VideoPushMessageStatus4241614771💠status,
.VideoPushMessageStatus4241614771💠root[data-videopushmessagestatus4241614771-status="3"] .VideoPushMessageStatus4241614771💠status,
.VideoPushMessageStatus4241614771💠root[data-videopushmessagestatus4241614771-status="4"] .VideoPushMessageStatus4241614771💠status {
    color: #008000;
}

.VideoPushTargetsListItem3576393285💠root {
    -st-states: disabled;
}

.VideoPushTargetsListItem3576393285💠root[data-videopushtargetslistitem3576393285-disabled] {
    cursor: default;
}

.VideoPushTargetsListItem3576393285💠root[data-videopushtargetslistitem3576393285-disabled] .VideoPushTargetsListItem3576393285💠checkbox {
    opacity: 0.35;
}

.SendButton3419412655💠root {
}

.VideoPushTargetsPage3618465414💠root {
    padding-bottom: 50px;
}

.emrc-page.has-footer.video-push-targets-page .page-content-wrapper {
    bottom: 0;
}

.EulaPage245046400💠root {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.EulaPage245046400💠root .EulaPage245046400💠content {
    flex: 1 1 auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 750px;
    min-width: 300px;
    margin: 0 auto 10px auto;
    font-family: monospace;
    padding: 0 10px 10px 10px;
}

.EulaPage245046400💠root .EulaPage245046400💠buttonBar {
    flex: 0 0 auto;
    text-align: right;
}

.EventCard1524038377💠root {
    -st-states: acknowledged;
    width: 100%;
}

.EventCard1524038377💠root .EventCard1524038377💠card.Card2291120278💠root {
    -st-extends: Card;
}

.EventCard1524038377💠root .EventCard1524038377💠card.Card2291120278💠root .Card2291120278💠title {
    font-weight: bold;
}

.EventCard1524038377💠root[data-eventcard1524038377-acknowledged] .EventCard1524038377💠card.Card2291120278💠root .Card2291120278💠title {
    font-weight: normal;
}

.EventCard1524038377💠root .EventCard1524038377💠content {
    display: flex;
    flex-direction: row;
}

.EventCard1524038377💠root .EventCard1524038377💠info {
    flex: 1 1 auto;
}

.EventCard1524038377💠root .EventCard1524038377💠thumbnail {
    flex: 0 0 auto;
    max-height: 100px;
    max-width: 100px;
}

.ServerValidateAddButton3086836366💠root {
    -st-states: disabled;
}

.ServerValidateAddButton3086836366💠root[data-servervalidateaddbutton3086836366-disabled] .ServerValidateAddButton3086836366💠button {
    background-color: #b0b0b0;

    color: #000000;
}
.ServerValidateAddButton3086836366💠root .ServerValidateAddButton3086836366💠button {
    margin: 11px 61px;
    background-color: #007ac3;
    color: white;
    width: 60%;
    height: 36px;
}
.ServerValidateAddButton3086836366💠root .ServerValidateAddButton3086836366💠loginbutton {
    text-align: center;
}

.ServerAddFormUrlTestButton1955361438💠root {
    -st-states: disabled;
}

.ServerAddFormUrlTestButton1955361438💠root[data-serveraddformurltestbutton1955361438-disabled] .ServerAddFormUrlTestButton1955361438💠button {
    background-color: #b0b0b0;
    color: #000000;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠button {
    margin: 14px 7px;
    background-color: #007ac3;
    color: white;
    float: right;
    padding-left: 17px;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠cancelBtn {
    margin: 69px 7px;
    background-color: #ffffff;
    color: #007ac3;
    padding-left: 92px;
    padding-bottom: 21px;
    position: absolute;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠cancelTxt {
    font-size: 14px;
    letter-spacing: 1.25px;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠cancel {
    position: relative;
    float: right;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠icon {
    padding: 13px 17px;
    font-size: 12px;
    margin-left: -13px;
    margin-top: -2px;
    color: white;
}

.ServerAddFormUrlTestButton1955361438💠root .ServerAddFormUrlTestButton1955361438💠btnnxt {
    font-size: 14px;
    letter-spacing: 1.25px;
    color: white;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠header {
    padding-left: 0;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠urlTestControls {
    display: flex;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠urlTestControlsInput {
    flex-grow: 1;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠image {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    height: 36px;
    width: 36px;
    background-image: url(../images/applicationIcon36x36.png);
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠title {
    font-weight: bold;
    cursor: default;
    padding-top: 6px;
    padding-bottom: 60px;
    text-align: center;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠nxtbtnstyle {
    margin-top: 96px;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠clsaddserver {
    font-weight: 300;
    color: #3a474f;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠emptyDiv {
    padding: 3px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠servercount {
    color: #067a3e;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 14px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠passwordicon {
    margin-top: -41px;
    margin-bottom: 23px;
    padding-left: 8px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠passwordeyeicon {
    margin-right: 7px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠erroricon {
    color: red;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠passthroughcontrol {
    margin-left: -12px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠txtwithIcon {
    padding: 0px 0px 0px 28px;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠txtwithIconError {
    padding: 0px 0px 0px 28px;
    color: red;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠usernamepasswordtxt {
    margin-top: -8px;
}

.ServerAddForm3489857593💠root .ServerAddForm3489857593💠footer {
    bottom: 0px;
    position: relative;
    width: 100%;
}
.ServerAddForm3489857593💠root .ServerAddForm3489857593💠flexWrapper {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.ModalRender3568695869💠root {
    position: relative;
}

.NavigationDrawerExpandCollapseButton3629203863💠root {
    position: absolute;
    right: 5px;
    top: 0;
}

.NavigationDrawerExpandCollapseButton3629203863💠root .NavigationDrawerExpandCollapseButton3629203863💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    color: #6d6d6d;
    padding: 8px;
    font-size: 15px;
}

.NavigationDrawerItemBadge116981943💠root {
    position: relative;
    top: 8px;
    float: right;
    padding: 2px 6px;
    margin-right: 8px;
    line-height: 16px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 50%;
}

.NavigationDrawerItem3622795422💠root {
    -st-states: expanded, hover, active, childitem;
    padding-left: constant(safe-area-inset-left, 16px);
    padding-left: env(safe-area-inset-left, 16px);
    padding: 0px 10px 4px 10px;
}

.NavigationDrawerItem3622795422💠root[data-navigationdraweritem3622795422-hover] {
    background-color: #f0f0f0;
}

.NavigationDrawerItem3622795422💠root[data-navigationdraweritem3622795422-active] {
    background-color: #e0eff7;
}

.NavigationDrawerItem3622795422💠root[data-navigationdraweritem3622795422-childitem] {
    padding: 0px 0px 0px 0px;
}

.NavigationDrawerItem3622795422💠root .NavigationDrawerItem3622795422💠item {
    color: #000000;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    display: inline-block;
}

.NavigationDrawerItem3622795422💠root .NavigationDrawerItem3622795422💠icon {
    display: inline-block;
    padding-right: 12px;
}

.NavigationDrawer3058959446💠root {
    -st-states: display;
    font-family: Helvetica, Arial, sans-serif;
}
.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠drawerPaper {
    width: 83%;
}
@media screen and (min-width: 420px) {
    .NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠drawerPaper {
        width: 45%;
    }
}
.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠drawer {
    transform: translateX(-100%);
    height: 100%;
    max-width: 320px;
    margin-right: 70px;
    background-color: #ffffff;
    transition: transform 100ms ease-in;
}

.NavigationDrawer3058959446💠root[data-navigationdrawer3058959446-display] .NavigationDrawer3058959446💠drawer {
    transform: translateX(0);
    transition: transform 200ms ease-in;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    line-height: 48px;
    pointer-events: none;
}

.NavigationDrawer3058959446💠root[data-navigationdrawer3058959446-display] .NavigationDrawer3058959446💠container {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.25);
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠image {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    height: 36px;
    width: 36px;
    background-image: url(../images/applicationIcon36x36.png);
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠title {
    overflow: hidden;
    vertical-align: middle;
    padding: 10px;
    line-height: 38px;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠titleSafeArea {
    padding-left: constant(safe-area-inset-left, 16px);
    padding-left: env(safe-area-inset-left, 16px);
    white-space: nowrap;
    cursor: default;
    border-bottom: 1px solid #dddddd;
    color: #000000;
    height: 130px;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠titleText {
    vertical-align: middle;
    font-weight: bold;
}
.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠server_detail {
    line-height: 28px;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠notification {
    float: right;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #e0eff7;
    margin-right: 5px;
    margin-top: 8px;
    position: relative;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠notification_icon {
    padding: 13px;
    color: #5a6063;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠alert_number {
    position: absolute;
    right: 8px;
    height: 16px;
    width: 16px;
    color: #ffffff;
    top: 8px;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠server_button {
    background-color: #007ac3;
    border-radius: 25px;
    height: 30px;
    margin-left: 15px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠server {
    display: inline-block;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠server_connected {
    padding-left: 12px;
    color: gray;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠scrlContent {
    background-color: #ffffff;
}

.FullScreenLayer1729509541💠root {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.FullScreenLayer1729509541💠root .FullScreenLayer1729509541💠content {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 500;
}

.FullScreenLayer1729509541💠root .FullScreenLayer1729509541💠button.TextButton3238805292💠root {
    -st-extends: TextButton;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.FullScreenLayer1729509541💠root .FullScreenLayer1729509541💠button.TextButton3238805292💠root:hover,
.FullScreenLayer1729509541💠root .FullScreenLayer1729509541💠button.TextButton3238805292💠root:focus {
    background-color: rgba(0, 0, 0, 0.5);
}

.FullScreen402423471💠root .FullScreen402423471💠enter {
    opacity: 0.01;
}

.FullScreen402423471💠root .FullScreen402423471💠enteractive {
    opacity: 1;
    transition: opacity 200ms ease-in;
}

.FullScreen402423471💠root .FullScreen402423471💠leave {
    opacity: 1;
}

.FullScreen402423471💠root .FullScreen402423471💠leaveactive {
    opacity: 0.01;
    transition: opacity 300ms ease-in;
}

.Snackbar925723791💠root {
    z-index: 100;
    position: absolute;
}

.Snackbar925723791💠root .Snackbar925723791💠button.Button3541281939💠root {
    -st-extends: Button;
    pointer-events: all;
    color: #f89b42;
}

.Snackbar925723791💠root .Snackbar925723791💠button.Button3541281939💠root:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.Snackbar925723791💠root .Snackbar925723791💠button.Button3541281939💠root:hover,
.Snackbar925723791💠root .Snackbar925723791💠button.Button3541281939💠root:focus {
    background-color: rgba(255, 255, 255, 0.2);
}

.Snackbar925723791💠root .Snackbar925723791💠button.Button3541281939💠root::before {
    background-color: rgba(0, 43, 87, 0.4);
}

.Snackbar925723791💠root .Snackbar925723791💠snackbar {
    font-size: 14px;
    display: flex;
    position: fixed;
    bottom: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 24px 10px 24px;
    background-color: #323232;
    will-change: transform;
    pointer-events: none;
}

.Snackbar925723791💠root .Snackbar925723791💠snackbar .Snackbar925723791💠content {
    color: #ffffff;
    height: 48px;
    display: flex;
    align-items: center;
    flex: 1;
}

@media (min-width: 640px) {
    /*Desktop width*/
    .Snackbar925723791💠root .Snackbar925723791💠snackbar {
        min-width: 288px;
        max-width: 568px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠enter {
        transform: translate(-50%, 100%);
    }

    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠enter.Snackbar925723791💠enterActive {
        transform: translate(-50%, 0);
    }

    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit {
        transform: translate(-50%, 0);
    }
    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit.Snackbar925723791💠exitActive {
        transform: translate(-50%, 100%);
    }
}

@media (max-width: 640px) {
    /*Mobile width*/
    .Snackbar925723791💠root .Snackbar925723791💠snackbar {
        left: 0;
        width: calc(100% - 48px);
    }

    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit {
        transform: translate(0, 100%);
    }
    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠enter.Snackbar925723791💠enterActive {
        transform: translate(0, 0);
    }

    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit {
        transform: translate(0, 0);
    }
    .Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit.Snackbar925723791💠exitActive {
        transform: translate(0, 100%);
    }
}

.Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠enter {
    opacity: 0;
}

.Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠enter.Snackbar925723791💠enterActive {
    opacity: 1;
    transition: transform 200ms ease, opacity 200ms ease;
}

.Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit {
    opacity: 1;
}
.Snackbar925723791💠root .Snackbar925723791💠snackbar.Snackbar925723791💠exit.Snackbar925723791💠exitActive {
    opacity: 0;
    transition: transform 200ms ease, opacity 200ms ease-out;
}

.InAppNotification1831676945💠root {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠notification {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 400px;
    cursor: pointer;
    padding: 16px;
    background-color: #ffffff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠header {
    font-size: 14px;
    padding-bottom: 12px;
    width: 100%;
    height: 14px;
    vertical-align: middle;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠header::before {
    background-image: url(../images/applicationIcon36x36.png);
    background-size: 14px;
    content: '';
    height: 14px;
    width: 14px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: inherit;
    margin-top: -3px;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠content {
    font-size: 16px;
    padding: 4px 0;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠button.TextButton3238805292💠root {
    -st-extends: TextButton;
    text-transform: capitalize;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠button.TextButton3238805292💠root:first-child {
    padding-left: 0;
    margin-left: 0;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠notification.InAppNotification1831676945💠enter {
    transform: translate(-50%, -100%);
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠notification.InAppNotification1831676945💠enter.InAppNotification1831676945💠enterActive {
    transform: translate(-50%, 0);
    transition: transform 200ms ease;
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠notification.InAppNotification1831676945💠exit {
    transform: translate(-50%, 0);
}

.InAppNotification1831676945💠root .InAppNotification1831676945💠notification.InAppNotification1831676945💠exit.InAppNotification1831676945💠exitActive {
    transform: translate(-50%, -100%);
    transition: transform 200ms ease;
}

.App4222171307💠root {
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
}