.Button3190805865💠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 .3s;
    overflow: hidden;
    outline:none;
    padding: 0;
}

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

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

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

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

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

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

.Button3190805865💠root:focus, .Button3190805865💠root:active {
    background-color: #DDDDDD;
}

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

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



.TextButton3578913603💠root.Button3190805865💠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;
}

.TextButton3578913603💠root.Button3190805865💠root[data-textbutton3578913603-disabled],
.TextButton3578913603💠root.Button3190805865💠root:active[data-textbutton3578913603-disabled]{
    color: #000000;
}
.Badge4204298125💠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;
}

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

.Badge4204298125💠root .Badge4204298125💠count {
    font-size: 10pt;
}
.GlassPane3476667385💠root {
    -st-states: smoked;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}

.GlassPane3476667385💠root[data-glasspane3476667385-smoked] {
    background-color: black;
    opacity: 0.25;
}
.Scrollbars574888321💠root > div {
    box-sizing: border-box;
}
@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;
}

.Icon427479687💠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;
}
.CheckboxIcon887854694💠root {
    -st-states: checked, disabled;
    font-size: 20px;
    color: #6D6D6D;
}

.CheckboxIcon887854694💠root[data-checkboxicon887854694-checked] {
    color: #007AC3;
}

.CheckboxIcon887854694💠root[data-checkboxicon887854694-disabled] {
    color: #c9c9c9;
}
.Label585396420💠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);
}

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

.Label585396420💠root[data-label585396420-active] {
    font-size: 12px;
    top: 8px;
    color: #007AC3;
}

.Label585396420💠root[data-label585396420-haserror] {
    color: #e60000;
}

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

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

.Checkbox1619596232💠root .Checkbox1619596232💠label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.Input1715479847💠root {
    -st-states: hasError;
    position: relative;
    height: 56px;
    background-color: rgba(226, 226, 226, 0.66);
}

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

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

.Input1715479847💠root[data-input1715479847-haserror] input {
    border-bottom: 2px solid #e60000;
}
.HelperText3168428122💠root {
    -st-states: hasError;
    height: 16px;
    margin: 6px 12px 12px 12px;
    font-size: 12px;
    color: rgb(138, 138, 138);
}

.HelperText3168428122💠root[data-helpertext3168428122-haserror] {
    color: #e60000;
}

.Page3325537466💠root {
    -st-states: fullscreen, pageName(string);
    position: absolute;
    top: 48px; /* header bar is 48 pixels tall */
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.Page3325537466💠root[data-page3325537466-fullscreen] {
    top: 0;
}

.Page3325537466💠root .Page3325537466💠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);
}

.Page3325537466💠root .Page3325537466💠scrollContent {
    width: 100%;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    background-color: #FFFFFF;
}

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

.Page3325537466💠root .Page3325537466💠footer {
    flex: 0 0 auto;
    width: 100%;
}

/* Page-specific overrides */
/* FUTURE: These should be in the individual pages style sheets, but due to the current structure
   of PageContainer/Page, it's not possible to override
 */
.Page3325537466💠root[data-page3325537466-pagename="splashscreen-page"] {
    top: 0;
}

.Page3325537466💠root[data-page3325537466-pagename="empty-start-page"] .Page3325537466💠scrollContent,
.Page3325537466💠root[data-page3325537466-pagename="splashscreen-page"] .Page3325537466💠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;
}

.ListFilterSection2305750110💠root {
    display: flex;
    justify-content: space-between;
    overflow:hidden;
    margin-top: 3px;
    width: 100%;
}
.FilterCount901245113💠root {
    padding: 5px;
    font-size: 12px;
    white-space: nowrap;
    flex: 1;
}
.SimpleMenu3341050920💠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, .16),
    0 2px 5px 0 rgba(0, 0, 0, .26);
}

.SimpleMenu3341050920💠root:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .19),
    0 8px 17px 0 rgba(0, 0, 0, .2);
}

.SimpleMenu3341050920💠root:active {
    box-shadow: 0 7px 30px 0 rgba(0, 0, 0, .19),
    0 12px 15px 0 rgba(0, 0, 0, .24);
}

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

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

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

.SimpleMenu3341050920💠root[data-simplemenu3341050920-position="bottom-left"] {
    bottom: 0;
    left: 0;
}
.SimpleMenuItem623867780💠root {
    -st-states: showHover;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.SimpleMenuItem623867780💠root .SimpleMenuItem623867780💠content {
    width: 100%;
    text-align: left;
    text-transform: none;
    color: #000000;
}

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

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

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

.ButtonMenu4265594441💠root .ButtonMenu4265594441💠textButton {
    text-overflow: ellipsis;
    padding: 2px 5px 0px 5px;
    margin: 0px;
}
.ListSelectionMenu3428931270💠root.ButtonMenu4265594441💠root {
    -st-extends: ButtonMenu;
    font-size: 13px;
    right: 0;
}
.FilterBox3835648207💠root {
    position: relative;
    display: flex;
    padding: 5px;
}

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

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

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

.FilterBox3835648207💠root .FilterBox3835648207💠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;
}
.FilterBoxIcon1206397493💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    font-size: 16px;
}
.IconButton4068560546💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    font-size: 16px;
}

.ListItemContent3182706400💠root {
    padding-left: 8px;
}
.ListItemLeft3360237889💠root {
    float: left;
    padding: 0px 8px;
    padding-right: 16px;
}
.ListItemRight3981400177💠root {
    position: relative;
    float: right;
    padding-right: 8px;
    z-index: 2;
    line-height: 48px;
}

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

.ListItem3298096117💠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 */
.ListItem3298096117💠root[data-listitem3298096117-indent=""] {
    padding-left: 10px;
}

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

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

.ListItem3298096117💠root[data-listitem3298096117-tappable] {
    cursor: pointer;
}

.ListItem3298096117💠root[data-listitem3298096117-disabled] {
    opacity: .35;
    cursor: default;
}

.ListItem3298096117💠root[data-listitem3298096117-selected] {
    border-left: 5px solid green;
}

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

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

.ListItem3298096117💠root[data-listitem3298096117-lines="1"] .ListItem3298096117💠listItemContentLine {
    line-height: 48px;
    height: 48px;
}

.ListItem3298096117💠root[data-listitem3298096117-lines="2"] .ListItem3298096117💠listItemContentLine {
    line-height: 22px;
    height: 24px;
}

.ListItem3298096117💠root[data-listitem3298096117-lines="3"] .ListItem3298096117💠listItemContentLine {
    line-height: 18px;
    height: 18px;
}
.ListIcon505817389💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on;
    color: #6D6D6D;

}

.ListIcon505817389💠root.Icon427479687💠root[data-listicon505817389-on] {
    color: #37ca25;
}

.ListIcon505817389💠root.Icon427479687💠root[data-listicon505817389-alerted] {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.ListIcon505817389💠root.Icon427479687💠root[data-listicon505817389-alarmed] {
    color: #FF0000;
}
.GroupsListItem1465285608💠root {
    padding: 15px 10px;
}

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

.GroupsListItem1465285608💠root .GroupsListItem1465285608💠softTrigger {
    -st-states: toggleState;
}

.GroupsListItem1465285608💠root .GroupsListItem1465285608💠softTrigger[data-groupslistitem1465285608-togglestate] {
    color: #37ca25;
}
.AutoContextIcon187272566💠root.Icon427479687💠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;
}
.ThumbnailPlaceholder3038023152💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #B0E6FB;
    font-size: 54px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #70D8F9;
    padding: 0;
}
.CameraThumbnail707325366💠root {
    position: relative;
}

.CameraThumbnail707325366💠root .CameraThumbnail707325366💠thumbnail {
    height: 100%;
    width: 100%;
}
.CamerasListThumbnail887128623💠root {
    position: relative;
}

.CamerasListThumbnail887128623💠root .CamerasListThumbnail887128623💠thumbnail.CameraThumbnail707325366💠root {
    -st-extends: CameraThumbnail;
}

.CamerasListThumbnail887128623💠root .CamerasListThumbnail887128623💠thumbnail.CameraThumbnail707325366💠root .CameraThumbnail707325366💠thumbnail {
    height: 54px;
    width: 54px;
}
.List3233751564💠root > *:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ListSearchFilterDialog4222773087💠root {

}

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

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

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

.ListSearchFilterDialog4222773087💠root .ListSearchFilterDialog4222773087💠dropDown li {
    padding: 10px 0 10px 16px;
    cursor: pointer;
}
.ListSearchThumbnail1461227244💠root {
    -st-states: loaded;
    position: relative;
    margin-right: 8px;
}

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

.ListSearchThumbnail1461227244💠root[data-listsearchthumbnail1461227244-loaded] .ListSearchThumbnail1461227244💠thumbnail {
    display: inline;
}

.ListSearchThumbnail1461227244💠root .ListSearchThumbnail1461227244💠placeholder.ThumbnailPlaceholder3038023152💠root {
    -st-extends: ThumbnailPlaceholder;
    font-size: 80px;
}
.ListSearchMetadataList3334925097💠root {}

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

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

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

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

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





.ListIconPrimary1929479627💠root.ListIcon505817389💠root {
    -st-extends: ListIcon;
    font-size: 30px;
    padding: 10px;
}
.SoftTriggerListItem4235313378💠root {
    -st-states: alarm;
}

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

.SoftTriggerListItem4235313378💠root[data-softtriggerlistitem4235313378-alarm] .SoftTriggerListItem4235313378💠status {
    color: #FF0000;
}
.SoftTriggerListErrorItem1500819407💠root.ListItem3298096117💠root {
    -st-extends: ListItem;
}

.SoftTriggerListErrorItem1500819407💠root.ListItem3298096117💠root .ListItem3298096117💠listItemContentLine {
    white-space: normal;
    height: auto;
}

.SoftTriggerListErrorItem1500819407💠root.ListItem3298096117💠root[data-listitem3298096117-lines="2"] .ListItem3298096117💠listItemContentLine {
    line-height: 18px;
}
.ProgressBar20004946💠root {
    -st-states: splashScreen;
    margin: 16px 0;
    height: 4px;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

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

.ProgressBar20004946💠root .ProgressBar20004946💠value {
    position: absolute;
    height: 100%;
    width: 100%;
    transform-origin: top left;
    background-color: #0078c6;
    transition: 200ms ease;
}
.SplashScreenPage4175618651💠root .SplashScreenPage4175618651💠content {
    padding: 16px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

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

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

.SplashScreenPage4175618651💠root .SplashScreenPage4175618651💠dismissButton.TextButton3578913603💠root {
    -st-extends: TextButton;
    color: white;
    display: inline-block;
    margin-top: 20px;
}
.SwipeHorizontal3548404399💠root .SwipeHorizontal3548404399💠enterActiveLeft {
    transition: transform 300ms, opacity 300ms; /* equal to UxConstants.animation.slow */
    transform: translateX(-100%);
    opacity: 0;
}

.SwipeHorizontal3548404399💠root .SwipeHorizontal3548404399💠enterActiveRight {
    transition: transform 300ms, opacity 300ms; /* equal to UxConstants.animation.slow */
    transform: translateX(100%);
    opacity: 0;
}
.CardButtons2159531505💠root {
    margin-left: 4px;
}

.Card4183379523💠root {
    background-color: #FFFFFF;
    margin: 8px;
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    padding: 24px 0 8px 0;
    font-size: 14px;
}


.Card4183379523💠root:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .19), 0 8px 17px 0 rgba(0, 0, 0, .2);
}

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

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

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

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

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


.WhatsNewAlertCard1661948938💠root .WhatsNewAlertCard1661948938💠content {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ServerStatus2089433842💠root {
    display: block;
    -st-states: status(number);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b0b0b0;
}

.ServerStatus2089433842💠root[data-serverstatus2089433842-status="1"],
.ServerStatus2089433842💠root[data-serverstatus2089433842-status="5"],
.ServerStatus2089433842💠root[data-serverstatus2089433842-status="3"]{
    color: #cccc00;
}

.ServerStatus2089433842💠root[data-serverstatus2089433842-status="-1"],
.ServerStatus2089433842💠root[data-serverstatus2089433842-status="4"],
.ServerStatus2089433842💠root[data-serverstatus2089433842-status="2"]  {
    color: #FF0000;
}

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

.ServersList6367319💠root{
    -st-states: isDevice;
}

.ServersList6367319💠root[data-serverslist6367319-isdevice] .ServersList6367319💠list {
    padding: 0 0 60px 0;
}
.FloatingActionButton2745688129💠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;
}

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

.FloatingActionButton2745688129💠root[data-floatingactionbutton2745688129-disabled] {
    background-color: #b0b0b0;
    cursor: default;
}
.PageSection3540531984💠root {
    padding: 0 8px;
}

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

.PageSection3540531984💠root:last-child {
    border: none;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0;
    border-style: solid;
}
.PageSectionItem1901628885💠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;
}

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

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

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

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

.PageSectionItem1901628885💠root[data-pagesectionitem1901628885-disabled] .PageSectionItem1901628885💠content {
    color: #808080;
}
.SelectMenu4095703691💠root {
    position:absolute;
    width: 100%;
}

.SelectMenu4095703691💠root .SelectMenu4095703691💠menu {
    z-index: 550;
    background-color: rgb(226, 226, 226);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .19),
    0 2px 5px 0 rgba(0, 0, 0, .2);
    min-height: 100px;
    margin-top: 57px;
}
.SelectMenuItem104980312💠root {
    padding: 10px 12px;
}

.SelectMenuItem104980312💠root:hover {
    background-color: #007AC3;
    color: white;
}
.Select2477952988💠root {
    -st-states: active;
    position: relative;
    min-height: 56px;
    background-color: rgba(226, 226, 226, 0.66);
}


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

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

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


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

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

.Select2477952988💠root .Select2477952988💠select:error  {
    border-bottom: 2px solid value(text-field-error-background-color);
}

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

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

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

.Select2477952988💠root[data-select2477952988-active] .Select2477952988💠arrow.Icon427479687💠root {
    color: #007AC3;

}


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

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

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

.LoginSectionEdit3041261431💠root .LoginSectionEdit3041261431💠selection {
    margin-bottom: 16px;
}
.AudioDeviceTypeIcon1044092337💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: active;
    font-size: 24pt;
    padding: 8px;
}

.AudioDeviceTypeIcon1044092337💠root.Icon427479687💠root[data-audiodevicetypeicon1044092337-active] {
    color: green;
}
.AudioDeviceListItem2190024080💠root {
    -st-states: selected;
}

.AudioDeviceListItem2190024080💠root[data-audiodevicelistitem2190024080-selected] {
    border-left: 6px solid green;
    padding-left: 4px;
}
.AudioDevicesList3608783647💠root .AudioDevicesList3608783647💠clearAudioInputButton {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: red;
}
.SourceIndicator500545762💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    font-size: 16px;
    padding: 0 0 0 4px;
    vertical-align: top;
}
.SourceIndicators948361504💠root {
    display: inline-block;
}

.CamerasList2752089881💠root {
    position: relative;
    margin-top: 8px;
}

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

.CameraSelectPage3051559440💠root .CameraSelectPage3051559440💠clearCameraButton.ListItem3298096117💠root {
    -st-extends: ListItem;
    text-align: center;
}
.PanelGroup1974579564💠root {
    flex: 1 1 auto;
    position: relative;
}

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

.SourcePanelContent3400352992💠root[data-sourcepanelcontent3400352992-disabled] {
    color: #b0b0b0;
}

.SourcePanelContent3400352992💠root[data-sourcepanelcontent3400352992-error] {
    color: #FF0000;
}

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

.SourcePanelContent3400352992💠root > * {
    flex: auto;
    align-self: center;
    padding: 0;
}
.StreamPanelContent3891703272💠root {
    -st-states: error;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    background-color: #000000;
    display: flex;
}

.StreamPanelContent3891703272💠root[data-streampanelcontent3891703272-error] {
    color: #FF0000;
}

.StreamPanelContent3891703272💠root > * {
    flex: auto;
    align-self: center;
    padding: 0;
}
.Rotator1200437074💠root {
    display: inline-block;
    animation: Rotator1200437074💠spin 5s linear infinite;
}

@keyframes Rotator1200437074💠spin {
    100% {transform: rotate(360deg);}
}
.EditViewAudioListItem1631752167💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

.EditViewAudioListItem1631752167💠root .EditViewAudioListItem1631752167💠thumbnail {
    margin-right: 15px;
}
.EditViewCameraListItem255657741💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 30px;
}

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

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

.EditViewCameraListItem255657741💠root .EditViewCameraListItem255657741💠slotContainer {
    width: 20px;
    margin: 0px 22px;
    font-size: 16pt;
    text-align: center;
}
.EditViewCameraListItemContainer1876844434💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.EditViewCameraListItemContainer1876844434💠root .EditViewCameraListItemContainer1876844434💠thumbnail {
    margin-right: 15px;
}
.EditViewLayoutListItem2171464724💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

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

.EditViewListItemButton2308065223💠root {

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

}

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

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

.EditViewPage2749114383💠root .EditViewListItemButton2308065223💠root {
    text-align: center;
    color: red;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.DemoServiceButton2395959071💠root.TextButton3578913603💠root {
    -st-extends: TextButton;
    margin: -10px 0 0 0;
    padding: 4px;
    font-size: 10px;
    position: absolute;
    right: 30px;
    color: #0E274D;
}

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

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

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

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

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

}

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

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

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

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

}
.WebServiceServersLink3154911250💠root.TextButton3578913603💠root {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.WebServiceServersLink3154911250💠root.TextButton3578913603💠root {
    -st-extends: TextButton;
    padding: 0;
    margin: 0 0 0 5px;
    text-decoration: underline;
    text-transform: none;
    font-size: 13px;
    color: value(web-service-status-info-default-color);
    cursor: pointer;
}
.WebServiceStatus3251793380💠root {

    -st-states: status( number ), secure;
    display: flex;
}

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

.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-secure] .WebServiceStatus3251793380💠secureIcon.Icon427479687💠root {
    color: #008000;
}

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

.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="1"] .WebServiceStatus3251793380💠status,
.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="5"] .WebServiceStatus3251793380💠status,
.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="3"] .WebServiceStatus3251793380💠status {
    color: #cccc00;
}

.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="-1"] .WebServiceStatus3251793380💠status,
.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="2"] .WebServiceStatus3251793380💠status,
.WebServiceStatus3251793380💠root[data-webservicestatus3251793380-status="4"] .WebServiceStatus3251793380💠status {
    color: #FF0000;
}

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

.WebServicesList4028798947💠root{
    -st-states: isDevice;
}

.WebServicesList4028798947💠root[data-webserviceslist4028798947-isdevice] .WebServicesList4028798947💠list {
    padding: 0 0 60px 0;
}
.AssociationBarIcon157774412💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on, present;
    color: white;
    padding: 12px;
    font-size: 12pt;
}

.AssociationBarIcon157774412💠root.Icon427479687💠root[data-associationbaricon157774412-present] {
    color: #007ac2;
}

.AssociationBarIcon157774412💠root.Icon427479687💠root[data-associationbaricon157774412-on] {
    color: #37ca25;
}

.AssociationBarIcon157774412💠root.Icon427479687💠root[data-associationbaricon157774412-alerted] {
    color: #ffec01;
}

/* This must come after alerted to take priority */
.AssociationBarIcon157774412💠root.Icon427479687💠root[data-associationbaricon157774412-alarmed] {
    color: #FF0000;
}
.AssociationBarListItem2547303526💠root {}

.AssociationBarListItem2547303526💠root .AssociationBarListItem2547303526💠associationBarListItemIcon.AssociationBarIcon157774412💠root {
    -st-extends: AssociationBarIcon;
    padding: 14px;
    font-size: 20px;
}

.AssociationBarListItem2547303526💠root .AssociationBarListItem2547303526💠associationBarListItemIcon.AssociationBarIcon157774412💠root:not([data-associationbaricon157774412-alarmed]):not([data-associationbaricon157774412-alerted]):not([data-associationbaricon157774412-present]):not([data-associationbaricon157774412-on]) {
    color: #6D6D6D;
}
.AssociationBar3520644108💠root {
    -st-states: bottom, top, left, right, none;
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.AssociationBar3520644108💠root .AssociationBar3520644108💠bar {
    position: absolute;
    display:flex;
    flex-wrap: nowrap;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-bottom] {
    border-bottom: 48px solid transparent;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-bottom] .AssociationBar3520644108💠bar {
    bottom: -48px;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-top] {
    border-top: 48px solid transparent;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-top] .AssociationBar3520644108💠bar {
    top: -48px;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-left] {
    border-left: 48px solid transparent;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-left] .AssociationBar3520644108💠bar {
    left: -48px;
    width: 48px;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-right] {
    border-right: 48px solid transparent;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-right] .AssociationBar3520644108💠bar {
    right: -48px;
    width: 48px;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-none] {
    border: 0px;
}

.AssociationBar3520644108💠root[data-associationbar3520644108-none] .AssociationBar3520644108💠bar {
    display: none;
}

.AssociationBar3520644108💠root .AssociationBar3520644108💠items {
    display: inline-flex;
    flex-wrap: nowrap;
    overflow: hidden;
    pointer-events: all;
}

.AssociationBar3520644108💠root .AssociationBar3520644108💠items .material.selection.pressed {
    background: none;
}

.AssociationBar3520644108💠root .AssociationBar3520644108💠dialogButton {
    display: inline-flex;
}

.AssociationBar3520644108💠root .AssociationBar3520644108💠associationBarItemContainer {
    pointer-events: all;
}
.InactivityTimeout132557507💠root {
    height: 100%;
    width: 100%;
    background-color: #000000;
}

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

.VideoThrottleOverlay2931792348💠root {
    color: orange;
}

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

.MaterialIconMenu3108446391💠root .MaterialIconMenu3108446391💠iconButton {
    color: #6D6D6D;
}
.SecurityIntegrationIcon1912059853💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted;
    color: #6D6D6D;
    font-size: 16px;
}


.SecurityIntegrationIcon1912059853💠root.Icon427479687💠root[data-securityintegrationicon1912059853-alerted] {
    color: #ffec01
}

/* This must come after alerted to take priority */
.SecurityIntegrationIcon1912059853💠root.Icon427479687💠root[data-securityintegrationicon1912059853-alarmed] {
    color: #FF0000
}
.AudioSelection3067870647💠root {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
    width: 100%;
    position: relative;
    bottom: 0;
    height: 56px;
}

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

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

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

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

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

.AudioSelection3067870647💠root .AudioSelection3067870647💠icon {
    position: absolute;
    right:0;
    top: 3px;
}
.ProgressBarIcon1516273955💠root.Icon427479687💠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;
}

.ProgressBarIcon1516273955💠root.Icon427479687💠root[data-progressbaricon1516273955-expand] {
    font-size: 20px;
    transition-duration: 250ms;
    transition-property: font-size;
    transition-timing-function: linear;
}
.ProgressBarTransition2144134665💠root {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #007AC3;
    transition-duration: 2000ms;
    cursor: pointer;
}

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

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

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

.ProgressBarTransition2144134665💠root .ProgressBarTransition2144134665💠indicator {
    -st-states: expand, piState( string );
    position: absolute;
    top: 0;
    left: 0;
    height: 33px;
    z-index: 0;
    border-right: 5px solid rgba(255, 140, 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;
}

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

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

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

.ProgressBarTransition2144134665💠root .ProgressBarTransition2144134665💠indicator[data-progressbartransition2144134665-pistate="entering"] {
    width: 100%;
}
.EventMonitorBarIconButton1202797534💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    font-size: 16px;
    margin: 2px;
}
.EventMonitorBarEventsButton4019422899💠root.TextButton3578913603💠root {
    -st-extends: TextButton;
}

.EventMonitorBarEventsButton4019422899💠root.TextButton3578913603💠root[data-textbutton3578913603-disabled],
.EventMonitorBarEventsButton4019422899💠root.TextButton3578913603💠root:active[data-textbutton3578913603-disabled]{
    color: #b0b0b0;
}

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

.EventMonitorBarEventsButton4019422899💠root .EventMonitorBarEventsButton4019422899💠badge.Badge4204298125💠root .Badge4204298125💠count {
    position: relative;
    top: -1px;
}

.EventMonitorBarEventsButton4019422899💠root .EventMonitorBarEventsButton4019422899💠badge.Badge4204298125💠root[data-badge4204298125-largecount] .Badge4204298125💠count {
    top: -2px;
}


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

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

.EventMonitorBar3487128515💠root .EventMonitorBar3487128515💠buttons {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
}
.ListMenuItem4045606991💠root {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.RotaryMenuItem2177874715💠root {
    position: absolute;
    cursor: pointer;
}
.ActionMenuItem4722479💠root {
    -st-states: type( string );
    color: #6D6D6D;
}

.ActionMenuItem4722479💠root[data-actionmenuitem4722479-type="rotary"] {
    color: white;
}
.ActionMenuItemIcon3786070577💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: alarmed, alerted, on, present;
}

.ActionMenuItemIcon3786070577💠root.Icon427479687💠root[data-actionmenuitemicon3786070577-present] {
    color: #007ac2;
}

.ActionMenuItemIcon3786070577💠root.Icon427479687💠root[data-actionmenuitemicon3786070577-on] {
    color: #37ca25;
}

.ActionMenuItemIcon3786070577💠root.Icon427479687💠root[data-actionmenuitemicon3786070577-alerted] {
    color: #ffec01
}

/* This must come after alerted to take priority */
.ActionMenuItemIcon3786070577💠root.Icon427479687💠root[data-actionmenuitemicon3786070577-alarmed] {
    color: #FF0000
}

.SliderRail2947876529💠root {
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: white;
}
.SliderHandle1531299678💠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;
}

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

.SliderHandle1531299678💠root .SliderHandle1531299678💠tooltip .SliderHandle1531299678💠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;
}

.SliderHandle1531299678💠root .SliderHandle1531299678💠tooltip .SliderHandle1531299678💠tooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #444 transparent transparent transparent;
}
.SliderTrack2495119598💠root {
    position: absolute;
    height: 10px;
    z-index: 1;
    background-color: #96dbfa;
    border-radius: 5px;
    cursor: pointer;
}
.Slider446005979💠root {
    position: relative;
    display: inline-flex;
    flex: 1;
    height: 10px;
    margin: 0 15px;
    touch-action: none;
}
.CameraSettingsDialog3390659536💠root .CameraSettingsDialog3390659536💠appear.CameraSettingsDialog3390659536💠dialog {
    transform: translate(0, -100px);
}

.CameraSettingsDialog3390659536💠root .CameraSettingsDialog3390659536💠appearActive.CameraSettingsDialog3390659536💠dialog {
    transition: transform 300ms;
    transform: translate(0, 0);
}

.CameraSettingsDialog3390659536💠root .CameraSettingsDialog3390659536💠dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    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);
    align-items: center;
}

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

.CameraSettingsDialog3390659536💠root .CameraSettingsDialog3390659536💠content {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

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

.CameraSettingsDialog3390659536💠root .CameraSettingsDialog3390659536💠header {
    font-size: 16px;
    padding: 5px;
}
.LiveFocusPage1573453354💠root {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.PtzPresetIcon2195950836💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #084463;
    font-size: 20px;
    padding: 0;
    margin-bottom: 5px;
}
.SpeedSearchRenderer1413605407💠root {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    background-color: #000000;
    color: #FFFFFF;
}
.SpeedSearchPanelContent469978686💠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;
}

.SpeedSearchPanelContent469978686💠root > * {
    flex: auto;
    align-self: center;
    padding: 0;
}
.SpeedSearch218275804💠root {
    height: 100%;
    width: 100%;
}


.PlaybackControlIcon2446124699💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: active, disabled;
    color: #002B46;
    font-size: 30px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1BA5EA;
    padding: 9px 7px;
}

.PlaybackControlIcon2446124699💠root.Icon427479687💠root[data-playbackcontrolicon2446124699-active] {
    color: white;
    -webkit-text-stroke-color: #002B46;
}

.PlaybackControlIcon2446124699💠root.Icon427479687💠root[data-playbackcontrolicon2446124699-disabled] {
    color: #939393;
    -webkit-text-stroke-color: #002B46;
}
.SearchButton2271378487💠root {
}

.AddEditButton3254933927💠root.TextButton3578913603💠root {
    -st-extends: TextButton;
}
.SelectionListItem1588159301💠root.ListItem3298096117💠root {
    -st-extends: ListItem;
    padding-left: 24px;
}

.SelectionListItem1588159301💠root .ListItem3298096117💠listItemContentLine:first-of-type {
    font-weight: normal;
}
.TimezoneSelector3397917764💠root.ListItem3298096117💠root {
    -st-states: disabled;
    -st-extends: ListItem;
}

.TimezoneSelector3397917764💠root.ListItem3298096117💠root[data-timezoneselector3397917764-disabled] {
    cursor: default;
}

.TimezoneSelector3397917764💠root.ListItem3298096117💠root[data-timezoneselector3397917764-disabled] .ListItem3298096117💠listItemContentLine,
.TimezoneSelector3397917764💠root.ListItem3298096117💠root[data-timezoneselector3397917764-disabled] .ListItem3298096117💠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');
}

.DateTimePickerDialog142997855💠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;
}
.TimeRangeError4183225352💠root {}

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

.TimeRangeError4183225352💠root .TimeRangeError4183225352💠icon {
    padding: 0px;
    color: red;
}
.TimeRangeSelector1550732091💠root {
    -st-states: invalidRange;
}


.TimeRangeSelector1550732091💠root[data-timerangeselector1550732091-invalidrange] .TimeRangeSelector1550732091💠rangeText {
    color: red;
}
.PreferredSourceSelector4197234628💠root.ListItem3298096117💠root {
    -st-states: disabled;
    -st-extends: ListItem;
}

.PreferredSourceSelector4197234628💠root.ListItem3298096117💠root[data-preferredsourceselector4197234628-disabled] {
    cursor: default;
}

.PreferredSourceSelector4197234628💠root.ListItem3298096117💠root[data-preferredsourceselector4197234628-disabled] .ListItem3298096117💠listItemContentLine,
.PreferredSourceSelector4197234628💠root.ListItem3298096117💠root[data-preferredsourceselector4197234628-disabled] .ListItem3298096117💠listItemContentLine:first-of-type {
    color: #b0b0b0;
}
.SearchSelectionPage1562428020💠root {
    padding-bottom: 50px;
}

.emrc-page.has-footer.searchSelection-page .page-content-wrapper {
    bottom: 0;
}
.AppBar3176531670💠root {
    -st-states: primaryPosition(string);
    height: 48px;
    width: 100%;
    background-color: #007AC3;
}

.AppBar3176531670💠root .AppBar3176531670💠primary.FloatingActionButton2745688129💠root {
    -st-extends: FloatingActionButton;
    background-color: #40AE49;
    position: absolute;
    margin-right: 0;
}

.AppBar3176531670💠root .AppBar3176531670💠primary.FloatingActionButton2745688129💠root:active {
    background-color: #4fd65a;
}

.AppBar3176531670💠root .AppBar3176531670💠primary.FloatingActionButton2745688129💠root[data-floatingactionbutton2745688129-disabled] {
    background-color: #b0b0b0;
}

.AppBar3176531670💠root[data-appbar3176531670-primaryposition=""] .AppBar3176531670💠primary.FloatingActionButton2745688129💠root {
    right: 16px;
}

.AppBar3176531670💠root[data-appbar3176531670-primaryposition="left"] .AppBar3176531670💠primary.FloatingActionButton2745688129💠root {
    left: 16px;
}

.AppBar3176531670💠root[data-appbar3176531670-primaryposition="center"] .AppBar3176531670💠primary.FloatingActionButton2745688129💠root {
    right: 50%;
    margin-right: -28px;
}

.AppBar3176531670💠root[data-appbar3176531670-primaryposition="right"] .AppBar3176531670💠primary.FloatingActionButton2745688129💠root {
    right: 16px;
}
.AppBarItem2828318970💠root {
    -st-states: disabled;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    color: white;
    font-size: 24px;
}

.AppBarItem2828318970💠root[data-appbaritem2828318970-disabled] {
    cursor: default;
    color: #b0b0b0;
}
.SearchCamerasPage1653937246💠root {
    padding-bottom: 50px;
}
@keyframes BusySpinner1090768820💠spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}

.BusySpinner1090768820💠root {
    border: 4px solid #007ac3;
    border-radius: 50%;
    border-top: 4px solid #dddddd;
    width: 60px;
    height: 60px;
    animation: BusySpinner1090768820💠spin 1s linear infinite;
    margin: auto;
}
.Toggle2976260163💠root {
    -st-states: checked, disabled;
    position: relative;
    display: inline-block;
    height: 12px;
    width: 36px;
    background: rgba(0, 0, 0, .38);
    border-radius: 100px;
    cursor: pointer;
    transition: all 300ms ease;
    margin: 18px 5px;
}

.Toggle2976260163💠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, .4);
    content: '';
    transition: all 300ms ease;
}

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

.Toggle2976260163💠root[data-toggle2976260163-checked] {
    background: rgba(0, 122, 195, .5);
}

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

.Toggle2976260163💠root[data-toggle2976260163-disabled] {
    background: rgba(0, 0, 0, .12);
    pointer-events: none;
}

.Toggle2976260163💠root[data-toggle2976260163-disabled]::after {
    background: #BDBDBD;
}
.VideoPushSection2531148377💠root {}

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

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

.OutOfDateWebServiceSectionItem2886716812💠root .OutOfDateWebServiceSectionItem2886716812💠toggle {
    position: absolute;
    right: 11px;
    top: -5px;
}
.PageSubSection3401171002💠root .PageSubSection3401171002💠header {
    padding: 16px 0 8px 16px;
    font-size: 14px;
    color: #606060;
    text-transform: uppercase;
    cursor: default;
}
.RadioButtonIcon3487847641💠root.Icon427479687💠root {
    -st-states: selected;
    -st-extends: Icon;
    color: #6D6D6D;
}

.RadioButtonIcon3487847641💠root.Icon427479687💠root[data-radiobuttonicon3487847641-selected] {
    color: #007AC3;
}
.PageSectionSelectDialog3321984329💠root {
    min-width: 260px;
}
.BackupDialog1884513633💠root {}

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

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

.BackupDialog1884513633💠root .BackupDialog1884513633💠credentials {
    font-size: 13px;
    margin-top: 12px;
}


.CameraThumbnailsSectionItem1667573319💠root {}

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

.AssociationOverlaySectionItem1227133896💠root .AssociationOverlaySectionItem1227133896💠toggle {
    position: absolute;
    right: 11px;
    top: -5px;
}
.SliderDialog1767676687💠root .SliderDialog1767676687💠appear {
    opacity: 0;
}

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

.SliderDialog1767676687💠root .SliderDialog1767676687💠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);
}

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

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

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

.SliderDialog1767676687💠root .SliderDialog1767676687💠label {
    display: inline-flex;
}
.NumberInput842455056💠root .NumberInput842455056💠content {
    display: flex;
}

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

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

.ActivityTimeoutSectionItem4243595675💠root .ActivityTimeoutSectionItem4243595675💠toggle {
    position: absolute;
    right: 11px;
    top: -5px;
}
.VideoPushMessageStatus3837799749💠root {
    -st-states: status(number); /* This number corresponds to the values of VideoPushMessageStatuses enum*/
}

.VideoPushMessageStatus3837799749💠root[data-videopushmessagestatus3837799749-status="1"] .VideoPushMessageStatus3837799749💠status,
.VideoPushMessageStatus3837799749💠root[data-videopushmessagestatus3837799749-status="5"] .VideoPushMessageStatus3837799749💠status {
    color: #FF0000;
}

.VideoPushMessageStatus3837799749💠root[data-videopushmessagestatus3837799749-status="2"] .VideoPushMessageStatus3837799749💠status,
.VideoPushMessageStatus3837799749💠root[data-videopushmessagestatus3837799749-status="3"] .VideoPushMessageStatus3837799749💠status,
.VideoPushMessageStatus3837799749💠root[data-videopushmessagestatus3837799749-status="4"] .VideoPushMessageStatus3837799749💠status {
    color: #008000;
}
.VideoPushTargetsListItem2584699328💠root {
    -st-states: disabled
}

.VideoPushTargetsListItem2584699328💠root[data-videopushtargetslistitem2584699328-disabled] {
    cursor: default;
}

.VideoPushTargetsListItem2584699328💠root[data-videopushtargetslistitem2584699328-disabled] .VideoPushTargetsListItem2584699328💠checkbox {
    opacity: 0.35;
}
.SendButton2918647386💠root {

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

.emrc-page.has-footer.video-push-targets-page .page-content-wrapper {
    bottom: 0;
}
.EulaPage1883862091💠root {
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.EulaPage1883862091💠root .EulaPage1883862091💠buttonBar {
    flex: 0 0 auto;
    text-align: right;
}
.EventCard3580864737💠root.Card4183379523💠root {
    -st-extends: Card;
    -st-states: acknowledged
}

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

.EventCard3580864737💠root.Card4183379523💠root[data-eventcard3580864737-acknowledged] .Card4183379523💠title {
    font-weight: normal;
}

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

.EventCard3580864737💠root.Card4183379523💠root .EventCard3580864737💠info {
    flex: 1 1 auto;
}

.EventCard3580864737💠root.Card4183379523💠root .EventCard3580864737💠thumbnail {
    flex: 0 0 auto;
    max-height: 100px;
    max-width: 100px;
}
.ModalRender4243940391💠root {
    position: relative;
}
.ToolbarIcon1593259090💠root.Icon427479687💠root {
    -st-extends: Icon;
    -st-states: disabled;
    color: white;
}

.ToolbarIcon1593259090💠root.Icon427479687💠root[data-toolbaricon1593259090-disabled] {
    color: #000000;
}
.ToolbarItem2013209438💠root {
    -st-states: active;
    text-align: center;
    position: relative;
    display:inline-block;
}

.ToolbarItem2013209438💠root[data-toolbaritem2013209438-active] {
    box-shadow: inset 0 0 5px 5px hsla(0, 0%, 100%, .75);
}
.ToolbarTextItem1541266565💠root.TextButton3578913603💠root {
    -st-extends: TextButton;
    -st-states: disabled;
    color: white;
    font-size: 14px;
}

.ToolbarTextItem1541266565💠root.TextButton3578913603💠root[data-toolbartextitem1541266565-disabled] {
    color: #000000;
}
.ToolbarContainer2228123924💠root {
    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);
}
.DismissDragDropToolbarItem1065730732💠root {
    -st-states: isDragOver;
    display: block;
    text-align: center;
    flex: 2;
    background-color: #f89b42;
    background-image: linear-gradient(#f89b42, #f89b42);
}

@keyframes DismissDragDropToolbarItem1065730732💠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);
    }
}

.DismissDragDropToolbarItem1065730732💠root[data-dismissdragdroptoolbaritem1065730732-isdragover] {
    box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 0.75);
    animation: DismissDragDropToolbarItem1065730732💠drag-target-pulsate 2s infinite;
}
.VideoPushDragDropToolbarItem651637400💠root {
    -st-states: isDragOver;
    display: block;
    text-align: center;

    flex: 1;
}

@keyframes VideoPushDragDropToolbarItem651637400💠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);
    }
}

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

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

.Header2033318395💠root {
    position: fixed;
    width: 100%;
    background-color: #007ac3;
    padding: 0;
    height: 48px;
    margin-bottom: 1px;
    z-index: 1;
    top: 0;
    left: 0;
}
.NavigationDrawerExpandCollapseButton3571619599💠root {
    position: absolute;
    right: 5px;
    top: 0;
}

.NavigationDrawerExpandCollapseButton3571619599💠root .NavigationDrawerExpandCollapseButton3571619599💠icon.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    padding: 8px;
}
.Snackbar855471424💠root {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.InAppNotification2353959908💠root .InAppNotification2353959908💠button.TextButton3578913603💠root {
    -st-extends: TextButton;
    text-transform: capitalize;
}

.InAppNotification2353959908💠root .InAppNotification2353959908💠button.TextButton3578913603💠root:first-child  {
    padding-left: 0;
    margin-left: 0;
}

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

.InAppNotification2353959908💠root .InAppNotification2353959908💠notification.InAppNotification2353959908💠enter.InAppNotification2353959908💠enterActive {
    transform: translate(-50%, 0);
    transition: transform 200ms ease;
}

.InAppNotification2353959908💠root .InAppNotification2353959908💠notification.InAppNotification2353959908💠exit {
    transform: translate(-50%, 0);
}

.InAppNotification2353959908💠root .InAppNotification2353959908💠notification.InAppNotification2353959908💠exit.InAppNotification2353959908💠exitActive {
    transform: translate(-50%, -100%);
    transition: transform 200ms ease;
}