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

.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: #808080;
}
.Checkbox1619596232💠root {
    display: block;
    text-align: left;
}

.Checkbox1619596232💠root .Checkbox1619596232💠checkbox {
    vertical-align: middle;
}

.Checkbox1619596232💠root .Checkbox1619596232💠label {
    vertical-align: middle;
    font-size: 12px;
    color: #6D6D6D;
}
.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;
    margin: 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 #40AE49;
}

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

.ListItem3298096117💠root .ListItem3298096117💠listItemContentLine:first-of-type {
    font-weight: bold;
    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: red;
}
.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;
}
.ThumbnailPlaceholder767916752💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #B0E6FB;
    font-size: 54px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #70D8F9;
    padding: 0;
}
.CamerasListThumbnail887128623💠root {
    position: relative;
}

.CamerasListThumbnail887128623💠root .CamerasListThumbnail887128623💠thumbnail {
    height: 54px;
    width: 54px;
}
.List3233751564💠root {
}

.List3233751564💠root > *:last-child {
    border-bottom: 1px solid #dddddd;
}
.ListSearchFilterDialog4222773087💠root {

}

.ListSearchFilterDialog4222773087💠root .ListSearchFilterDialog4222773087💠resultFilters {
    border-bottom: 1px solid #dddddd;
}

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

.ListSearchFilterDialog4222773087💠root .ListSearchFilterDialog4222773087💠dropDown {
    position: relative;
    list-style-type: none;
    font-size: 13px;
    border-bottom: 1px solid #dddddd;
}

.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.ThumbnailPlaceholder767916752💠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;
}
.SplashScreenPage4175618651💠root {}

.SplashScreenPage4175618651💠root .SplashScreenPage4175618651💠content {
    padding: 16px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

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

.SplashScreenPage4175618651💠root .SplashScreenPage4175618651💠cancel.TextButton3578913603💠root {
    -st-extends: TextButton;
    color: white;
    width: 100%;
}
.ListCardGestures1061402858💠root {}

.ListCardGestures1061402858💠root .ListCardGestures1061402858💠dismissLeftEnterActive {
    transition: transform .3s, opacity .3s; /* equal to UxConstants.animation.slow */
    transform: translateX(-2000px);
    opacity: 0;
}

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


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

.ListCard2898224613💠root .ListCard2898224613💠content {
    padding: 24px 16px 16px;
}

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

.ListCard2898224613💠root .ListCard2898224613💠subtitle {
    color: #606060;
    font-size: 14px;
    padding-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ListCard2898224613💠root .ListCard2898224613💠body {
    color: #515151;
    font-size: 14px;
    padding-top: 16px;
}

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


.AudioDeviceTypeIcon1044092337💠root {
    -st-states: active;
    color: #6D6D6D;
    margin: 0px 10px 0px 5px;
}

.AudioDeviceTypeIcon1044092337💠root[data-audiodevicetypeicon1044092337-active] {
    color: green;
}
.AudioDevicesList3608783647💠root {
    background-color: white;
    border-top: #dddddd 1px solid;
}

.AudioDevicesList3608783647💠root .AudioDevicesList3608783647💠clearAudioInput {
    border-bottom: 1px solid #dddddd;
}

.AudioDevicesList3608783647💠root .AudioDevicesList3608783647💠clearAudioInputButton {
    text-align: center;
    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 #dddddd;
}

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

.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: red;
}
.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]) {
    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] .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;
}

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

.SourcePanelContent3400352992💠root .SourcePanelContent3400352992💠content {
    position: relative;
    top: 50%;
    font-size: 10px;
    color: #000000;
}

.SourcePanelContent3400352992💠root[data-sourcepanelcontent3400352992-error] .SourcePanelContent3400352992💠content {
    color: #FF0000;
}
.StreamPanelContent3891703272💠root {
    -st-states: error, streamActive;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    color: #000000;
}

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

.StreamPanelContent3891703272💠root .StreamPanelContent3891703272💠content {
    position: relative;
    top: 50%;
    font-size: 10px;
}

.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 #dddddd;
}
.EditViewPage2749114383💠root {

}

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

.EditViewPage2749114383💠root .EditViewPage2749114383💠preview {
    display: flex;
    flex-direction: column;
    margin: 10px auto;
    max-width: 600px;
    width: 100%;
}

.EditViewPage2749114383💠root .EditViewListItemButton2308065223💠root {
    text-align: center;
    color: red;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.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;
}

.FloatingActionButton2745688129💠root:active {
    background-color: #40AE49;
}

.FloatingActionButton2745688129💠root[data-floatingactionbutton2745688129-disabled] {
    background-color: #b0b0b0;
    cursor: default;
}
.MaterialIconMenu3108446391💠root {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.MaterialIconMenu3108446391💠root .MaterialIconMenu3108446391💠iconButton {
    color: #6D6D6D;
}
.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;
}
.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: red
}
.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: #dddddd;
    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: #dddddd;
    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: 16px;
}

.PageSectionItem1901628885💠root .PageSectionItem1901628885💠content {
    font-size: 14px;
    color: #606060;
}

.PageSectionItem1901628885💠root[data-pagesectionitem1901628885-disabled] .PageSectionItem1901628885💠content {
    color: #808080;
}
.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%;
}
.EventMonitoringToolbarIcon3144006642💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #6D6D6D;
    font-size: 16px;
    margin: 2px;
}
.Footer517516283💠root {
    flex: 0 0 auto;
}
.LivePreviewPanel3270648717💠root {
    -st-states: selected;
    position: absolute;
    top: 0;
    height:100%;
    width:100%;
    box-shadow: 0 0 10px 8px rgba(248, 155, 66, 1);
}

.LivePreviewPanel3270648717💠root[data-livepreviewpanel3270648717-selected] {
    box-shadow: 0 0 10px 8px rgba(69, 175, 77, 1);
}

.LivePreviewPanel3270648717💠root .LivePreviewPanel3270648717💠preview {
    height: 100%;
    width: 100%;
}
.ListMenuItem4045606991💠root {
    border-bottom: 1px solid #dddddd;
}
.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: red
}

.SliderDialog1767676687💠root .SliderDialog1767676687💠appear {
    opacity: 0;
}

.SliderDialog1767676687💠root .SliderDialog1767676687💠appearActive {
    transition: opacity 100ms; /* equal to UxConstants.animation.fast */
    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: 10px;
    z-index: 501;
    background-color: rgba(96, 96, 96, 1);
}

.SliderDialog1767676687💠root .SliderDialog1767676687💠content {
    display: flex;
    justify-content: space-between;
}

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

.SliderDialog1767676687💠root .SliderDialog1767676687💠header {
    padding: 10px;
}

.SliderDialog1767676687💠root .SliderDialog1767676687💠label {
    display: inline-flex;
    padding-right: 10px;
    margin: auto;
}

.SliderDialog1767676687💠root .SliderDialog1767676687💠slider {
    display: inline-flex;
    margin: auto;
}
.PtzPresetIcon2195950836💠root.Icon427479687💠root {
    -st-extends: Icon;
    color: #084463;
    font-size: 20px;
    padding: 0;
    margin-bottom: 5px;
}
.SpeedSearchRenderer1413605407💠root {
    height: 100%;
    width: 100%;
}

.SpeedSearchRenderer1413605407💠root .SpeedSearchRenderer1413605407💠canvas {
}
.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;
}
.TimeRangeSelector1550732091💠root {
    -st-states: invalidRange;
}


.TimeRangeSelector1550732091💠root[data-timerangeselector1550732091-invalidrange] .TimeRangeSelector1550732091💠rangeText {
    color: red;
}

.TimeRangeSelector1550732091💠root .TimeRangeSelector1550732091💠error {
    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;
    top: -28px;
    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;
}
.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;
}
.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;
}
.RadioButtonIcon3487847641💠root.Icon427479687💠root {
    -st-states: selected;
    -st-extends: Icon;
    color: #6D6D6D;
}

.RadioButtonIcon3487847641💠root.Icon427479687💠root[data-radiobuttonicon3487847641-selected] {
    color: #007AC3;
}
.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;
}
.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);
}
.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;
    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);
}
.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;
}