@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;
}

.SourcePanelContent2080178624💠root {
    -st-states: disabled, error, hasvideo;
    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 .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;
    background-color: #000000;
    display: flex;
}

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

.StreamPanelContent4282416214💠root .StreamPanelContent4282416214💠content {
    flex: auto;
    align-self: center;
    padding: 0;
    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;
}

.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;
}

.Scrollbars709220804💠root > div {
    box-sizing: border-box;
}

.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;
}

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

.Label2114138283💠root[data-label2114138283-hasinput] {
    font-size: 12px;
    top: 8px;
}

.Label2114138283💠root[data-label2114138283-active] {
    font-size: 12px;
    top: 8px;
    color: #007ac3;
}

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

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

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

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

.Input1072592214💠root {
    -st-states: haserror;
    position: relative;
    height: 56px;
    background-color: rgba(226, 226, 226, 0.66);
}

.Input1072592214💠root input {
    display: block;
    border: 0;
    position: absolute;
    height: 40px;
    bottom: 0;
    width: 100%;
    outline: none;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background-color: transparent;
    padding: 0 12px 0 12px;
    border-bottom: 1px solid rgba(176, 174, 174, 0.66);
    box-sizing: border-box;
}

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

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

.HelperText2192132792💠root {
    -st-states: haserror;
    height: 16px;
    margin: 6px 12px 12px 12px;
    font-size: 12px;
    color: rgb(138, 138, 138);
}

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

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

.Footer123530040💠root {
    width: 100%;
}

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

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

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

.Page2478554339💠root .Page2478554339💠scrollContent {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #ffffff;
}

.Page2478554339💠root .Page2478554339💠scrollHack {
    /*
     React custom scrollbars add -webkit-overflow-scrolling touch to the view container which causes flicker,
     so we have a div that wraps the content to be displayed in a react custom scrollbar to set -webkit-backface-visibility
     to hidden to suppress the flicker.  The backface visibility rule prevents issues in webkit based mobile browsers
     where content does not get drawn to screen even though it is in the DOM.
    */
    backface-visibility: hidden;
    height: 100%;
}

.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;
}

.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;
}

.List2653784688💠root > *:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ListIcon3049794593💠root.Icon3826207958💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on;
    color: #6d6d6d;
}

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

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

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

.ListIconPrimary3305416698💠root.ListIcon3049794593💠root {
    -st-extends: ListIcon;
    font-size: 30px;
    padding: 10px;
}

.ListItemContent3154735477💠root {
    padding-left: 8px;
}

.ListItemLeft1186601609💠root {
    float: left;
    padding: 0px 8px;
    padding-right: 16px;
}

.ListItemRight2918514328💠root {
    position: relative;
    float: right;
    padding-right: 8px;
    z-index: 2;
    line-height: 48px;
}

.ListItemRight2918514328💠root i {
    padding: 8px;
}

.ListItem1798130741💠root {
    -st-states: indent(number), lines(number), tappable, disabled, selected;
    padding: 10px;
    line-height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* default indent */
.ListItem1798130741💠root[data-listitem1798130741-indent="1"] {
    padding-left: 10px;
}

.ListItem1798130741💠root[data-listitem1798130741-indent="1"][data-listitem1798130741-selected] {
    padding-left: 4px;
}

.ListItem1798130741💠root[data-listitem1798130741-indent="2"] {
    padding-left: 58px;
}

.ListItem1798130741💠root[data-listitem1798130741-indent="2"][data-listitem1798130741-selected] {
    padding-left: 52px;
}

.ListItem1798130741💠root[data-listitem1798130741-indent="3"] {
    padding-left: 108px;
}

.ListItem1798130741💠root[data-listitem1798130741-indent="3"][data-listitem1798130741-selected] {
    padding-left: 102px;
}

.ListItem1798130741💠root[data-listitem1798130741-tappable] {
    cursor: pointer;
}

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

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

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

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

.ListItem1798130741💠root[data-listitem1798130741-lines="1"] .ListItem1798130741💠listitemcontentline {
    line-height: 48px;
    height: 48px;
}

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

.ListItem1798130741💠root[data-listitem1798130741-lines="3"] .ListItem1798130741💠listitemcontentline {
    line-height: 18px;
    height: 18px;
}

.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: 100%;
    text-align: left;
    text-transform: none;
    color: #000000;
}

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

.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;
}

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

.AnalyticRuleEventPage1535524905💠root .AnalyticRuleEventPage1535524905💠sourceContent {
    text-align: center;
}

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

.AnalyticRuleEventPage1535524905💠root .AnalyticRuleEventPage1535524905💠sourceNotFoundText {
    color: #ff0000;
}

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

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

.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;
}

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

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

.FilterBox2358806296💠root .FilterBox2358806296💠expandListButton {
    align-self: center;
}

.FilterBox2358806296💠root .FilterBox2358806296💠filterBoxContainer {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: white;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    flex: 95%;
    display: flex;
}

.FilterBox2358806296💠root .FilterBox2358806296💠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: 90%;
    width: 0px;
}

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

.GroupsListItem2064847397💠root.ListItem1798130741💠root {
    -st-extends: ListItem;
    -st-states: nodesc;
}

.GroupsListItem2064847397💠root.ListItem1798130741💠root[data-groupslistitem2064847397-nodesc] .ListItem1798130741💠listitemcontentline {
    font-size: 12px;
    height: 27px;
    height: 18px;
}

.GroupsListItem2064847397💠root.ListItem1798130741💠root[data-groupslistitem2064847397-nodesc] .ListItem1798130741💠listitemcontentline:nth-child(1) {
    padding-top: 9px;
}

.GroupsListItem2064847397💠root.ListItem1798130741💠root[data-groupslistitem2064847397-nodesc] .ListItem1798130741💠listitemcontentline:nth-child(2) {
    padding-bottom: 9px;
}

.GroupsListItem2064847397💠root.ListItem1798130741💠root[data-groupslistitem2064847397-nodesc] .ListItem1798130741💠listitemcontentline:last-child {
    line-height: 0;
    height: 0;
}

.GroupsListItem2064847397💠root .GroupsListItem2064847397💠icon {
    font-size: 24pt;
    padding: 8px;
    color: #6d6d6d;
}

.GroupsListItem2064847397💠root .GroupsListItem2064847397💠softTrigger {
    -st-states: togglestate;
}

.GroupsListItem2064847397💠root .GroupsListItem2064847397💠softTrigger[data-groupslistitem2064847397-togglestate] {
    color: #37ca25;
}

.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: 54px;
    width: 54px;
}

.ListSearchFilterDialog164369796💠root {
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠resultFilters {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠sortOptions {
    padding-bottom: 1px;
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠dropDown {
    position: relative;
    list-style-type: none;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ListSearchFilterDialog164369796💠root .ListSearchFilterDialog164369796💠dropDown li {
    padding: 10px 0 10px 16px;
    cursor: pointer;
}

.ListSearchThumbnail40171110💠root {
    -st-states: loaded;
    position: relative;
    margin-right: 8px;
}

.ListSearchThumbnail40171110💠root .ListSearchThumbnail40171110💠thumbnail {
    display: none;
    height: 80px;
    width: 80px;
}

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

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

.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;
}

.SoftTriggerListErrorItem4183085215💠root.ListItem1798130741💠root {
    -st-extends: ListItem;
}

.SoftTriggerListErrorItem4183085215💠root.ListItem1798130741💠root .ListItem1798130741💠listitemcontentline {
    white-space: normal;
    height: auto;
}

.SoftTriggerListErrorItem4183085215💠root.ListItem1798130741💠root[data-listitem1798130741-lines="2"] .ListItem1798130741💠listitemcontentline {
    line-height: 18px;
}

.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 .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 .Page2478554339💠scrollContent {
    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;
}

.DeprecatedWebServiceAlertCard922827894💠root div {
    margin-bottom: 1em;
}

.DeprecatedWebServiceAlertCard922827894💠root div:last-child {
    margin-bottom: 0;
}

.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] .ServersList689417764💠list {
    padding: 0 0 60px 0;
}

.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;
}

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

.PageSection2245479989💠root .PageSection2245479989💠header {
    padding: 16px 0 8px 16px;
    font-size: 14px;
    color: #007ac3;
    text-transform: uppercase;
    cursor: default;
}

.PageSection2245479989💠root:last-child {
    border: none;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0;
    border-style: solid;
}

.PageSectionItem2733402333💠root {
    -st-states: disabled;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 0 10px 16px;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0;
    border-style: solid;
    min-height: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.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;
}

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

.SelectMenu3439501076💠root .SelectMenu3439501076💠menu {
    z-index: 550;
    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);
    min-height: 100px;
    margin-top: 57px;
}

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

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

.Select1966070009💠root {
    -st-states: active;
    position: relative;
    min-height: 56px;
    background-color: rgba(226, 226, 226, 0.66);
}

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

.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: 3px 3px 0 0;
    background-color: transparent;
    padding: 0 12px 0 12px;
    border-bottom: 1px solid rgba(176, 174, 174, 0.66);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #181818;
}

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

.Select1966070009💠root .Select1966070009💠select:active {
    border-bottom: 2px solid #007ac3;
}

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

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

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

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

.FormHeader3610194581💠root {
    display: inline;
    font-size: 14px;
    color: #007ac3;
    text-transform: uppercase;
    cursor: default;
    display: flex;
    justify-content: space-between;
}

.FormHeader3610194581💠root .FormHeader3610194581💠header {
    padding-top: 14px;
}
.FormHeader3610194581💠root .FormHeader3610194581💠reset.TextButton3238805292💠root {
    -st-extends: TextButton;
    font-size: 14px;
}

.LoginSectionEdit2242788832💠root {
    padding: 20px 25px 0 25px;
}

.LoginSectionEdit2242788832💠root .LoginSectionEdit2242788832💠selection {
    margin-bottom: 16px;
}

.ToolbarTextItem2551173082💠root.TextButton3238805292💠root {
    -st-extends: TextButton;
    -st-states: disabled;
    color: white;
    font-size: 14px;
}

.ToolbarTextItem2551173082💠root.TextButton3238805292💠root[data-toolbartextitem2551173082-disabled] {
    color: #000000;
}

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

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

.AudioDevicesList95471221💠root .AudioDevicesList95471221💠clearAudioInputButton {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    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 {
    position: relative;
    margin-top: 8px;
}

.CamerasList971046879💠root .CamerasList971046879💠list.List2653784688💠root {
    -st-extends: List;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.CameraSelectPage3947065235💠root .CameraSelectPage3947065235💠clearCameraButton.ListItem1798130741💠root {
    -st-extends: ListItem;
    text-align: center;
}

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

.EditViewAudioListItem172865878💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.EditViewAudioListItem172865878💠root .EditViewAudioListItem172865878💠actionButton {
    line-height: 48px;
    padding: 0px 10px;
    margin: 0px;
}

.EditViewAudioListItem172865878💠root .EditViewAudioListItem172865878💠thumbnail {
    margin-right: 15px;
}

.EditViewCameraListItem4037123677💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 30px;
}

.EditViewCameraListItem4037123677💠root .EditViewCameraListItem4037123677💠actionButton {
    line-height: 48px;
    padding: 0px 10px;
    margin: 0px;
}

.EditViewCameraListItem4037123677💠root .EditViewCameraListItem4037123677💠content {
    padding: 0;
    margin: 0;
}

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

.EditViewCameraListItemContainer3063922174💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.EditViewCameraListItemContainer3063922174💠root .EditViewCameraListItemContainer3063922174💠thumbnail {
    margin-right: 15px;
}

.EditViewLayoutListItem2034594200💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.EditViewLayoutListItem2034594200💠root .EditViewLayoutListItem2034594200💠actionButton {
    line-height: 48px;
    padding: 0px 10px;
    margin: 0px;
}

.EditViewLayoutListItem2034594200💠root .EditViewLayoutListItem2034594200💠thumbnail {
    margin-right: 15px;
}

.EditViewLayoutListItem2034594200💠root .EditViewLayoutListItem2034594200💠layout {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 6px;
}

.EditViewListItemButton1134841122💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.EditViewPage2878008386💠root {
}

.EditViewPage2878008386💠root .EditViewPage2878008386💠nameInput {
    padding: 1.5em 2.5em 0 2.5em;
}

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

.EditViewPage2878008386💠root .EditViewListItemButton1134841122💠root {
    text-align: center;
    color: red;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.DemoServiceButton2672442079💠root.TextButton3238805292💠root {
    -st-extends: TextButton;
    margin: -10px 0 0 0;
    padding: 4px;
    font-size: 10px;
    position: absolute;
    right: 30px;
    color: #0e274d;
}

.AddWebServiceForm2714073794💠root {
    padding: 20px 25px 0 25px;
}

.AddWebServiceForm2714073794💠root .AddWebServiceForm2714073794💠esmSync {
    margin: 5px 0 0 40px;
}

.AddWebServiceForm2714073794💠root .AddWebServiceForm2714073794💠esmCheckbox {
    margin-left: -10px;
}

.AddWebServiceForm2714073794💠root .AddWebServiceForm2714073794💠checkbox {
    margin-left: 20px;
}

.AddWebServiceForm2714073794💠root .AddWebServiceForm2714073794💠esmCheckbox div {
    font-size: 12px;
}

.ServiceServerForm2392887274💠root {
    padding: 20px 25px 0 25px;
}

.ServiceServerForm2392887274💠root .ServiceServerForm2392887274💠defaultCredentials {
    margin: 5px 0 0 40px;
}

.ServiceServerForm2392887274💠root .ServiceServerForm2392887274💠checkbox {
    margin-left: -10px;
}

.ServiceServerForm2392887274💠root .ServiceServerForm2392887274💠checkbox div {
    font-size: 12px;
}

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

.WebServiceServersLink2448363694💠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;
}

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

.WebServiceStatus94622536💠root .WebServiceStatus94622536💠secureIcon.Icon3826207958💠root {
    -st-extends: Icon;
    font-size: 14px;
    padding: 0;
    margin: 0 5px 5px 0;
    color: #cccc00;
}

.WebServiceStatus94622536💠root[data-webservicestatus94622536-secure] .WebServiceStatus94622536💠secureIcon.Icon3826207958💠root {
    color: #008000;
}

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

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

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

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

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

.WebServicesList3519149207💠root[data-webserviceslist3519149207-isdevice] .WebServicesList3519149207💠list {
    padding: 0 0 60px 0;
}

.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 {
    -st-states: active;
}

.AudioListItem3221387574💠root .AudioListItem3221387574💠icon {
    -st-extends: Icon;
    color: value(associations-list-icon-present-color);
    padding: 12px;
    font-size: 12pt;
}

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

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

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

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

/* This must come after alerted to take priority */
.SecurityListItem1419191569💠root[data-securitylistitem1419191569-alarmed] .SecurityListItem1419191569💠icon {
    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: white;
    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 {
    min-height: 42px;
    min-width: 42px;
    margin: 3px;
    border: 1px solid rgba(255, 255, 255, 0.24);
}

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

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

.OverflowButton69726255💠root {
    display: inline-flex;
}

.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;
}

.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;
}

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

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

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

.MaterialIconMenu4208688912💠root {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.MaterialIconMenu4208688912💠root .MaterialIconMenu4208688912💠iconButton {
    color: #6d6d6d;
}

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

.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;
}

.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💠appear {
    opacity: 0;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠appearActive {
    transition: opacity 100ms;
    opacity: 1;
}

.SliderDialog3783641448💠root .SliderDialog3783641448💠dialog {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
    color: white;
    text-align: center;
    padding: 5px;
    z-index: 501;
    background-color: rgba(96, 96, 96, 1);
}

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

.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;
}

.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;
}

.VideoThrottleOverlay3875728035💠root {
    color: orange;
}

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

.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;
}

.ListMenuItem1747761896💠root {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.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;
    }
}

.PtzPresetIcon4008740364💠root.Icon3826207958💠root {
    -st-extends: Icon;
    color: #084463;
    font-size: 20px;
    padding: 0;
    margin-bottom: 5px;
}

.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%;
}

.ScrubBar583622167💠root {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.ScrubBar583622167💠root .ScrubBar583622167💠handle {
    width: 24px;
    height: 24px;
    background: #f89b42;
    border-radius: 50%;
    margin-left: -11px;
    position: absolute;
}

.ProgressControls651994685💠root {
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000000;
}

.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;
}

.MetadataItem939226173💠root {
    -st-state: selected;
    border-bottom: 1px solid #000000;
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

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

.MetadataItem939226173💠root .MetadataItem939226173💠content {
    flex-grow: 1;
    height: inherit;
}

.MetadataItem939226173💠root .MetadataItem939226173💠content > canvas {
    width: 100%;
    height: 100%;
}

.MetadataItem939226173💠root .MetadataItem939226173💠title {
    border-right: 1px solid #000000;
    padding: 0 4px;
    font-size: 12px;
    background-color: #eeeeee;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-basis: 120px;
    min-width: 120px;
    height: inherit;
}

.MetadataMarker3266114603💠root {
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
    display: flex;
}

.MetadataMarker3266114603💠root .MetadataMarker3266114603💠container {
    flex-grow: 1;
    height: inherit;
}

.MetadataMarker3266114603💠root .MetadataMarker3266114603💠handle {
    height: inherit;
    width: 1px;
    background-color: #000000;
    position: relative;
    border-color: #f89b42;
    border-style: solid;
    border-width: 0 1px;
    margin-left: -1px;
}

.MetadataMarker3266114603💠root .MetadataMarker3266114603💠spacer {
    flex-basis: 129px;
    min-width: 129px;
    height: inherit;
}

.MetadataTimestamps567456569💠root {
    position: absolute;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: 100%;
    display: flex;
}

.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠container {
    flex-grow: 1;
    height: 20px;
    position: relative;
}

.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠end {
    right: 0;
}

.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠end,
.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠start {
    position: absolute;
    top: 0;
    line-height: 20px;
    padding: 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.5);
}

.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠spacer {
    flex-basis: 129px;
    min-width: 129px;
    height: inherit;
}

.MetadataTimestamps567456569💠root .MetadataTimestamps567456569💠start {
    left: 0;
}

.OverflowIndicator3981315328💠root {
    -st-states: nooverflow;
    position: absolute;
    top: 0;
    height: 100%;
}

.OverflowIndicator3981315328💠root[data-overflowindicator3981315328-nooverflow] {
    transition: width 300ms;
}

.OverflowIndicatorLeft2264004720💠root.OverflowIndicator3981315328💠root {
    -st-extends: OverflowIndicator;
    left: 0;
    border-radius: 0 50% 50% 0;
    background-color: rgba(255, 165, 0, 0.5);
    max-width: 10px;
}

.OverflowIndicatorRight283471820💠root.OverflowIndicator3981315328💠root {
    -st-extends: OverflowIndicator;
    right: 0;
    border-radius: 50% 0 0 50%;
    background-color: rgba(255, 165, 0, 0.5);
    max-width: 10px;
}

.MetadataSearchControls4101662933💠root {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.MetadataSearchControls4101662933💠root .MetadataSearchControls4101662933💠overflowleft {
    left: 129px;
}

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

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

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

.PlaybackControl832957960💠root .PlaybackControl832957960💠icon.Icon3826207958💠root {
    -st-extends: Icon;
    color: white;
    -webkit-text-stroke-color: value(search-controls-icon-text-stroke-color);
    padding: 12px;
}

.PlaybackControls3166369979💠root {
    border-top: 1px solid black;
    text-align: center;
    flex-shrink: 0;
    background-color: #007ac3;
}

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

.PlaybackControls3166369979💠root .PlaybackControls3166369979💠control[data-playbackcontrols3166369979-active] {
    box-shadow: value(search-controls-icon-active-box-shadow);
}

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

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

.PlaybackControlsBadge968758375💠root {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    font-size: 10px;
}

.PlaybackControlsBadge968758375💠root .PlaybackControlsBadge968758375💠text {
    background-color: rgba(255, 0, 0, 1);
    color: white;
    display: inline-block;
    padding: 2px;
    margin: 2px;
    border-radius: 40%;
}

.PlaybackStatus4172727372💠root {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 1;
    pointer-events: none;
}

.PlaybackStatus4172727372💠root .PlaybackStatus4172727372💠status {
    padding: 6px;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    font-size: 9px;
}

.SearchControls2766615221💠root {
    background-color: #eeeeee;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    cursor: default;
    transition: height 100ms;
    position: relative;
    z-index: 2;
}

.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 {
}

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

.SelectionListItem2449019527💠root.ListItem1798130741💠root {
    -st-extends: ListItem;
    padding-left: 24px;
}

.SelectionListItem2449019527💠root .ListItem1798130741💠listitemcontentline:first-of-type {
    font-weight: normal;
}

.TimezoneSelector1323357326💠root.ListItem1798130741💠root {
    -st-states: disabled;
    -st-extends: ListItem;
}

.TimezoneSelector1323357326💠root.ListItem1798130741💠root[data-timezoneselector1323357326-disabled] {
    cursor: default;
}

.TimezoneSelector1323357326💠root.ListItem1798130741💠root[data-timezoneselector1323357326-disabled] .ListItem1798130741💠listitemcontentline,
.TimezoneSelector1323357326💠root.ListItem1798130741💠root[data-timezoneselector1323357326-disabled] .ListItem1798130741💠listitemcontentline:first-of-type {
    color: #b0b0b0;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'),
        url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.DateTimePickerDialog3984984161💠root {
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.TimeRangeError674760254💠root {
}

.TimeRangeError674760254💠root .TimeRangeError674760254💠errorMessage {
    color: red;
}

.TimeRangeError674760254💠root .TimeRangeError674760254💠icon {
    padding: 0px;
    color: red;
}

.TimeRangeSelector527209758💠root {
    -st-states: invalidrange;
}

.TimeRangeSelector527209758💠root[data-timerangeselector527209758-invalidrange] .TimeRangeSelector527209758💠rangeText {
    color: red;
}

.PreferredSourceSelector1277473732💠root.ListItem1798130741💠root {
    -st-states: disabled;
    -st-extends: ListItem;
}

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

.PreferredSourceSelector1277473732💠root.ListItem1798130741💠root[data-preferredsourceselector1277473732-disabled] .ListItem1798130741💠listitemcontentline,
.PreferredSourceSelector1277473732💠root.ListItem1798130741💠root[data-preferredsourceselector1277473732-disabled] .ListItem1798130741💠listitemcontentline:first-of-type {
    color: #b0b0b0;
}

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

.emrc-page.has-footer.searchSelection-page .page-content-wrapper {
    bottom: 0;
}

.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;
}

@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;
}

.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;
}

.VideoPushSection48924790💠root {
}

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

.WhatsNewSectionItem4070870135💠root {
}

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

.OutOfDateWebServiceSectionItem3542632388💠root {
}

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

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

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

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

.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;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root {
    -st-extends: ListItem;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root[data-listitem1798130741-indent="2"] {
    padding-left: 75px;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root .ListItem1798130741💠listitemcontentline {
    font-size: 12px;
    height: 18px;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root .ListItem1798130741💠listitemcontentline:nth-child(1) {
    padding-top: 9px;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root .ListItem1798130741💠listitemcontentline:nth-child(2) {
    padding-bottom: 9px;
}

.PushNotifyProfilesListEventLinkItem1926465949💠root.ListItem1798130741💠root .ListItem1798130741💠listitemcontentline:last-child {
    line-height: 0;
    height: 0;
    padding: 0;
}

.PushNotifyProfilesListItem2105769946💠root.ListItem1798130741💠root {
    -st-extends: ListItem;
    -st-states: nodesc;
}

.PushNotifyProfilesListItem2105769946💠root.ListItem1798130741💠root[data-pushnotifyprofileslistitem2105769946-nodesc] .ListItem1798130741💠listitemcontentline {
    font-size: 12px;
    height: 18px;
}

.PushNotifyProfilesListItem2105769946💠root.ListItem1798130741💠root[data-pushnotifyprofileslistitem2105769946-nodesc] .ListItem1798130741💠listitemcontentline:nth-child(1) {
    padding-top: 9px;
}

.PushNotifyProfilesListItem2105769946💠root.ListItem1798130741💠root[data-pushnotifyprofileslistitem2105769946-nodesc] .ListItem1798130741💠listitemcontentline:nth-child(2) {
    padding-bottom: 9px;
}

.PushNotifyProfilesListItem2105769946💠root.ListItem1798130741💠root[data-pushnotifyprofileslistitem2105769946-nodesc] .ListItem1798130741💠listitemcontentline:last-child {
    line-height: 0;
    height: 0;
    padding: 0;
}

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

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

.CameraThumbnailsSectionItem4293950161💠root {
}

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

.AssociationOverlaySectionItem2418232121💠root {
}

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

.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.Card2291120278💠root {
    -st-extends: Card;
    -st-states: acknowledged;
}

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

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

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

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

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

.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;
}

.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;
    padding-left: constant(safe-area-inset-left, 16px);
    padding-left: env(safe-area-inset-left, 16px);
}

.NavigationDrawerItem3622795422💠root[data-navigationdraweritem3622795422-expanded] {
    border-bottom: 1px solid #dddddd;
}

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

.NavigationDrawerItem3622795422💠root .NavigationDrawerItem3622795422💠item {
    color: #000000;
    overflow: hidden;
    padding-left: 16px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.NavigationDrawerItem3622795422💠root .NavigationDrawerItem3622795422💠children .NavigationDrawerItem3622795422💠item {
    padding-left: 32px;
}

.NavigationDrawer3058959446💠root {
    -st-states: display;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠drawer {
    transform: translateX(-100%);
    height: 100%;
    max-width: 320px;
    margin-right: 56px;
    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: 14px;
    font-weight: normal;
    cursor: pointer;
    line-height: 40px;
    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;
    white-space: nowrap;
    line-height: 48px;
    font-weight: bold;
    cursor: default;
    height: 48px;
    border-bottom: 1px solid #dddddd;
    color: #000000;
    padding-left: 16px;
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠titleSafeArea {
    padding-left: constant(safe-area-inset-left, 16px);
    padding-left: env(safe-area-inset-left, 16px);
}

.NavigationDrawer3058959446💠root .NavigationDrawer3058959446💠titleText {
    vertical-align: middle;
}

.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 {
}

.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-right: 24px;
    padding-left: 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: 100vh;
}