/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(181,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(328,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(341,25): run-time error CSS1039: Token not allowed after unary operator: '-form_row_gap'
(789,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(792,17): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(795,17): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(798,17): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(801,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(917,18): run-time error CSS1039: Token not allowed after unary operator: '-form_group_gap'
(927,24): run-time error CSS1039: Token not allowed after unary operator: '-form_row_gap'
(928,27): run-time error CSS1039: Token not allowed after unary operator: '-form_column_gap'
(960,22): run-time error CSS1039: Token not allowed after unary operator: '-form_text_field_height'
(964,27): run-time error CSS1039: Token not allowed after unary operator: '-form_text_field_height'
(976,42): run-time error CSS1034: Expected closing parenthesis, found ','
(976,42): run-time error CSS1042: Expected function, found ','
(976,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1032,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1047,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1059,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1068,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1078,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1085,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1108,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1167,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1170,34): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1178,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1216,35): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(1219,35): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(1222,35): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(1305,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(1315,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(1325,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(1357,24): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(1360,24): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(1363,24): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(1382,53): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1423,53): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1461,30): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(1558,53): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1657,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1659,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(1666,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1668,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(1675,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1677,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(1687,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(1794,53): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1794,91): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1796,29): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1802,29): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1834,29): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1837,31): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1881,29): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1885,27): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1889,28): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(1893,28): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(1897,28): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(1902,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1903,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(1924,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1927,28): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(1931,28): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(1934,28): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(1937,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1954,21): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(1955,37): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2053,98): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2067,22): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2080,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(2121,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2137,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2168,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2176,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2181,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2186,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2192,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2199,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2200,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2204,28): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(2207,28): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(2210,28): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(2237,28): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(2238,31): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(2239,32): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(2242,28): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(2243,31): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(2244,32): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(2247,28): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(2248,31): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(2249,32): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(2252,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(2261,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(2285,29): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(2295,33): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee_rgb'
(2481,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(2509,28): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(2870,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(2875,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2878,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2886,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2889,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2901,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2903,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2928,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2939,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2944,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2945,24): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(2988,17): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(2991,17): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(2994,17): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(2997,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3265,28): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(3268,28): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(3272,28): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(3357,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3399,18): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3403,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3416,23): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3419,23): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3425,23): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3434,23): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3435,41): run-time error CSS1046: Expect comma, found '0'
(3435,45): run-time error CSS1046: Expect comma, found '/'
(3449,23): run-time error CSS1039: Token not allowed after unary operator: '-p640'
(3460,39): run-time error CSS1046: Expect comma, found '0'
(3460,43): run-time error CSS1046: Expect comma, found '/'
(3475,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3644,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3695,17): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3718,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3779,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3781,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3789,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3791,28): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3812,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3825,17): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(3826,24): run-time error CSS1039: Token not allowed after unary operator: '-color_spring_green'
(3829,17): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(3830,24): run-time error CSS1039: Token not allowed after unary operator: '-color_broom'
(3833,17): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(3834,24): run-time error CSS1039: Token not allowed after unary operator: '-color_alizarin_crimson'
(3853,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(3870,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3891,24): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3905,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3924,24): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3925,28): run-time error CSS1039: Token not allowed after unary operator: '-color_manatee'
(3950,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(4231,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(4246,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(4261,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(4281,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
(4292,17): run-time error CSS1039: Token not allowed after unary operator: '-color_steel_blue'
 */
:root {
    /* background colors*/
    --color_shark: rgb(100, 106, 120);
    --color_steel_gray: rgb(72, 77, 88);
    --color_black: rgb(0, 08, 0);
    --color_manatee_rgb: 150, 152, 159;
    /* health colors*/
    --color_spring_green: rgb(0, 255, 123);
    --color_broom: rgb(252, 238, 33);
    --color_alizarin_crimson: rgb(236, 28, 36);
    /*accent*/
    --color_steel_blue: rgb(78, 131,195);
    /*secondary range*/
    --butterfly_bush: rgb(115, 79, 159);
    --zest: rgb(229, 111, 37);
    /* text & icons */

    --color_manatee: rgb(150, 152, 159);

    /*popup height*/
    --p640: 640px;

    /* sizing */
    --form_group_gap: 40px;
    --form_row_gap: 14px;
    --form_column_gap: 14px;
    --form_text_field_height: 30px;
}
::-webkit-scrollbar {
    width: .40em;
}
::-webkit-scrollbar-track-piece {
    background: #222222
}
::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius:2px;
    height:60px;
}
@font-face {
    font-family: Exo2;
    src: url('/theme/font/Exo2-Regular.otf') format('opentype');
    font-style:normal;
    font-weight: 400;
}
@font-face {
    font-family: Exo2;
    src: url('/theme/font/Exo2-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: Exo2;
    src: url('/theme/font/Exo2-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
}
html {
    background-size: cover;
    background-color: #000000;
    font-family: 'Exo2', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: auto;
    margin-right: auto;
    color: white;
}
body {
    width: 100%;
    margin: 0px auto; /* remove the top and bottom 8px margin appended by browser */
    margin-left: auto;
    margin-right: auto;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
#MainContent {
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 50px;
    margin-right: 50px;
}
#header {
    display: inline-block;
    width: 100%;
    height: 58px;
    vertical-align: middle;
    margin: 0;
    background-color: rgba(0, 0, 0, .8);
}
.bgb {
    background-color: #000000;
}
/*nav {
    display: inline-block;
    width: 73%;
    text-align: center;
    line-height: 29px;
}
nav ul {
    display: inline-block;
    text-transform: uppercase;
    padding:0;
    margin:0;
    font-size:0;
}
nav li {
    display: inline-block;
    transform: skew(140deg);
    background-image: linear-gradient(to right, rgba(150, 152, 159, .05), rgba(150, 152, 159, .1));
    font-size: 15pt;
}
nav li a {
    color: white;
    display: inline-block;
    text-decoration: none;
    padding: 15px 40px;
    transform: skew(-140deg);
    text-shadow: 0 0 3px #FFFFFF;
    line-height: 28px;
    width: 90px;
}
nav li.active, nav li:hover {
    font-size: 16pt;
    font-weight: 700;
    background-image: linear-gradient(to right, rgba(150, 152, 159, .2), rgba(150, 152, 159, .4));
    text-shadow: 0 0 3px #FFFFFF;
}
#logoContainer {
    padding-left: 26px;
}*/
#logo {
    display: inline-block;
    width: 170px;
    height: 36px;
    background-image: url('/theme/svg/S2-cumulus-logo.svg');
    background-size: cover;
}
#header_icons {
    display: inline-block;
    vertical-align: super;
}
.global_icon {
    display: inline-block;
    width: 35px;
    line-height: 35px;
    height: 35px;
    font-size: 16pt;
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    box-shadow: 0 0 1px #ffffff;
    text-align: center;
    color: var(--color_steel_blue);
    vertical-align: middle;
    margin-right: 15px;
}
.global_icon:hover {
    color: white;
    border: 2px solid white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
/*.global_icon:last-child {
    margin-right: 0px;
}*/
.global_icon a,
.forgetpwd a,
#footerflex ul li a{
    color: var(--color_steel_blue);
    text-decoration: none;
}
.selected_icon {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    height: 25px;
    font-size: 12pt;
    border: 2px solid var(--color_steel_blue);
    border-radius: 25px;
    box-shadow: 0 0 1px #ffffff;
    text-align: center;
    color: var(--color_steel_blue);
    vertical-align: middle;
    /*margin-right: 15px;*/
    padding: 2px;
}
.selected_icon:hover {
    color: white;
    border: 2px solid white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
.flex{
    display:flex;
}
.flexrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.flexcolumn {
    display: flex;
    flex-direction: column;
}
.flexwrap {
    display:flex;
    flex-wrap:wrap;
}
.flexrowspacebetween {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.flexrowltr {
    display: flex;
    flex-direction: row;
    justify-content:left;
}
.flexrowrtl {
    flex-direction: row;
    justify-content:right;
}
.flexrowspacearound {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.flexspaceafter {
    display: flex;
    flex-direction: row;
    justify-content: initial;
    align-items: flex-start;
}
.flexcenter {
    justify-content: center;
}
.flexcenterex {
    justify-content: center;
    align-items: center;
}
.flextopv {
    align-items: flex-start;
}
.flexcenterv {
    align-items: center;
}
.flexbottomv {
    align-items: flex-end;
}
.flexleft {
    justify-content: flex-start;
}
.flexright {
    justify-content: flex-end;
}
/* https://www.w3.org/TR/css-flexbox-1/#flex-common */
.flexitem, .flexItem {
    flex: 1; /* flex: 1 1 0 => Makes the flex item flexible and sets the flex basis to zero, resulting in an item that receives the specified proportion of the free space in the flex container. */
}
.flexItem50, .flexItem50 {
    flex: 1; /* flex: 1 1 0 => Makes the flex item flexible and sets the flex basis to zero, resulting in an item that receives the specified proportion of the free space in the flex container. */
    flex-basis: 50%;
}
.flexItem33, .flexitem33 {
    flex: 1; /* flex: 1 1 0 => Makes the flex item flexible and sets the flex basis to zero, resulting in an item that receives the specified proportion of the free space in the flex container. */
    flex-basis: 33%;
}
.flexItem67, .flexitem67 {
    flex: 1; /* flex: 1 1 0 => Makes the flex item flexible and sets the flex basis to zero, resulting in an item that receives the specified proportion of the free space in the flex container. */
    flex-basis: 67%;
}
.flexinline {
    display: inline-flex;
}
.flexStatic, .flexstatic {
    flex: 0;
}
.formTextEntry {
    margin-left: 10px;
}
.actionContainer {
    display: flex;
    align-items: center;
}
.tagContainer2 div.flexrow {
    justify-content: initial;
}
.flexLabel {
    margin-right: 10px;
}
#currentUserTags div.flexrow {
    justify-content: initial;
}
.alertForm div.flexrow {
    justify-content: initial;
}
.spacerColumn {
    padding-right: 10px;
}
.alertForm div.flexcolumn {
    margin-left: 5px;
    margin-right: 5px;
}
.alertForm div.spacerColumn {
    margin-left: 15px;
    margin-right: 15px;
}
.alertForm div.spacerRow {
    margin-bottom: 15px;
}
.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}
.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}
.numericTextBox {
    margin-left: 20px;
    justify-content: center;
}
.formSectionTitle {
    color: var(--color_steel_blue);
    margin-top: 15px;
    margin-bottom: 10px;
}
.horizontalRadioButton {
    margin-left: 20px;
}
.dialogBoxText {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px !important;
}
.formRow {
    margin-bottom: var(--form_row_gap);
}
.flexcolumn.showAllButtonContainer div.flexrow {
    justify-content: flex-start;
}
.popupActionsHeader {
    margin-top: 10px;
    margin-bottom: 10px;
}
.formLabelW{
    flex: 0 0 160px;
}
.formLabel2 {
    padding-left: 10px;
    padding-right: 10px;
}
.formLabel {
    flex: 1;
    flex-basis: 40%;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 10px;
}
.underline {
    text-decoration: underline;
}
textarea {
    resize: none;
}
textarea.fullWidthEntry {
    width: 100%;
    padding-left: 35px;
}
.formControl {
    flex: 1;
    flex-basis: 60%;
    display: inline-flex;
}
.narrowWidth,
.width100 {
    width: 100px;
}
.slimWidth,
.width50 {
    width: 50px;
}
.stdWidth,
.width300 {
    width: 300px;
}
.width150 {
    width: 150px;
}
.stdWidthSmall,
.width225 {
    width: 225px;
    margin-bottom:3px;
}
.width370 {
    width:370px;
}
.mediumWidth,
.width400 {
    width: 400px;
}
.width450{
    width:450px;
}
.wideWidth,
.width500 {
    width: 500px;
}
.remainingWidth {
    width: 100%;
}
.passwordReadonly,
.width310 {
    width: 310px;
}
.numericTextBox2 {
    width: 75px;
    height: 30px;
}
.numericTextBox3 {
    width: 100px;
    height: 30px;
}
.font13bold{
    font-size: 13pt;
    font-weight:bold;
}
.font18bold {
    font-size: 18pt;
    font-weight: bold;
}
.reduceFont{
    font-size: 10pt;
}
.smallerFont {
    font-size: 9.5pt;
}
.tinyFont {
    font-size: 8pt;
}
.datePicker {
    width: 150px;
    height: 30px;
}
#warningMessage {
    margin: 10px 5px;
    color: red;
}
.warningMessage {
    color: red;
}
.infoMessage {
    color: lightblue;
}
.headerMessage {
    font-family: 'Exo2', sans-serif;
    margin-left: 10px;
}
#headerflex {
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1;
}
#logoContainerflex {
    padding-left: 26px;
}
#header_icons_flex {
    flex-shrink: 0;
    text-align: left;
    float:right;
}
#footerflex {
    padding: 30px 0 25px 0;
    color: #fff;
}
#footerflex ul {
    display: inline-flex;
    padding-inline-start: 0;
}
.validation-summary-errors ul,
#footerflex ul {
    list-style: none;
}
#footerflex ul li {
    padding: 0px 10px;
}
.bdrR {
    border-right: 2px solid white;
}
#footerflex ul li:last-child {
    border-right: none;
}
/*#footerflex ul li a {
    color: #fff;
    text-decoration:none;
}*/
.searchField {
    top: 3px;
}
.modenav {
    display: inline-block;
    text-align: center;
    line-height: 29px;
}
.modenav ul {
    margin: 0;
    padding:0;
    display: inline-block;
    text-transform: uppercase;
}
.modenav li {
    display: inline-block;
    transform: skew(140deg);
    background-image: linear-gradient(to right, rgba(150, 152, 159, .05), rgba(150, 152, 159, .1));
    font-size: 15pt;
}
.modenav li a {
    color: white;
    display: inline-block;
    text-decoration: none;
    padding: 15px 40px;
    transform: skew(-140deg);
    text-shadow: 0 0 3px #FFFFFF;
    line-height: 28px;
    width: 90px;
}
.modenav li.active, div.nav li:hover {
    font-size: 16pt;
    font-weight: 700;
    background-image: linear-gradient(to right, rgba(150, 152, 159, .2), rgba(150, 152, 159, .4));
    text-shadow: 0 0 3px #FFFFFF;
}
#mainspacerflex {
    flex-basis: 8px;
    flex-shrink: 0;
    width:8px;
}
.searchRow {
    margin-top: 4px;
    align-items: center;
}
.auditSearchRow {
    margin-top: 4px;
    height: 35px;
}
.searchLabel {
    flex: 1;
    flex-basis: 130px;
    display: inline-flex;
    padding-left: 30px;
    align-items: center;
    color: white;
}
.searchControl {
    flex: 1;
    flex-basis: 70%;
    display: inline-flex;
}
.searchLabelMultiColumn {
    padding-left: 30px;
    width: 160px;
    color: white;
}
.searchLabelDoubleColumn label {
    padding-left: 30px;
    padding-right: 5px;
    width: 100px;
    display: block;
    color: white;
}
.searchLabelDoubleColumn.dateTimePickerLabel {
    margin-top: 5px;
}
.searchCheckbox {
    /* width: 50px;*/
    margin-left: 10px;
}
.searchLabelCheckbox {
    width: 60px;
    text-align: left;
}
.searchControlMultiColumn {
    flex: 1;
    flex-basis: 70%;
    /*display: inline-flex;*/
}
.searchControlDoubleColumn {
    width: 250px;
}
.searchControlDoubleColumn.radio {
    width: 290px;
}
.searchControlMultiColumnSmaller {
    flex-basis: 40%;
}
.searchControlMultiColumn.doubleColumn {
    flex-basis: 300px;
}
.searchControlMultiColumn.checkbox {
    width: 30px;
}
.suffixText {
    margin-left: 10px;
}
.panel {
    margin-bottom: 10px;
}
.boxedPanel {
    /*border-width: 1px;*/
    border-style: double;
    border-color: #4d4d4d;
    padding: 5px;
}
.logSearchButton {
    margin-left: 10px;
}
#NumResults {
    margin-top: 10px;
    color: white;
}
.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99999;
    background: rgba(245,245, 245, 0.7);
}
.loadingDone {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.7;
    z-index: 99999;
    background-color: #f5f5f5;
}
#lockPaneMessage {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 100px;
    display: block;
    opacity: 1;
    margin: -50px 0 0 -150px;
    font-size: 18px;
    text-align: center;
    line-height: 100px;
    background-color:#969696;
    border-style: solid;
    border-color: #000000;
}
a.nolink {
    text-decoration-line: none;
}
.viewLicense {
    margin-left: 10px;
    text-transform: initial;
    font-size: 12px;
    
}
/* The container <div> - needed to position the dropdown content */
.cumulus-dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.cumulus-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -160px;
}
/* Links inside the dropdown */
.cumulus-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.cumulus-dropdown-content a:hover {
    background-color: #ddd;
}
/* Show the dropdown menu on hover */
.cumulus-dropdown:hover .cumulus-dropdown-content {
    display: block;
}
.cumulus-dropdown-text {
    margin-right: 20px;
}
.cumulus-dropdown .global_icon {
    margin-right: 5px;
}
.logSearchTableLabel {
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}
.logEventTable {
    font-family: "Exo2", sans-serif;
    word-break: break-word;
}
.logEventTable .k-grid-header th.k-header {
    line-height: normal;
    vertical-align: bottom;
}
.k-grid .logEventTable.listView td {
    height: 27px;
}
.logEventTable b {
    color: #ffffff;
    text-decoration: underline;
}
.popupDialogContainer {
    display: none;
}
.error, .required {
    color: red;
}
#msgContainer {
    position: absolute;
    z-index: 9;
    font-weight: bold;
    font-size: 1em;
}
.msgDispSpan {
    display: inline-block;
    padding: 2px 20px 2px 0px;
    width: inherit;
    text-align: center;
}
.errorColor {
    color: red;
}
.warnColor {
    color: yellow /*var(--color_broom)*/;
}
.successColor {
    color: darkgreen; /*var(--color_spring_green);*/
}
.logViewErrorMessageContainer {
    text-align: left;
    margin-left: 10px;
    width: 170px;
}
.logViewDetail {
    /*margin-left: 105px;*/
}
.eventMessage td {
    border-bottom-width: 0 !important;
}
.search-highlight {
    background:blue;
}
.s2-pre {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre-wrap;
}
.expandable-json {
    cursor: pointer;
}
.titleLink {
    color: #ffffff;
}
.popupBlock {
    display: block !important;
}
.greyText {
    color: var(--color_manatee);
}
.redText {
    color: var(--color_alizarin_crimson);
}
.greenText {
    color: var(--color_spring_green);
}
.yellowText {
    color: var(--color_broom);
}
.blueText {
    color: var(--color_steel_blue);
}
/* DV */
/* Util classes - moved from content.css - COMMON for content.css && contentmobile,.css */
.nodisplay {
    display: none;
    visibility: hidden;
}
.noscroll {
    overflow: hidden;
}
.scrolly {
    overflow-y: scroll;
}
.centeredContent {
    text-align: center;
}
.middle {
    vertical-align: middle;
}
.inlineblock {
    display: inline-block;
}
.inline {
    display: inline;
}
.centerBlock {
    text-align: center;
    display: block;
}
.leftContent {
    text-align: left;
}
.rightContent {
    text-align: right;
}
.right5 {
    text-align: right;
    padding-right: 5px;
}
.right10 {
    text-align: right;
    padding-right: 10px;
}
.pl5 {
    padding-left: 5px;
}
.p2 {
    padding: 2px;
}
.p2em{
    padding: 2em;
}
.p15 {
    padding: 15px;
}
.pr5 {
    padding-right: 5px;
}
.floatR {
    float: right;
}
.floatL {
    float: left;
}
.openCloseStatus {
    cursor: pointer;
}
.break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.fullWidth {
    width: 100%;
}
.fullHeight {
    height: 100%;
}
.halfWidth {
    width: 50%;
}
.posRel {
    position: relative;
}
.posAbs{
    position: absolute;
}
.cumulus-ogcloud-notebox {
    background: #ff1a1a;
    padding: 10px;
    border-radius: 5px;
}
.cumulus-ogcloud-notebox-black {
    background: black;
    padding: 10px;
    border-radius: 5px;
}
.cumulus-ogcloud-notebox-paleyellow {
    background: #FFF7EC;
    padding: 10px;
    color: black;
    border-radius: 5px;
}

#android-nfc-parameters__tab-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    width: 100%;

    gap: 10px;
}

.android-nfc-parameters__tab-content {
    margin: var(--form_group_gap) 0 0 ;
}

#android-nfc-virtual-card-parameters {
    display: grid;
    grid-template-columns: auto auto auto 55%;

    border: none;

    padding: 0;
    grid-row-gap: var(--form_row_gap);
    grid-column-gap: var(--form_column_gap);
}

    #android-nfc-virtual-card-parameters > label,
    #android-nfc-virtual-card-parameters__background-image-label-wrapper
    {
        grid-column: 1 / span 3;
    }

    #android-nfc-virtual-card-parameters > label#android-nfc-virtual-card-parameters__crisis-hotlines-label {
        grid-column: 1 / span 4;
    }

    /* Kendo-injected span */
    #android-nfc-virtual-card-parameters span.k-textbox {
        width: 100%;
    }

    /* Kendo-injected div */
    #android-nfc-virtual-card-parameters div.k-colorpicker {
        justify-self: start;
    }

    /* Kendo-injected div */
    #android-nfc-virtual-card-parameters div.k-upload {
        justify-self: center;

        background-color: transparent;
    }

    /* Kendo doesn't set input type, so we'll use data-role */
    #android-nfc-virtual-card-parameters input[data-role="textbox"] {
        height: var(--form_text_field_height);
    }

    #android-nfc-virtual-card-parameters textarea {
        height: calc(var(--form_text_field_height) * 3);
    }

    #android-nfc-virtual-card-parameters .intl-tel-input {
        width: 100%;
    }

        /*
         * Need to define this since IntlTelInput inserts a div inbetween the Kendo wrapper and the input,
         * removing some of the Kendo-defined styles
         */
        #android-nfc-virtual-card-parameters .intl-tel-input > input {
            background-color: rgb(0, 0, 0, 0);
            border: none;
        }

#android-nfc-virtual-card-parameters__background-image-requirements {
    margin: 15%;

    font-style: italic;
}

#android-nfc-virtual-card-parameters__card-preview {
    display: flex;
    box-sizing: border-box;

    width: 100%;
    aspect-ratio: 1456 / 928; /* Google Wallet high resolution asset dimensions */
    border-radius: 25px;

    padding: 6.5%; /* Google Wallet spec shows text starting at 24 out of 364 units */

    object-fit: cover;
   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(97, 97, 97);

    font-size: 1.5em;
}

#android_nfc-virtual-card-parameters__card-preview-cardholder-name {
    align-self: center;
}

/* Icons classes - base and specific */
.infographicsIcon {
    width: 23px;
    height: 23px;
    /*display: inline-block;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
    border-radius: 35px;
    box-shadow: 0 0 20px #ffffff;
}
.infographicsIcon.notifications {
    background-image: url('/theme/svg/white/Notifications.svg');
}
.infographicsIcon.health {
    background-image: url('/theme/svg/White/Health.svg');
}
.infographicsIcon.ecosystem {
    background-image: url('/theme/svg/White/ecosystem.svg');
}
.infographicsRow,
tr.infographicsRow {
    background-color: rgba(var(--color_manatee_rgb), 0.15);
    height: 22px;
}
.infographicsRowTopBorder {
    border-top: 1px solid #4d4d4d;
}
.infographicsIconRow {
    padding-top: 10px;
    height: 40px;
    margin-top: 18px;
}
.infographicsTextRow {
    height: 22px;
}
.infographicsText {
    color: var(--color_manatee);
    font-size: 10.5pt;
    padding:1px 7px;
}

/* Table classes based on specification document */
/* NOTE: The table classes are further qualified in kendo.s2.css that overrides the kendo classes*/


/* ListView view */
table.listView th,
table.listViewbg th {
    color: var(--color_manatee);
    font-size: 12pt;
    text-align: left;
    /*line-height: 38px;*/
    border-bottom: 1pt solid;
}
table.listView tr td, 
table.listViewbg tr td, 
.tagHeader {
    color: var(--color_manatee);
    font-size: 12pt;
    text-align: left;
}
table.listView tr td.right5,
table.listViewbg tr td.right5 {
    text-align: right;
    padding-right: 5px;
}
table.listViewS th {
    color: var(--color_manatee);
    font-size: 11pt;
    text-align: left;
    /*line-height: normal;*/
    border-bottom: 1pt solid;
}
table.listViewS tr td {
    color: var(--color_manatee);
    font-size: 10.5pt;
    text-align: left;
}
.inline-grid {
    display:inline-grid;
    padding:4px 5px;
}
.inline-grid-pad {
    padding: 4px 8px;
}
.max-content {
    width: max-content;
}
/***************************************/
/* Configuration Screen Popups - End   */
/***************************************/
span[data-title]:hover::after {
    content: attr(data-title);
    position: absolute;
    margin-left: 20px;
    padding: 2px;
    background: white;
    color: var(--color_manatee);
}


table.listView tr td.centerGridColumn,
table.listView tr td.centeredcontent,
table.listViewbg tr td.centeredcontent {
    text-align: center;
}
.tagHeader {
    margin-top: 5px;
}
table.listView .headerIcon,
table.listViewbg .headerIcon {
    color: white;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
    border-radius: 30px;
}
table.listView .notifications-new {
    background-image: url('/theme/svg/White/Notifications.svg');
}
table.listView .health-new {
    background-image: url('/theme/svg/White/Health.svg');
}
table.listView .ecosystem-new {
    background-image: url('/theme/svg/White/ecosystem.svg');
}
table.listView .system-status {
    background-image: url('/theme/svg/White/system-status.svg');
}
table.listView .smartnodes {
    background-image: url('/theme/svg/White/smartnode.svg');
}
table.listView .icon-bell {
    color: white;
    width: 23px;
    height: 23px;
}
.topCustomerIcon {
    background-image: url("/theme/svg/noglow/important-item.svg");
    /*height: 23px;
    width: 23px;
    display: inline;*/
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
/* GridView view - Tiles view */
.healthTable {
    /*height: 150px;*/
    padding:10px;
    width: 260px;
    border: 1px solid var(--color_manatee);
}
.healthTable td:last-child{
    border-right: 1px solid var(--color_manatee);
}
/*.hoverTable tr:hover {
    background: var(--color_steel_gray);
}*/
.deviceListViewTable {
    height: 150px;
    width: 228px;
    border: 1px solid var(--color_manatee);
}
.noDataOverlay {
    width: 100%;
    justify-content: center;
    opacity: .2;
    filter: alpha(opacity=60); 
    background-color: #6495ed;      
    text-align: center;
}
.noDataOverlay div {
    position: relative;
    font-size: 34px;
}
.multipleTableContainer {
    left: 0;
    width: 100%;
    border: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.multipleTableContainer table {
    /*table-layout: fixed;*/
    display: inline-table;
    /*float: left;*/
    padding-top: 18px;
    margin-right: 23px;
    margin-bottom: 20px;
    width: 345px;
    border-collapse: collapse;
    border-spacing: 0;
    /*margin-left: auto;*/
}
.multipleTableContainer tr td {
    overflow: auto;
}
.multipleTableContainer table.green {
    border-bottom: 5pt solid var(--color_spring_green);
}
.multipleTableContainer table.yellow {
    border-bottom: 5pt solid var(--color_broom);
}
.multipleTableContainer table.red {
    border-bottom: 5pt solid var(--color_alizarin_crimson);
}
.customerRow {
    margin-bottom: 16px;
    font-size: 13pt;
}
.customerSecRow {
    font-size: 10pt;
}
.readerCount{
    font-size:5em;
    padding:.2em;
}
.tilecustomername,
.tiledevicename {
    display: inline-flex;
    padding: 10px 0px 14px 0px;
}
div.NoHealth span {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    padding: 0 !important;
    text-align: center;
}
div.AlertRule, span.AlertRule {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}
div.AlertNotification, span.AlertNotification {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}
/* Device Status */
div.Device, span.Device {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: sub;
}
div.Device.netbox, span.Device.netbox {
    background-size: 100px;
    /*background-image: url('/theme/svg/white/net-box.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fff;}</style></defs><title>net-box</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M50.22,50.88H36.09V36.75H50.22Zm-13.33-.79H49.42V37.55H36.89Z"/><path class="cls-2" d="M51.56,53.76,38.08,51.6l2.15-13.48,13.49,2.16ZM38.44,51.34,51.29,53.4l2.06-12.86-12.85-2Z"/><rect class="cls-2" x="41.13" y="41.47" width="3" height="3"/><rect class="cls-2" x="45.39" y="41.47" width="3" height="3"/><rect class="cls-2" x="41.13" y="45.66" width="3" height="3"/><rect class="cls-2" x="45.39" y="45.66" width="3" height="3"/></g></g></svg>');
}
div.Device.netvr, span.Device.netvr {
    /*background-image: url('/theme/svg/white/net-vr.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fff" d="M13 0h-10l-3 4h16l-3-4z"></path> <path fill="%23fff" d="M0 5v3h16v-3h-16zM15 7h-1v-1h1v1z"></path> <path fill="%23fff" d="M0 9v3h16v-3h-16zM15 11h-1v-1h1v1z"></path> <path fill="%23fff" d="M0 13v3h16v-3h-16zM15 15h-1v-1h1v1z"></path> <path fill="%23ff0000" d="M5 8c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3z"></path> </svg>');
}
div.Device.magicmonitor, span.Device.magicmonitor {
    /*background-image: url('/theme/svg/white/magic-monitor.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fff" d="M0 1v10h16v-10h-16zM15 10h-14v-8h14v8zM10.5 12h-5l-0.5 2-1 1h8l-1-1z"></path> </svg>');
}
div.Device.mobile, span.Device.mobile {
    /*background-image: url('/theme/svg/UiElements/mobile.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M11.5 0h-7c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h7c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM6 0.75h4v0.5h-4v-0.5zM8 15c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM12 12h-8v-10h8v10z"></path> </svg>');
}
div.Device.ongaurd, span.Device.ongaurd {
    /*background-image: url('/theme/svg/UiElements/ongaurd.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M13 0h-10l-3 4h16l-3-4z"></path> <path fill="%23ffffff" d="M0 5v3h16v-3h-16zM15 7h-1v-1h1v1z"></path> <path fill="%23ffffff" d="M0 9v3h16v-3h-16zM15 11h-1v-1h1v1z"></path> <path fill="%23ffffff" d="M0 13v3h16v-3h-16zM15 15h-1v-1h1v1z"></path> </svg>');
}
div.Device.server, span.Device.server {
    /*background-image: url('/theme/svg/UiElements/server.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M13 0h-10l-3 4h16l-3-4z"></path> <path fill="%23ffffff" d="M0 5v3h16v-3h-16zM15 7h-1v-1h1v1z"></path> <path fill="%23ffffff" d="M0 9v3h16v-3h-16zM15 11h-1v-1h1v1z"></path> <path fill="%23ffffff" d="M0 13v3h16v-3h-16zM15 15h-1v-1h1v1z"></path> </svg>');
}
div.Device.Node, span.Device.Node {
    background-size: 100px;
    background-image: url('/theme/svg/white/node.svg');
}
div.Device.Camera, span.Device.Camera {
    background-size: 100px;
    background-image: url('/theme/svg/white/camera.svg');
}
.mobile-blue {
    background-image: url('/theme/svg/UiElements/mobile-blue.svg');
    color: var(--color_steel_blue);
    width: 20px;
    height: 19px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.user2 {
    background-image: url('/theme/svg/UiElements/user2.svg');
    color: var(--color_steel_blue);
    width: 20px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
}
.person-outline {
    background-image: url('/theme/svg/UiElements/user-outline.svg');
    color: var(--color_steel_blue);
    width: 25px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}
.person-outline.sub{
    background-size: 18px;
    width: 18px;
    height: 18px;
}
div.deviceStatus {
    border-style: solid;
    border-width: 2px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
div.deviceStatus.counts  {
    display: inline-flex;
}
div.deviceStatus span {
    padding: 0 !important;
    text-align:center;
    width: 25px;
}
div.deviceStatus.green {
    border-color: var(--color_spring_green);
}
div.deviceStatus.yellow {
    border-color: var(--color_broom);
}
div.deviceStatus.red {
    border-color: var(--color_alizarin_crimson);
}
div.deviceStatus.none, span.deviceStatus.none {
    border-color: transparent;
}
.treeViewCornerConnector {
    background: url('/theme/image/arrows-in-right-angle_318-76671.jpg') no-repeat;
    background-size: 20px; 
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
}
/* Device Status End*/
/* List view - with checkboxes */
.listHeader {
    padding: 0 16px;
    height: 64px;
    width: 98%;
    background: linear-gradient(to right, rgba(var(--color_manatee_rgb), 0.05), rgba(77,77,84, 0.2), rgba(150,152,159, 0.2));
    display: inline-flex;
}
.headerLabel {
    align-self: center;
    color: #fff;
    font-weight: bold;
    font-size: 16pt;
}
.searchButton {
    align-self: center;
}
/* Chrome, Safari, Edge, Opera */
.typeNumberInput input::-webkit-outer-spin-button,
.typeNumberInput input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.typeNumberInput input[type=number] {
    -moz-appearance: textfield;
}
/*table.checkBoxListView th {
    color: var(--color_manatee);
    font-size: 12pt;
    text-align: left;
    line-height: 42px;
    border-bottom: 1pt solid;
}
table.checkBoxListView tr td {
    color: var(--color_manatee);
    font-size: 12pt;
    text-align: left;
}*/


/* header view toggle classes for health page */
.toggleHeader {
    /*padding: 0 16px;*/
    height: 64px;
    width: 100%;
    background: linear-gradient(to right, rgba(var(--color_manatee_rgb), 0.1), rgba(77,77,84, 0.2), rgba(150,152,159, 0.2));
    display: flex;
    justify-content:flex-end;
    align-items:center;
}
.chartValueLabel {
    vertical-align: middle;
    padding-left: 10px;
    height: 48px;
    font-size: 10pt;
}
.chartAttentionLabel {
    height: 20px;
    font-size: 10pt;
    display: flex;
    justify-content: flex-end;
}
#expDiv {
    overflow: auto;
    scrollbar-width: thin;
}
#hdr-pane {
    height: 48px;
    overflow-y: auto;
}
#hspacer-pane {
    height: 10px;
}
.searchTextString {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:750px;
}
.leftNavButtons {
    display: flex;
}
.toggleBtn {
    border: 1.3pt solid var(--color_steel_blue);
    display: flex;
    align-items: center;
    border-radius: 28px;
    height: 28px;
    cursor: pointer;
}
.toggleBtn .active {
    border: 1.5pt solid white;
    height:30px;
    width:30px;
    border-radius: 30px;
    background-position-x: 48%;
    background-position-y: 48%;
    padding:0;
    color: white;
    box-shadow: 0 0 30px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
.toggleBtnIcon {
    width: 13px;
    height: 12px;
    padding: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}
/*.toggleBtnIcon.active {
    border: 1.3pt solid white;
    height:13px;
    width:14px;
    border-radius: 28px;
    text-align: center;
    color: white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}*/
.toggleBtn .toggleList {
    /*background-image: url('/theme/svg/noGlow/list-view.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.17 14.45"><defs><style>.cls-1{fill:%234e84c4;}</style></defs><title>LIST VIEW</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="2.12" height="2.12"/><rect class="cls-1" x="3.8" width="11.37" height="2.12"/><rect class="cls-1" y="6.16" width="2.12" height="2.12"/><rect class="cls-1" x="3.8" y="6.16" width="11.37" height="2.12"/><rect class="cls-1" y="12.32" width="2.12" height="2.12"/><rect class="cls-1" x="3.8" y="12.32" width="11.37" height="2.12"/></g></g></svg>');
}
    .toggleBtn .toggleList.active {
        background-size: 75px;
        margin-right: -1px;
        /*background-image: url('/theme/svg/white/list-view.svg');*/
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fff;}</style></defs><title>list-view</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-2" x="36.84" y="36.75" width="2.12" height="2.12"/><rect class="cls-2" x="40.65" y="36.75" width="11.37" height="2.12"/><rect class="cls-2" x="36.84" y="42.92" width="2.12" height="2.12"/><rect class="cls-2" x="40.65" y="42.92" width="11.37" height="2.12"/><rect class="cls-2" x="36.84" y="49.08" width="2.12" height="2.12"/><rect class="cls-2" x="40.65" y="49.08" width="11.37" height="2.12"/></g></g></svg>');
    }
.toggleBtn .toggleGrid {
    /*background-image: url('/theme/svg/noGlow/grid-view.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.03 15.03"><defs><style>.cls-1{opacity:0.8;}.cls-2{fill:%234e84c4;}</style></defs><title>GRID VIEW</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><path class="cls-2" d="M8.23,8.23H15V15H8.23Z"/><path class="cls-2" d="M0,8.23H6.8V15H0Z"/><path class="cls-2" d="M8.23,0H15V6.8H8.23Z"/><path class="cls-2" d="M0,0H6.8V6.8H0Z"/></g></g></g></svg>');
}
.toggleBtn .toggleGrid.active {
    background-size: 75px;
    margin-left: -1px;
    /*background-image: url('/theme/svg/white/grid-view.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{opacity:0.8;}.cls-3{fill:%23fff;}</style></defs><title>grid-view</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><path class="cls-3" d="M45.08,44.37h6.8v6.8h-6.8Z"/><path class="cls-3" d="M36.84,44.37h6.8v6.8h-6.8Z"/><path class="cls-3" d="M45.08,36.14h6.8v6.8h-6.8Z"/><path class="cls-3" d="M36.84,36.14h6.8v6.8h-6.8Z"/></g></g></g></svg>');
}
.toggleExplore {
    /*background-image: url('/theme/svg/noGlow/explore.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.13 15.87"><defs><style>.cls-1{fill:%234e84c4;}</style></defs><title>EXPLORE</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-1" points="4.88 15.87 0 12.05 0 0 4.88 3.82 4.88 15.87"/><polygon class="cls-1" points="5.6 15.87 10.48 12.05 10.48 0 5.6 3.82 5.6 15.87"/><polygon class="cls-1" points="16.13 15.87 11.25 12.05 11.25 0 16.13 3.82 16.13 15.87"/></g></g></svg>');
}
.toggleBtn .toggleExplore.active {
    margin-left: -1px;
    background-size: 75px;
    /*background-image: url('/theme/svg/white/explore.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fff;}</style></defs><title>explore</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-2" points="41.77 52.41 36.89 48.59 36.89 36.53 41.77 40.35 41.77 52.41"/><polygon class="cls-2" points="42.48 52.41 47.37 48.59 47.37 36.53 42.48 40.35 42.48 52.41"/><polygon class="cls-2" points="53.02 52.41 48.13 48.59 48.13 36.53 53.02 40.35 53.02 52.41"/></g></g></svg>');
}
/*.screenControlButton {
    margin-left: 5px;
    padding: 1px 15px;
}
.screenControlButton.firstButton {
    margin-left: 30px;
}
.screenControlButton.active {
    color: white;
    background: none;
    border-color: white;
    text-decoration: none;
}
.screenControlButton.active:hover {
    color: white;
    background: none;
    border-color: white;
    text-decoration: none;
    border-width: 1px;
    cursor: default;
}
.screenControlButton:hover {
    background: white;
    border-color: white;
    text-decoration: none;
}*/
.breadcrumb {
    margin-bottom: 17px;
    padding: 27px 26px 19px 10px;
    background: linear-gradient(to right, rgba(var(--color_manatee_rgb), 0.05), rgba(77,77,84, 0.5), rgba(150,152,159, 0.5));
    align-items: center;
    display: flex;
}
.breadcrumb .textPrevious {
    color:#fff;
    font-weight:normal;
    font-size:13pt;
    margin: 0 10px;
}
.breadcrumb .textCurrent {
    color: #fff;
    font-size: 13pt;
    margin: 0 10px;
}
.refTime {
    margin-bottom: 17px;
    padding: 6px;
    background-color: rgba(150,152,159, 0.5);
    display: flex;
    flex-basis: 150px;
    font-size: 9pt;
}
.refTime .indicator{
    height: 4px; /*5%;*/
}
.refTime a{
    color:transparent;
}
.refTime .reficon {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.stopred {
    /*background-image: url('/theme/svg/UiElements/stop-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ec1c24" d="M2 2h12v12h-12z"></path> </svg>');
}
.stopgrey {
    /*background-image: url('/theme/svg/UiElements/stop-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M2 2h12v12h-12z"></path> </svg>');
}
.refresh {
    /*background-image: url('/theme/svg/UiElements/refresh.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M2 5h10v3l4-4-4-4v3h-12v6h2zM14 11h-10v-3l-4 4 4 4v-3h12v-6h-2z"></path> </svg>');
}
.playgreen {
    /*background-image: url('/theme/svg/UiElements/play-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M3 2l10 6-10 6z"></path> </svg>');
}
.edit {
    /*background-image: url('/theme/svg/UiElements/edit.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e83c3" d="M11.91 0c-0.159 0-0.315 0.018-0.465 0.055l-8.945 8.945-2.5 7 6.995-2.5 8.95-8.945c0.462-1.85-2.069-4.555-4.035-4.555zM6.525 12.025l-2.553-2.553 7.5-7.5 2.555 2.555-7.502 7.498z"></path> </svg>');
}
/* Donuts classes*/
.donutChart {
    position: absolute;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 9pt;
    top: 0;
    left: 0;
}
.donutLarge {
    width: 170px;
    height: 170px;
    border-radius: 170px;
    left: 15px;
    top: 15px;
    justify-content: center;
}
.donutMedium {
    width: 145px;
    height: 145px;
    border-radius: 145px;
    left: 15px;
    top: 15px;
    justify-content: center;
}
.donutSmall {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    left: 15px;
    top: 15px;
    justify-content: center;
}
.healthchart {
}
.healthlarge {
    width: 180px;
    height: 180px;
    border-radius: 180px;
    border: 2px solid var(--color_manatee);
    position: relative;
    background-color: var(--color_black);
    opacity: 0.9;
}
.healthmedium {
    width: 165px;
    height: 165px;
    border-radius: 165px;
    border: 2px solid var(--color_manatee);
    position: relative;
    background-color: var(--color_black);
    opacity: 0.9;
}
.healthsmall {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    border: 2px solid var(--color_manatee);
    position: relative;
    background-color: var(--color_black);
    opacity: 0.9;
}
.healthCustName {
    text-align: center;
    font-size: 10pt;
    /*border: 3px solid transparent;
    margin-top: -3px;
    border-radius: 10px;*/
    padding:2px 5px;
    background-color: var(--color_black);
    opacity: 0.9;
}
.healthchart.red, .healthCustName.red {
    /*border-color: var(--color_alizarin_crimson);*/
}
.healthchart.green, .healthCustName.green {
    /*border-color: var(--color_spring_green);*/
}
.healthchart.yellow, .healthCustName.yellow {
    /*border-color: var(--color_broom);*/
}

.refresh.vpnlist {
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.healthiconheart {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
}
.healthcell {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    position: absolute;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.healthcell.check {
    /*border: 1.5pt solid #fff;
box-shadow: 0 0 15px #fff;*/
    height: 40px;
    width: 40px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: top;
    /*background-image: url('/theme/svg/UiElements/circle-small.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M5 8c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3z"></path> </svg>');
}
.healthcell.top{
    top: 0px;
    left: calc(50% - 18px);
}
.healthcell.righttop {
    top: calc(22% - 18px);
    left: calc(88% - 36px);
}
.healthcell.right {
    top: calc(50% - 18px);
    left: calc(100% - 40px);
}
.healthcell.rightbottom {
    top: calc(78% - 20px);
    left: calc(88% - 40px);
}
.healthcell.lefttop {
    top: calc(22% - 18px);
    left: calc(12%);
}
.healthcell.left{
    top: calc(50% - 18px);
    left: 0px;
}
.healthcell.leftbottom {
    top: calc(78% - 18px);
    left: calc(14%);
}
.healthcell.bottom{
    top: calc(100% - 36px);
    left: calc(50% - 18px);
}

/* CHART */
.k-chart.largeChart {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    cursor: pointer;
}
.k-chart.mediumChart {
    width: 185px;
    height: 185px;
    border-radius: 185px;
    cursor: pointer;
    position: absolute;
}
.k-chart.smallChart {
    width: 170px;
    height: 170px;
    border-radius: 170px;
    cursor: pointer;
    position: absolute;
}
.chartHeader {
    background: linear-gradient(to right, rgba(var(--color_manatee_rgb), 0.05), rgba(var(--color_manatee_rgb), 0.1));
    padding: 0;
    border-left-color: var(--color_manatee);
    border-left-style: solid;
    height: 48px;
    overflow: hidden;
}
.chartHeaderBorder {
    border-left-color: var(--color_manatee);
    border-left-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.left-border {
    border-left-width: 1pt;
}
.no-left-border {
    border-left-width: 0pt;
}
.mapYLabel {
    padding-left: 10px;
    height: 48px;
    font-size: 10pt;
    float: left;
}
.rotate90 {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chartViewContainer {
    border-left-width: 1pt;
    border-left-color: var(--color_manatee);
    border-left-style: solid;
    border-bottom-width: 1pt;
    border-bottom-color: var(--color_manatee);
    border-bottom-style: solid;
    /*display: flex;*/
    position: relative;
}

.healthRightPanel {
    flex-basis: 220px;
    flex-shrink: 0;
}
/* Health dashboard */
div.k-splitter,
.k-splitter .k-splitbar {
    border-width: 0;
}
.k-splitter .k-splitbar {
    width: 0;
    height: 0;
}
.vspacer{
    width:10px;
}
.hspacer{
    height:10px;
}
#bottom-pane {
    min-height: 120px;
    text-align: center;
    height: auto;
}
.dataWidgetsWrap {
    padding-top: 30px;
    text-align: center;
    padding: 0px;
}
.dataWidgetsWrap .flexitem{
    overflow-x: hidden;
}
.dataWidget {
    width: auto;
    height: auto;
    background: transparent;
    border-width: 1pt;
    border-style: solid;
    border-color: rgba(var(--color_manatee_rgb), 0.7);
}
.dataWidget.grey{
    border-top-width:4px;
    border-top-color:var(--color_manatee);
}
.dataWidget.red {
    border-top-width: 4px;
    border-top-color: var(--color_alizarin_crimson);
}
.dataWidget.green {
    border-top-width: 4px;
    border-top-color: var(--color_spring_green);
}
.dataWidget.yellow {
    border-top-width: 4px;
    border-top-color: var(--color_broom);
}
.dataWidgetHeader {
    height: 30px;
    font-size: 12pt;
    color: var(--color_manatee);
    background-color: rgba(var(--color_manatee_rgb), 0.2);
    padding-top: 2px;
}
.dataWidgetHeaderLabel {
    padding-top: 3px;
}
.dataWidget .dataWidgetText {
    font-weight: bold;
    font-size: 20pt;
    padding-top:12px;
}
.dataWidget .dataWidgetText .dataWidgetTextUnit {
    font-weight: bold;
    font-size: 10pt;
}
.dataWidget .dataWidgetAgg {
    height: 10%;
    margin-top: auto;
    padding: 5px;
}
.indicator .grey {
    background-color: var(--color_manatee);
}
.dataWidgetAgg .red {
    background-color: var(--color_alizarin_crimson);
}
.indicator .green,
.dataWidgetAgg .green {
    background-color: var(--color_spring_green);
}
.dataWidgetAgg .yellow {
    background-color: var(--color_broom);
}
.dataWidgetAgg .grey {
    background-color: var(--color_manatee);
}
@media screen and (min-width: 1600px) {
    .dataWidgetsWrap {
        padding-top: 10px;
    }
    .dataWidgetHeaderLabel {
        padding-top: 0px;
        margin-top:-2px;
    }
    .dataWidget .dataWidgetText .dataWidgetTextUnit {
        font-weight: bold;
        font-size: 15pt;
    }
    .dataWidgetHeader {
        height: 30px;
        font-size: 18pt;
        color: var(--color_manatee);
        background-color: rgba(var(--color_manatee_rgb), 0.2);
        padding-top: 5px;
    }
    .dataWidget .dataWidgetText {
        font-weight: bold;
        font-size: 28pt;
        padding-top: 8px;
    }
    .searchTextString{
        max-width: 1100px;
    }
    div.deviceDetailDetailsLabelL{
        flex: 0 0 200px;
    }
}
@media screen and (min-width: 1900px) {
    .searchTextString {
        max-width: 1400px;
    }
}
@media screen and (min-width: 1680px) {
    .inline-grid-pad {
        padding: 4px 15px;
    }
    .vspacer {
        width: 20px;
    }
}
@media screen and (min-width: 1900px) {
    .inline-grid-pad {
        padding: 4px 20px;
    }
}
/*.dataWidget.green .dataWidgetText {
    font-weight: bold;
    font-size: 28pt;
    color: var(--color_spring_green);
}
.dataWidget.yellow .dataWidgetText {
    font-weight: bold;
    font-size: 28pt;
    color: var(--color_broom);
}
.dataWidget.grey .dataWidgetText {
    font-weight: bold;
    font-size: 28pt;
    color: var(--color_manatee);
}*/
/** popups **/
.popupBody {
    width: 100%;
    position: relative;
    background-color: black;
}
.popupContent {
    padding: 20px;
}
.popupContent.npb{
    padding-bottom: 0;
}
.popupButtons {
    text-align: right;
    padding: 10px 20px;
}
.dialogControlButtons {
    text-align: left;
    padding: 10px 20px;
}
.dialogPopup {
    margin: 20px;
}
/* device detail */
.modified, .modified:hover {
    border: 2px solid #fcee21;
}
.modified2, .modified2:hover {
    border: 2px solid #fcee21;
    border-radius: 15px;
}
.notvalidated, .notvalidated:hover {
    border: 2px solid #ec1c24;
}
.invalid, .invalid:hover {
    border: 2px solid #ec1c24;
}
.modifiedHint {
    font-size: 9.5pt;
    color: #fcee21;
    padding: 0px 10px;
    vertical-align: top;
}
.selectedTagHeader {
    align-items: center;
    justify-content: flex-start;
    display: flex;
}
.deviceDetailHeader {
    padding: 20px;
    background: linear-gradient(to right, rgba(150,152,159, 0.3), rgba(77,77,84, 0.3), rgba(var(--color_manatee_rgb), 0.05));
    align-items: center;
    justify-content: flex-start;
    display: flex;
    font-size: 14pt;
}
.deviceDetailHeader .device {
    background-size: 120px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.deviceDetailDetails, .deviceDetailDetails2 {
    height: 100%;
    color: rgba(var(--color_manatee_rgb));
    font-size: 11pt;
    overflow: initial;
}
.deviceDetailDetails {
    width: 58%;
}
.deviceDetailDetails2 {
    min-width: 26%;
    max-width: calc(38%-15px);
}
.deviceDetailStatus, .deviceDetailStatus2 {
    /*background-color: rgba(var(--color_manatee_rgb), 0.08);*/
    color: var(--color_manatee);
    /*padding: 0px 12px 12px 12px;*/
    height: 100%;
    overflow: initial;
}
.deviceDetailStatus {
    min-width: 30%;
    max-width: calc(42%-15px);
}
.deviceDetailStatus2 {
    width: 62%;
}
.fontSmall {
    font-size:10pt;
}
.detailImage {
    width: 320px;
    border-radius: 10%;
}
.deviceDetailHdrLabel {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    font-size: 15pt;
    text-transform: uppercase;
    margin: 0px 16px 16px 16px;
}
/* Common classes for status widgets */
.statusWidgetsWrap {
    padding: 0px;
    display: flex;
    margin-bottom: 16px;
    font-weight: bold;
}
.statusWidgetsHeader {
    font-size: 12.5pt;
    background-color: #2d2d33; /* rgba(var(--color_manatee_rgb), 0.25);*/
    padding: 7px 0px;
}
.statusWidgetsFooter {
    font-size: 10pt;
    background-color: rgba(var(--color_manatee_rgb), 0.18);
    padding: 10px 0px;
}
/* status interval widgets */
.statusIntWidget {
    text-align: center;
    background: transparent;
    flex-basis: 42%;
}
.statusIntWidgetIcons {
    justify-content: center;
    flex-basis: 18%;
}
.statusIntWidgetBody {
    font-size: 10pt;
    padding: 18px 0px;
    background-color: rgba(var(--color_manatee_rgb), 0.15);
    display: flex;
    text-align: left;
}
.statusIntLabel {
    flex-basis: 35%;
    padding-left: 7px;
}
.statusIntContent {
    flex-basis: 65%;
    overflow:hidden;
}
.statusIntDim {
    height: 32px;
    width:70px;
    display:inline-block;
}
/* status uptime and restarts widgets */
/* last sync and health packets widgets */
.statusUpTimeWidgetsWrap {
    padding: 0px;
    display: flex;
    color: #fff;
    margin-bottom: 21px;
}
.statusUpTimeWidget,
.statusSyncWidget {
    text-align: center;
    background: transparent;
    flex-basis: 55%;
    margin-right: 16px;
    border: 1px solid rgba(var(--color_manatee_rgb));
}
.statusRestartWidget,
.statusPacketsWidget {
    text-align: center;
    background: transparent;
    justify-content: center;
    flex-basis: 35%;
    border: 1px solid rgba(var(--color_manatee_rgb));
}
.statusUpTimeWidgetBody,
.statusSyncWidgetBody {
    font-size: 18pt;
    background-color: rgba(var(--color_manatee_rgb), 0.15);
}
.statusUpTimeWidgetBodyLabels,
.statusSyncWidgetBodyLabels {
    font-size: 9pt;
    background-color: rgba(var(--color_manatee_rgb), 0.15);
    padding: 5px 0px;
}
.statusRestartWidgetBody,
.statusPacketsWidgetBody {
    font-size: 18pt;
    background-color: rgba(var(--color_manatee_rgb), 0.15);
}
/* status cpu and ram and bandwidth widgets */
.statusCPUWidget {
    text-align: center;
    background: transparent;
    flex-basis: 55%;
    border: 1px solid rgba(var(--color_manatee_rgb));
    background-color: rgba(var(--color_manatee_rgb), 0.15);
    border-top-width: 4px;
}
.statusCPUWidget.green {
    border-top-color: var(--color_spring_green);
}
.statusCPUWidget.yellow {
    border-top-color: var(--color_broom);
}
.statusCPUWidget.red {
    border-top-color: var(--color_alizarin_crimson);
}
.statusStatsWidget {
    text-align: center;
    justify-content: center;
    flex-basis: 40%;
    background-color: #2d2d33;
    font-size: 10pt;
    padding-top: 10px;
}
.statsHdrLabel {
    font-size: 8pt;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 2px;
}
.statsBarWrap {
    justify-content: space-between;
    text-align: center;
    padding: 0px;
    display: flex;
}
.statsBar {
    height: 25px;
    width: 3px;
}
.statsBar.green {
    background-color: var(--color_spring_green);
    box-shadow: 0 0 20px var(--color_spring_green);
    text-shadow: 0 0 10px var(--color_spring_green);
}
.statsBar.yellow {
    background-color: var(--color_broom);
    box-shadow: 0 0 20px var(--color_broom);
    text-shadow: 0 0 10px var(--color_broom);
}
.statsBar.red {
    background-color: var(--color_alizarin_crimson);
    box-shadow: 0 0 20px var(--color_alizarin_crimson);
    text-shadow: 0 0 10px var(--color_alizarin_crimson);
}
.statsBar.grey {
    background-color: var(--color_manatee);
}
.statsBarValueLabel {
    font-size: 9pt;
    padding: 2px 0px;
}
/* Device detail detail */
.deviceDetailDetailsRowCol {
    padding: 3px;
    color: var(--color_manatee);
    font-weight: bold;
    display:flex;
}
.deviceDetailDetailsLabelXL {
    flex: 0 0 180px;
}
.deviceDetailDetailsLabelL {
    flex: 0 0 130px;
}
.deviceDetailDetailsLabel {
    flex: 0 0 110px;
}
.deviceDetailDetailsLabelS {
    flex: 0 0 70px;
}
.detailOwnerWidget,
.detailRelMapWidget {
    text-align: center;
}
.deviceCompany {
    display: inline-block;
    padding: 8px 0px;
    font-size: 12pt;
    border: 2px dashed var(--color_manatee);
    text-align: center;
    border-radius: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: bold;
}
.deviceDetailWidgetBody {
    font-size: 11pt;
    padding: 10px 15px;
    background-color: rgba(var(--color_manatee_rgb), 0.15);
    display: flex;
    text-align: left;
}
.deviceOwnerMapContainer {
    position: relative;
    width:100%;
}
.deviceOwnerGoogleMap {
    border: 0;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
/*.dataWidget.red .dataWidgetText {
    font-weight: bold;
    font-size: 48pt;
    color: #f14156;
}
.dataWidget.green .dataWidgetText {
    font-weight: bold;
    font-size: 48pt;
    color: #0bd326;
}
.dataWidget.yellow .dataWidgetText {
    font-weight: bold;
    font-size: 48pt;
    color: #fcd654;
}*/
.osIcon {
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
}
.osIcon.windows {
    background-image: url('/theme/svg/UiElements/windows.svg');
}
.osIcon.mac {
    background-image: url('/theme/svg/UiElements/mac.svg');
}
.osIcon.linux {
    background-image: url('/theme/svg/UiElements/linux.svg');
}
.softwareicon {
    width: 24px;
    height: 24px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
}
.softwareicon.windowsOS {
    background-image: url('/theme/svg/UiElements/windows.svg');
}
.softwareicon.macOS {
    background-image: url('/theme/svg/UiElements/mac.svg');
}
.softwareicon.linuxOS {
    background-image: url('/theme/svg/UiElements/linux.svg');
}
.softwareicon.download {
    height: 26px;
    background-image: url('/theme/svg/noGlow/SOFTWARE.svg');
}
.softwareicon.upload {
    height: 26px;
    background-image: url('/theme/svg/noGlow/SOFTWARE.svg');
    transform: scaleY(-1);
}
/* power icons */
/* comm icons */
/* health icons */
.powericon,
.commicon,
.nodeicon,
.cameraicon {
    height: 30px;
    width: 30px;
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    /*margin:auto;*/
}
/* todo: make service icon consistent with above icons */
.serviceicon {
    height: 30px;
    width: 30px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleX(-1);
}
.deviceDetailStatus .powericon,
.deviceDetailStatus .healthicon,
.deviceDetailStatus .commicon,
.deviceDetailStatus .nodeicon,
.deviceDetailStatus .cameraicon,
.deviceDetailStatus .serviceicon,
//.deviceDetailStatus .softwareicon,
.deviceDetailStatus .liveicon {
    margin: auto;
}
.deviceDetailStatus .powericon,
.deviceDetailStatus .commicon {
    width: 36px;
}
.deviceDetailStatus .healthicon {
    margin-left:1px; 
}
/*.powericon {
    background-size: 100px;
}*/
.cpuicon,
.bandwidthicon,
.diskicon,
.memoryicon {
    height: 25px;
    width: 25px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
}
.microservice-icon,
.cpuicon2,
.bandwidthicon2,
.memoryicon2,
.diskicon2 {
    height: 20px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.diskicon2 {
    height: 18px;
    width: 18px;
    background-size: 18px;
}
.cpuicon2{
    height:23px;
}
.serviceicon2 {
    height: 20px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleX(-1);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.commicon2,
.nodeicon2,
.cameraicon2 {
    height: 18px;
    width: 18px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.commicon2 {
    width:20px;
}
.healthicon2 {
    height: 30px;
    width: 30px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
    font-size: 18pt;
    margin: auto;
    background-color: var(--color_black);
    display: inline-block;
}
.statusicon {
    height: 30px;
    width: 30px;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    display:inline-block;
}
.statusicon-nomargin {
    height: 30px;
    width: 30px;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
}
.charthealthicon {
    height: 50px;
    width: 50px;
    background-size: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 49%;
    border-radius: 50px;
    margin: auto;
    background-color: var(--color_black)
}
.healthicon {
    height: 36px;
    width: 36px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
    /*background-position-y: 49%;*/
    border-radius: 36px;
    font-size: 18pt;
    margin: auto;
    /*background-color: var(--color_black);*/
    display: inline-block;
}
.statusicon.pendingupdate {
    background-image: url('/theme/svg/UiElements/pending-update.svg');
}
.statusicon.nocumulus {
    background-size: 21px;
    background-image: url('/theme/svg/UiElements/no-cumulus.svg');
}
.statusicon.revoked {
    background-image: url('/theme/svg/UiElements/revoked.svg');
}
.statusicon.link {
    background-image: url('/theme/svg/UiElements/link.svg');
}
.statusicon-nomargin.link {
    background-image: url('/theme/svg/UiElements/link.svg');
}
.statusicon.link-in {
    background-image: url('/theme/svg/UiElements/link-in.svg');
}
.statusicon-nomargin.link-in {
    background-image: url('/theme/svg/UiElements/link-in.svg');
}
.statusicon.link-out {
    background-image: url('/theme/svg/UiElements/link-out.svg');
}
.statusicon-nomargin.link-out {
    background-image: url('/theme/svg/UiElements/link-out.svg');
}
.powericon.red {
    /*background-image: url('/theme/svg/UiElements/power-red.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23ec1c24;}</style></defs><title>power-red</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.18,40h0l.16-.2-.18.19a.78.78,0,0,0-.57-.14.75.75,0,0,0-.5.31.81.81,0,0,0,.15,1.13,5.72,5.72,0,0,1,2.21,4.54,5.59,5.59,0,1,1-11.18,0,5.72,5.72,0,0,1,2.2-4.55A.79.79,0,0,0,40,39.82a.72.72,0,0,0-.46.16,7.15,7.15,0,1,0,8.64,0Z"/><path class="cls-2" d="M43.86,46.54h0a1.1,1.1,0,0,0,1-1.15V37.9a1.08,1.08,0,0,0-1-1.14,1.1,1.1,0,0,0-1,1.14v7.49h0A1.1,1.1,0,0,0,43.86,46.54Z"/></g></g></svg>')
}
.powericon.blue {
    /*background-image: url('/theme/svg/UiElements/power-blue.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%234e84c4;}</style></defs><title>power-blue</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.18,40h0l.16-.2-.18.19a.78.78,0,0,0-.57-.14.75.75,0,0,0-.5.31.81.81,0,0,0,.15,1.13,5.72,5.72,0,0,1,2.21,4.54,5.59,5.59,0,1,1-11.18,0,5.72,5.72,0,0,1,2.2-4.55A.79.79,0,0,0,40,39.82a.72.72,0,0,0-.46.16,7.15,7.15,0,1,0,8.64,0Z"/><path class="cls-2" d="M43.86,46.54h0a1.1,1.1,0,0,0,1-1.15V37.9a1.08,1.08,0,0,0-1-1.14,1.1,1.1,0,0,0-1,1.14v7.49h0A1.1,1.1,0,0,0,43.86,46.54Z"/></g></g></svg>')
}
.powericon.green {
    /*background-image: url('/theme/svg/UiElements/power-green.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:url(%23New_Gradient_Swatch_11);}.cls-3{fill:url(%23New_Gradient_Swatch_11-2);}</style><linearGradient id="New_Gradient_Swatch_11" x1="36.71" y1="46.43" x2="51.01" y2="46.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2300d100"/><stop offset="1" stop-color="%2326d87e"/></linearGradient><linearGradient id="New_Gradient_Swatch_11-2" x1="42.81" y1="41.65" x2="44.9" y2="41.65" xlink:href="%23New_Gradient_Swatch_11"/></defs><title>power-green</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.18,40h0l.16-.2-.18.19a.78.78,0,0,0-.57-.14.75.75,0,0,0-.5.31.81.81,0,0,0,.15,1.13,5.72,5.72,0,0,1,2.21,4.54,5.59,5.59,0,1,1-11.18,0,5.72,5.72,0,0,1,2.2-4.55A.79.79,0,0,0,40,39.82a.72.72,0,0,0-.46.16,7.15,7.15,0,1,0,8.64,0Z"/><path class="cls-3" d="M43.86,46.54h0a1.1,1.1,0,0,0,1-1.15V37.9a1.08,1.08,0,0,0-1-1.14,1.1,1.1,0,0,0-1,1.14v7.49h0A1.1,1.1,0,0,0,43.86,46.54Z"/></g></g></svg>')
}
.powericon.grey {
    /*background-image: url('/theme/svg/UiElements/power-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%239698a5;}</style></defs><title>power-grey</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.18,40h0l.16-.2-.18.19a.78.78,0,0,0-.57-.14.75.75,0,0,0-.5.31.81.81,0,0,0,.15,1.13,5.72,5.72,0,0,1,2.21,4.54,5.59,5.59,0,1,1-11.18,0,5.72,5.72,0,0,1,2.2-4.55A.79.79,0,0,0,40,39.82a.72.72,0,0,0-.46.16,7.15,7.15,0,1,0,8.64,0Z"/><path class="cls-2" d="M43.86,46.54h0a1.1,1.1,0,0,0,1-1.15V37.9a1.08,1.08,0,0,0-1-1.14,1.1,1.1,0,0,0-1,1.14v7.49h0A1.1,1.1,0,0,0,43.86,46.54Z"/></g></g></svg>')
}
.powericon.yellow {
    /*background-image: url('/theme/svg/UiElements/power-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 90"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:url(%23New_Gradient_Swatch_4);}.cls-3{fill:url(%23New_Gradient_Swatch_4-2);}</style><linearGradient id="New_Gradient_Swatch_4" x1="36.71" y1="46.43" x2="51.01" y2="46.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23fbb03b"/><stop offset="1" stop-color="%23fcee21"/></linearGradient><linearGradient id="New_Gradient_Swatch_4-2" x1="42.81" y1="41.65" x2="44.9" y2="41.65" xlink:href="%23New_Gradient_Swatch_4"/></defs><title>power-yellow</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.18,40h0l.16-.2-.18.19a.78.78,0,0,0-.57-.14.75.75,0,0,0-.5.31.81.81,0,0,0,.15,1.13,5.72,5.72,0,0,1,2.21,4.54,5.59,5.59,0,1,1-11.18,0,5.72,5.72,0,0,1,2.2-4.55A.79.79,0,0,0,40,39.82a.72.72,0,0,0-.46.16,7.15,7.15,0,1,0,8.64,0Z"/><path class="cls-3" d="M43.86,46.54h0a1.1,1.1,0,0,0,1-1.15V37.9a1.08,1.08,0,0,0-1-1.14,1.1,1.1,0,0,0-1,1.14v7.49h0A1.1,1.1,0,0,0,43.86,46.54Z"/></g></g></svg>')
}
.powericon.running {
    /*background-image: url('/theme/svg/UiElements/power-running.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 83 83"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%2300ff7b;}</style></defs><title>health-good</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="41.44" cy="41.77" r="5"/></g></g></svg>')
}
.microservice-icon.running {
    background-image: url('/theme/svg/UiElements/microservice-running.svg');
}
.microservice-icon.stopped {
    background-image: url('/theme/svg/UiElements/microservice-stopped.svg');
}
.commicon2.red, .commicon.red {
    /*background-image: url('/theme/svg/UiElements/comm-red.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23ec1c24;}</style></defs><title>comm-red</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M45.26,47.38a2.22,2.22,0,1,0,3.14,0h0A2.26,2.26,0,0,0,45.26,47.38Z"/><path class="cls-2" d="M50.93,47a.51.51,0,0,0,.71.19.5.5,0,0,0,.23-.64,5.72,5.72,0,0,0-1-1.57,5.63,5.63,0,0,0-7.95,0,5.51,5.51,0,0,0-1,1.57.52.52,0,0,0,.29.68.54.54,0,0,0,.65-.23,4.64,4.64,0,0,1,.88-1.28A4.35,4.35,0,0,1,50.93,47Z"/><path class="cls-2" d="M53.47,44.55a.52.52,0,1,0,.92-.49.22.22,0,0,0,0-.08,9.12,9.12,0,0,0-1.15-1.4,9,9,0,0,0-12.74,0h0A8.57,8.57,0,0,0,39.29,44a.52.52,0,0,0,.81.65.22.22,0,0,0,0-.08,8.3,8.3,0,0,1,1.05-1.24,8,8,0,0,1,11.26,0h0A8.48,8.48,0,0,1,53.47,44.55Z"/><path class="cls-2" d="M55.6,40.17a12.44,12.44,0,0,0-17.55,0,16.51,16.51,0,0,0-1.16,1.35.52.52,0,0,0,.11.73.51.51,0,0,0,.73-.1h0a10.42,10.42,0,0,1,1.05-1.24,11.38,11.38,0,0,1,16.07,0,9.49,9.49,0,0,1,1,1.24.53.53,0,0,0,.84-.63h0A13,13,0,0,0,55.6,40.17Z"/></g></g></svg>')
}
.commicon2.blue, .commicon.blue {
    /*background-image: url('/theme/svg/UiElements/comm-blue.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%234e84c4;}</style></defs><title>comm-blue</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M45.26,47.38a2.22,2.22,0,1,0,3.14,0h0A2.26,2.26,0,0,0,45.26,47.38Z"/><path class="cls-2" d="M50.93,47a.51.51,0,0,0,.71.19.5.5,0,0,0,.23-.64,5.72,5.72,0,0,0-1-1.57,5.63,5.63,0,0,0-7.95,0,5.51,5.51,0,0,0-1,1.57.52.52,0,0,0,.29.68.54.54,0,0,0,.65-.23,4.64,4.64,0,0,1,.88-1.28A4.35,4.35,0,0,1,50.93,47Z"/><path class="cls-2" d="M53.47,44.55a.52.52,0,1,0,.92-.49.22.22,0,0,0,0-.08,9.12,9.12,0,0,0-1.15-1.4,9,9,0,0,0-12.74,0h0A8.57,8.57,0,0,0,39.29,44a.52.52,0,0,0,.81.65.22.22,0,0,0,0-.08,8.3,8.3,0,0,1,1.05-1.24,8,8,0,0,1,11.26,0h0A8.48,8.48,0,0,1,53.47,44.55Z"/><path class="cls-2" d="M55.6,40.17a12.44,12.44,0,0,0-17.55,0,16.51,16.51,0,0,0-1.16,1.35.52.52,0,0,0,.11.73.51.51,0,0,0,.73-.1h0a10.42,10.42,0,0,1,1.05-1.24,11.38,11.38,0,0,1,16.07,0,9.49,9.49,0,0,1,1,1.24.53.53,0,0,0,.84-.63h0A13,13,0,0,0,55.6,40.17Z"/></g></g></svg>')
}
.commicon2.green, .commicon.green {
    /*background-image: url('/theme/svg/UiElements/comm-green.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%2300ff7b;}</style></defs><title>comm-green</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M45.26,47.38a2.22,2.22,0,1,0,3.14,0h0A2.26,2.26,0,0,0,45.26,47.38Z"/><path class="cls-2" d="M50.93,47a.51.51,0,0,0,.71.19.5.5,0,0,0,.23-.64,5.72,5.72,0,0,0-1-1.57,5.63,5.63,0,0,0-7.95,0,5.51,5.51,0,0,0-1,1.57.52.52,0,0,0,.29.68.54.54,0,0,0,.65-.23,4.64,4.64,0,0,1,.88-1.28A4.35,4.35,0,0,1,50.93,47Z"/><path class="cls-2" d="M53.47,44.55a.52.52,0,1,0,.92-.49.22.22,0,0,0,0-.08,9.12,9.12,0,0,0-1.15-1.4,9,9,0,0,0-12.74,0h0A8.57,8.57,0,0,0,39.29,44a.52.52,0,0,0,.81.65.22.22,0,0,0,0-.08,8.3,8.3,0,0,1,1.05-1.24,8,8,0,0,1,11.26,0h0A8.48,8.48,0,0,1,53.47,44.55Z"/><path class="cls-2" d="M55.6,40.17a12.44,12.44,0,0,0-17.55,0,16.51,16.51,0,0,0-1.16,1.35.52.52,0,0,0,.11.73.51.51,0,0,0,.73-.1h0a10.42,10.42,0,0,1,1.05-1.24,11.38,11.38,0,0,1,16.07,0,9.49,9.49,0,0,1,1,1.24.53.53,0,0,0,.84-.63h0A13,13,0,0,0,55.6,40.17Z"/></g></g></svg>')
}
.commicon2.grey, .commicon.grey {
    /*background-image: url('/theme/svg/UiElements/comm-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%239799a6;}</style></defs><title>comm-grey</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M45.26,47.38a2.22,2.22,0,1,0,3.14,0h0A2.26,2.26,0,0,0,45.26,47.38Z"/><path class="cls-2" d="M50.93,47a.51.51,0,0,0,.71.19.5.5,0,0,0,.23-.64,5.72,5.72,0,0,0-1-1.57,5.63,5.63,0,0,0-7.95,0,5.51,5.51,0,0,0-1,1.57.52.52,0,0,0,.29.68.54.54,0,0,0,.65-.23,4.64,4.64,0,0,1,.88-1.28A4.35,4.35,0,0,1,50.93,47Z"/><path class="cls-2" d="M53.47,44.55a.52.52,0,1,0,.92-.49.22.22,0,0,0,0-.08,9.12,9.12,0,0,0-1.15-1.4,9,9,0,0,0-12.74,0h0A8.57,8.57,0,0,0,39.29,44a.52.52,0,0,0,.81.65.22.22,0,0,0,0-.08,8.3,8.3,0,0,1,1.05-1.24,8,8,0,0,1,11.26,0h0A8.48,8.48,0,0,1,53.47,44.55Z"/><path class="cls-2" d="M55.6,40.17a12.44,12.44,0,0,0-17.55,0,16.51,16.51,0,0,0-1.16,1.35.52.52,0,0,0,.11.73.51.51,0,0,0,.73-.1h0a10.42,10.42,0,0,1,1.05-1.24,11.38,11.38,0,0,1,16.07,0,9.49,9.49,0,0,1,1,1.24.53.53,0,0,0,.84-.63h0A13,13,0,0,0,55.6,40.17Z"/></g></g></svg>')
}
.commicon2.yellow, .commicon.yellow {
    /*background-image: url('/theme/svg/UiElements/comm-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93 88"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fbd554;}</style></defs><title>comm-yellow</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M45.26,47.38a2.22,2.22,0,1,0,3.14,0h0A2.26,2.26,0,0,0,45.26,47.38Z"/><path class="cls-2" d="M50.93,47a.51.51,0,0,0,.71.19.5.5,0,0,0,.23-.64,5.72,5.72,0,0,0-1-1.57,5.63,5.63,0,0,0-7.95,0,5.51,5.51,0,0,0-1,1.57.52.52,0,0,0,.29.68.54.54,0,0,0,.65-.23,4.64,4.64,0,0,1,.88-1.28A4.35,4.35,0,0,1,50.93,47Z"/><path class="cls-2" d="M53.47,44.55a.52.52,0,1,0,.92-.49.22.22,0,0,0,0-.08,9.12,9.12,0,0,0-1.15-1.4,9,9,0,0,0-12.74,0h0A8.57,8.57,0,0,0,39.29,44a.52.52,0,0,0,.81.65.22.22,0,0,0,0-.08,8.3,8.3,0,0,1,1.05-1.24,8,8,0,0,1,11.26,0h0A8.48,8.48,0,0,1,53.47,44.55Z"/><path class="cls-2" d="M55.6,40.17a12.44,12.44,0,0,0-17.55,0,16.51,16.51,0,0,0-1.16,1.35.52.52,0,0,0,.11.73.51.51,0,0,0,.73-.1h0a10.42,10.42,0,0,1,1.05-1.24,11.38,11.38,0,0,1,16.07,0,9.49,9.49,0,0,1,1,1.24.53.53,0,0,0,.84-.63h0A13,13,0,0,0,55.6,40.17Z"/></g></g></svg>')
}
.flexIconDisplay {
    display: inline-flex;
    vertical-align: middle;
}
.liveicon{
    width: 20px;
    background-size: 20px;
    height:20px;
    display:inline-block;
}
.inline-grid .liveicon {
    margin:auto;
    display:block;
}
.liveicon.connected {
    /*background-image: url('/theme/svg/UiElements/live-conn.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2326d77e" d="M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v9c0 0.825 0.675 1.5 1.5 1.5h2.5v4l4.8-4h5.7c0.825 0 1.5-0.675 1.5-1.5v-9c0-0.825-0.675-1.5-1.5-1.5zM7 9.414l-3.207-3.707 0.914-0.914 2.293 1.793 4.293-3.793 0.914 0.914-5.207 5.707z"></path> </svg>');
}
.liveicon.notconnected {
    /*background-image: url('/theme/svg/UiElements/live-no-conn.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239799a6" d="M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v9c0 0.825 0.675 1.5 1.5 1.5h2.5v4l4.8-4h5.7c0.825 0 1.5-0.675 1.5-1.5v-9c0-0.825-0.675-1.5-1.5-1.5zM11 4.282l-1.718 1.718 1.718 1.718v1.282h-1.282l-1.718-1.718-1.718 1.718h-1.282v-1.282l1.718-1.718-1.718-1.718v-1.282h1.282l1.718 1.718 1.718-1.718h1.282v1.282z"></path> </svg>');
}
.cameraicon2.red, .cameraicon.red {
    /*background-image: url('/theme/svg/UiElements/camera-red2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 85"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23ec1c24;}</style></defs><title>camera</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M41.56,42.69a1,1,0,1,1,.95-.95A1,1,0,0,1,41.56,42.69ZM50,41.5,38.74,36.84,36.56,42.1l4.29,1.8v.92a1.91,1.91,0,0,1-1.9,1.9H36.59v0h0v1.42h0v0H39a3.32,3.32,0,0,0,3.32-3.32v-.35l2.61,1.06Z"/><path class="cls-2" d="M49.09,43.12,46.73,45l1.93.8,3.63-1.42Z"/></g></g></svg>');
}
.cameraicon2.green, .cameraicon.green {
    /*background-image: url('/theme/svg/UiElements/camera-green2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 85"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%2321ff8c;}</style></defs><title>camera</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M41.56,42.69a1,1,0,1,1,.95-.95A1,1,0,0,1,41.56,42.69ZM50,41.5,38.74,36.84,36.56,42.1l4.29,1.8v.92a1.91,1.91,0,0,1-1.9,1.9H36.59v0h0v1.42h0v0H39a3.32,3.32,0,0,0,3.32-3.32v-.35l2.61,1.06Z"/><path class="cls-2" d="M49.09,43.12,46.73,45l1.93.8,3.63-1.42Z"/></g></g></svg>');
}
.cameraicon2.yellow, .cameraicon.yellow {
    /*background-image: url('/theme/svg/UiElements/camera-yellow2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 85"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fcee21;}</style></defs><title>camera</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M41.56,42.69a1,1,0,1,1,.95-.95A1,1,0,0,1,41.56,42.69ZM50,41.5,38.74,36.84,36.56,42.1l4.29,1.8v.92a1.91,1.91,0,0,1-1.9,1.9H36.59v0h0v1.42h0v0H39a3.32,3.32,0,0,0,3.32-3.32v-.35l2.61,1.06Z"/><path class="cls-2" d="M49.09,43.12,46.73,45l1.93.8,3.63-1.42Z"/></g></g></svg>');
}
.cameraicon2.grey, .cameraicon.grey {
    /*background-image: url('/theme/svg/UiElements/camera-grey2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 89 85"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%239698a5;}</style></defs><title>camera</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M41.56,42.69a1,1,0,1,1,.95-.95A1,1,0,0,1,41.56,42.69ZM50,41.5,38.74,36.84,36.56,42.1l4.29,1.8v.92a1.91,1.91,0,0,1-1.9,1.9H36.59v0h0v1.42h0v0H39a3.32,3.32,0,0,0,3.32-3.32v-.35l2.61,1.06Z"/><path class="cls-2" d="M49.09,43.12,46.73,45l1.93.8,3.63-1.42Z"/></g></g></svg>');
}
.nodeicon2.red, .nodeicon.red {
    /*background-image: url('/theme/svg/UiElements/node-red2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23ec1c24;}</style></defs><title>node</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M50.86,42.11a3,3,0,1,0-4.65-.48l-5.48,5.48a3,3,0,1,0,.87.87l5.48-5.48A3,3,0,0,0,50.86,42.11Z"/></g></g></svg>');
}
.nodeicon2.green, .nodeicon.green {
    /*background-image: url('/theme/svg/UiElements/node-green2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%2321ff8c;}</style></defs><title>node</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M50.86,42.11a3,3,0,1,0-4.65-.48l-5.48,5.48a3,3,0,1,0,.87.87l5.48-5.48A3,3,0,0,0,50.86,42.11Z"/></g></g></svg>');
}
.nodeicon2.yellow, .nodeicon.yellow {
    /*background-image: url('/theme/svg/UiElements/node-yellow2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fcee21;}</style></defs><title>node</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M50.86,42.11a3,3,0,1,0-4.65-.48l-5.48,5.48a3,3,0,1,0,.87.87l5.48-5.48A3,3,0,0,0,50.86,42.11Z"/></g></g></svg>');
}
.nodeicon2.grey, .nodeicon.grey {
    /*background-image: url('/theme/svg/UiElements/node-grey2.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%239698a5;}</style></defs><title>node</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M50.86,42.11a3,3,0,1,0-4.65-.48l-5.48,5.48a3,3,0,1,0,.87.87l5.48-5.48A3,3,0,0,0,50.86,42.11Z"/></g></g></svg>');
}
/* service icons here */
.serviceicon2.red, .serviceicon.red {
    /*background-image: url('/theme/svg/UiElements/service-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ec1c24" d="M5.683 11.282l0.645-0.903-0.707-0.707-0.903 0.645c-0.168-0.094-0.347-0.168-0.535-0.222l-0.183-1.095h-1l-0.183 1.095c-0.188 0.053-0.368 0.128-0.535 0.222l-0.903-0.645-0.707 0.707 0.645 0.903c-0.094 0.168-0.168 0.347-0.222 0.535l-1.095 0.183v1l1.095 0.183c0.053 0.188 0.128 0.368 0.222 0.535l-0.645 0.903 0.707 0.707 0.903-0.645c0.168 0.094 0.347 0.168 0.535 0.222l0.183 1.095h1l0.183-1.095c0.188-0.053 0.368-0.128 0.535-0.222l0.903 0.645 0.707-0.707-0.645-0.903c0.094-0.168 0.168-0.347 0.222-0.535l1.095-0.182v-1l-1.095-0.183c-0.053-0.188-0.128-0.368-0.222-0.535zM3.5 13.5c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM16 6v-1l-1.053-0.191c-0.019-0.126-0.044-0.25-0.074-0.372l0.899-0.58-0.383-0.924-1.046 0.226c-0.066-0.108-0.136-0.213-0.211-0.315l0.609-0.88-0.707-0.707-0.88 0.609c-0.102-0.074-0.207-0.145-0.315-0.211l0.226-1.046-0.924-0.383-0.58 0.899c-0.122-0.030-0.246-0.054-0.372-0.074l-0.191-1.053h-1l-0.191 1.053c-0.126 0.019-0.25 0.044-0.372 0.074l-0.58-0.899-0.924 0.383 0.226 1.046c-0.108 0.066-0.213 0.136-0.315 0.211l-0.88-0.609-0.707 0.707 0.609 0.88c-0.074 0.102-0.145 0.207-0.211 0.315l-1.046-0.226-0.383 0.924 0.899 0.58c-0.030 0.122-0.054 0.246-0.074 0.372l-1.053 0.191v1l1.053 0.191c0.019 0.126 0.044 0.25 0.074 0.372l-0.899 0.58 0.383 0.924 1.046-0.226c0.066 0.108 0.136 0.213 0.211 0.315l-0.609 0.88 0.707 0.707 0.88-0.609c0.102 0.074 0.207 0.145 0.315 0.211l-0.226 1.046 0.924 0.383 0.58-0.899c0.122 0.030 0.246 0.054 0.372 0.074l0.191 1.053h1l0.191-1.053c0.126-0.019 0.25-0.044 0.372-0.074l0.58 0.899 0.924-0.383-0.226-1.046c0.108-0.066 0.213-0.136 0.315-0.211l0.88 0.609 0.707-0.707-0.609-0.88c0.074-0.102 0.145-0.207 0.211-0.315l1.046 0.226 0.383-0.924-0.899-0.58c0.030-0.122 0.054-0.246 0.074-0.372l1.053-0.191zM10.5 7.675c-1.201 0-2.175-0.974-2.175-2.175s0.974-2.175 2.175-2.175 2.175 0.974 2.175 2.175c0 1.201-0.974 2.175-2.175 2.175z"></path> </svg>');
}
.serviceicon2.green, .serviceicon.green {
    /*background-image: url('/theme/svg/UiElements/service-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M5.683 11.282l0.645-0.903-0.707-0.707-0.903 0.645c-0.168-0.094-0.347-0.168-0.535-0.222l-0.183-1.095h-1l-0.183 1.095c-0.188 0.053-0.368 0.128-0.535 0.222l-0.903-0.645-0.707 0.707 0.645 0.903c-0.094 0.168-0.168 0.347-0.222 0.535l-1.095 0.183v1l1.095 0.183c0.053 0.188 0.128 0.368 0.222 0.535l-0.645 0.903 0.707 0.707 0.903-0.645c0.168 0.094 0.347 0.168 0.535 0.222l0.183 1.095h1l0.183-1.095c0.188-0.053 0.368-0.128 0.535-0.222l0.903 0.645 0.707-0.707-0.645-0.903c0.094-0.168 0.168-0.347 0.222-0.535l1.095-0.182v-1l-1.095-0.183c-0.053-0.188-0.128-0.368-0.222-0.535zM3.5 13.5c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM16 6v-1l-1.053-0.191c-0.019-0.126-0.044-0.25-0.074-0.372l0.899-0.58-0.383-0.924-1.046 0.226c-0.066-0.108-0.136-0.213-0.211-0.315l0.609-0.88-0.707-0.707-0.88 0.609c-0.102-0.074-0.207-0.145-0.315-0.211l0.226-1.046-0.924-0.383-0.58 0.899c-0.122-0.030-0.246-0.054-0.372-0.074l-0.191-1.053h-1l-0.191 1.053c-0.126 0.019-0.25 0.044-0.372 0.074l-0.58-0.899-0.924 0.383 0.226 1.046c-0.108 0.066-0.213 0.136-0.315 0.211l-0.88-0.609-0.707 0.707 0.609 0.88c-0.074 0.102-0.145 0.207-0.211 0.315l-1.046-0.226-0.383 0.924 0.899 0.58c-0.030 0.122-0.054 0.246-0.074 0.372l-1.053 0.191v1l1.053 0.191c0.019 0.126 0.044 0.25 0.074 0.372l-0.899 0.58 0.383 0.924 1.046-0.226c0.066 0.108 0.136 0.213 0.211 0.315l-0.609 0.88 0.707 0.707 0.88-0.609c0.102 0.074 0.207 0.145 0.315 0.211l-0.226 1.046 0.924 0.383 0.58-0.899c0.122 0.030 0.246 0.054 0.372 0.074l0.191 1.053h1l0.191-1.053c0.126-0.019 0.25-0.044 0.372-0.074l0.58 0.899 0.924-0.383-0.226-1.046c0.108-0.066 0.213-0.136 0.315-0.211l0.88 0.609 0.707-0.707-0.609-0.88c0.074-0.102 0.145-0.207 0.211-0.315l1.046 0.226 0.383-0.924-0.899-0.58c0.030-0.122 0.054-0.246 0.074-0.372l1.053-0.191zM10.5 7.675c-1.201 0-2.175-0.974-2.175-2.175s0.974-2.175 2.175-2.175 2.175 0.974 2.175 2.175c0 1.201-0.974 2.175-2.175 2.175z"></path> </svg>');
}
.serviceicon2.grey, .serviceicon.grey {
    /*background-image: url('/theme/svg/UiElements/service-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M5.683 11.282l0.645-0.903-0.707-0.707-0.903 0.645c-0.168-0.094-0.347-0.168-0.535-0.222l-0.183-1.095h-1l-0.183 1.095c-0.188 0.053-0.368 0.128-0.535 0.222l-0.903-0.645-0.707 0.707 0.645 0.903c-0.094 0.168-0.168 0.347-0.222 0.535l-1.095 0.183v1l1.095 0.183c0.053 0.188 0.128 0.368 0.222 0.535l-0.645 0.903 0.707 0.707 0.903-0.645c0.168 0.094 0.347 0.168 0.535 0.222l0.183 1.095h1l0.183-1.095c0.188-0.053 0.368-0.128 0.535-0.222l0.903 0.645 0.707-0.707-0.645-0.903c0.094-0.168 0.168-0.347 0.222-0.535l1.095-0.182v-1l-1.095-0.183c-0.053-0.188-0.128-0.368-0.222-0.535zM3.5 13.5c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM16 6v-1l-1.053-0.191c-0.019-0.126-0.044-0.25-0.074-0.372l0.899-0.58-0.383-0.924-1.046 0.226c-0.066-0.108-0.136-0.213-0.211-0.315l0.609-0.88-0.707-0.707-0.88 0.609c-0.102-0.074-0.207-0.145-0.315-0.211l0.226-1.046-0.924-0.383-0.58 0.899c-0.122-0.030-0.246-0.054-0.372-0.074l-0.191-1.053h-1l-0.191 1.053c-0.126 0.019-0.25 0.044-0.372 0.074l-0.58-0.899-0.924 0.383 0.226 1.046c-0.108 0.066-0.213 0.136-0.315 0.211l-0.88-0.609-0.707 0.707 0.609 0.88c-0.074 0.102-0.145 0.207-0.211 0.315l-1.046-0.226-0.383 0.924 0.899 0.58c-0.030 0.122-0.054 0.246-0.074 0.372l-1.053 0.191v1l1.053 0.191c0.019 0.126 0.044 0.25 0.074 0.372l-0.899 0.58 0.383 0.924 1.046-0.226c0.066 0.108 0.136 0.213 0.211 0.315l-0.609 0.88 0.707 0.707 0.88-0.609c0.102 0.074 0.207 0.145 0.315 0.211l-0.226 1.046 0.924 0.383 0.58-0.899c0.122 0.030 0.246 0.054 0.372 0.074l0.191 1.053h1l0.191-1.053c0.126-0.019 0.25-0.044 0.372-0.074l0.58 0.899 0.924-0.383-0.226-1.046c0.108-0.066 0.213-0.136 0.315-0.211l0.88 0.609 0.707-0.707-0.609-0.88c0.074-0.102 0.145-0.207 0.211-0.315l1.046 0.226 0.383-0.924-0.899-0.58c0.030-0.122 0.054-0.246 0.074-0.372l1.053-0.191zM10.5 7.675c-1.201 0-2.175-0.974-2.175-2.175s0.974-2.175 2.175-2.175 2.175 0.974 2.175 2.175c0 1.201-0.974 2.175-2.175 2.175z"></path> </svg>');
}
.healthicon2.red, .healthicon.red, .charthealthicon.red {
    /*background-image: url('/theme/svg/UiElements/health-red.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23ec1c24;}</style></defs><title>health-red</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.43,37.1h0a5.71,5.71,0,0,0-3.56,1.28,5.07,5.07,0,0,0-3.2-1.53A5,5,0,0,0,38,38.38a5.41,5.41,0,0,0-1.19,5.44s0,0,0,0h2.52L40.58,42a.6.6,0,0,1,.53-.29.63.63,0,0,1,.5.29l1.69,3.25,1.81-3a.61.61,0,0,1,.44-.27.62.62,0,0,1,.49.15l1.65,1.59a.59.59,0,0,1,0,.84.6.6,0,0,1-.84,0h0l-1.11-1.07-2,3.24a.57.57,0,0,1-.5.29h0a.64.64,0,0,1-.52-.33L41,43.45l-.81,1.29a.66.66,0,0,1-.5.32H37.42c.17.2.39.49.63.73l6.38,6.14a.56.56,0,0,0,.42.16.59.59,0,0,0,.42-.17l6.4-6.19a5.22,5.22,0,0,0,0-7.31A4.49,4.49,0,0,0,48.43,37.1Z"/></g></g></svg>');
}
.healthicon2.blue, .healthicon.blue, .charthealthicon.blue {
    /*background-image: url('/theme/svg/UiElements/health-blue.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%234e84c4;}</style></defs><title>health-blue</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.43,37.1h0a5.71,5.71,0,0,0-3.56,1.28,5.07,5.07,0,0,0-3.2-1.53A5,5,0,0,0,38,38.38a5.41,5.41,0,0,0-1.19,5.44s0,0,0,0h2.52L40.58,42a.6.6,0,0,1,.53-.29.63.63,0,0,1,.5.29l1.69,3.25,1.81-3a.61.61,0,0,1,.44-.27.62.62,0,0,1,.49.15l1.65,1.59a.59.59,0,0,1,0,.84.6.6,0,0,1-.84,0h0l-1.11-1.07-2,3.24a.57.57,0,0,1-.5.29h0a.64.64,0,0,1-.52-.33L41,43.45l-.81,1.29a.66.66,0,0,1-.5.32H37.42c.17.2.39.49.63.73l6.38,6.14a.56.56,0,0,0,.42.16.59.59,0,0,0,.42-.17l6.4-6.19a5.22,5.22,0,0,0,0-7.31A4.49,4.49,0,0,0,48.43,37.1Z"/></g></g></svg>');
}
.healthicon2.green, .healthicon.green, .charthealthicon.green {
    /*background-image: url('/theme/svg/UiElements/health-green.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%2300ff7b;}</style></defs><title>health-green</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.43,37.1h0a5.71,5.71,0,0,0-3.56,1.28,5.07,5.07,0,0,0-3.2-1.53A5,5,0,0,0,38,38.38a5.41,5.41,0,0,0-1.19,5.44s0,0,0,0h2.52L40.58,42a.6.6,0,0,1,.53-.29.63.63,0,0,1,.5.29l1.69,3.25,1.81-3a.61.61,0,0,1,.44-.27.62.62,0,0,1,.49.15l1.65,1.59a.59.59,0,0,1,0,.84.6.6,0,0,1-.84,0h0l-1.11-1.07-2,3.24a.57.57,0,0,1-.5.29h0a.64.64,0,0,1-.52-.33L41,43.45l-.81,1.29a.66.66,0,0,1-.5.32H37.42c.17.2.39.49.63.73l6.38,6.14a.56.56,0,0,0,.42.16.59.59,0,0,0,.42-.17l6.4-6.19a5.22,5.22,0,0,0,0-7.31A4.49,4.49,0,0,0,48.43,37.1Z"/></g></g></svg>');
}
.healthicon2.grey, .healthicon.grey, .charthealthicon.grey {
    /*background-image: url('/theme/svg/UiElements/health-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%239799a6;}</style></defs><title>health-grey</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.43,37.1h0a5.71,5.71,0,0,0-3.56,1.28,5.07,5.07,0,0,0-3.2-1.53A5,5,0,0,0,38,38.38a5.41,5.41,0,0,0-1.19,5.44s0,0,0,0h2.52L40.58,42a.6.6,0,0,1,.53-.29.63.63,0,0,1,.5.29l1.69,3.25,1.81-3a.61.61,0,0,1,.44-.27.62.62,0,0,1,.49.15l1.65,1.59a.59.59,0,0,1,0,.84.6.6,0,0,1-.84,0h0l-1.11-1.07-2,3.24a.57.57,0,0,1-.5.29h0a.64.64,0,0,1-.52-.33L41,43.45l-.81,1.29a.66.66,0,0,1-.5.32H37.42c.17.2.39.49.63.73l6.38,6.14a.56.56,0,0,0,.42.16.59.59,0,0,0,.42-.17l6.4-6.19a5.22,5.22,0,0,0,0-7.31A4.49,4.49,0,0,0,48.43,37.1Z"/></g></g></svg>');
}
.healthicon2.yellow, .healthicon.yellow, .charthealthicon.yellow {
    /*background-image: url('/theme/svg/UiElements/health-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 89"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%23fbd554;}</style></defs><title>health-yellow</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M48.43,37.1h0a5.71,5.71,0,0,0-3.56,1.28,5.07,5.07,0,0,0-3.2-1.53A5,5,0,0,0,38,38.38a5.41,5.41,0,0,0-1.19,5.44s0,0,0,0h2.52L40.58,42a.6.6,0,0,1,.53-.29.63.63,0,0,1,.5.29l1.69,3.25,1.81-3a.61.61,0,0,1,.44-.27.62.62,0,0,1,.49.15l1.65,1.59a.59.59,0,0,1,0,.84.6.6,0,0,1-.84,0h0l-1.11-1.07-2,3.24a.57.57,0,0,1-.5.29h0a.64.64,0,0,1-.52-.33L41,43.45l-.81,1.29a.66.66,0,0,1-.5.32H37.42c.17.2.39.49.63.73l6.38,6.14a.56.56,0,0,0,.42.16.59.59,0,0,0,.42-.17l6.4-6.19a5.22,5.22,0,0,0,0-7.31A4.49,4.49,0,0,0,48.43,37.1Z"/></g></g></svg>');
}
.tagEcoSystem {
    height: 10px;
    width: 10px;
    vertical-align: middle;
    margin-left: 10px;
    background-color: transparent;
}
.customerEcoSystem {
    display: none;
}
.cpuicon2.red, .cpuicon.red {
    /*background-image: url('/theme/svg/UiElements/cpu-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ec1c24" d="M8 4c-4.418 0-8 3.582-8 8h1c0-3.314 2.686-6 6-6 1.763 0 3.348 0.76 4.446 1.971l-2.711 2.169c-0.227-0.090-0.475-0.14-0.734-0.14-1.105 0-2 0.895-2 2s0.895 2 2 2c1.105 0 2-0.895 2-2 0-0.259-0.050-0.507-0.14-0.734l2.106-2.633c0.652 0.96 1.033 2.119 1.033 3.367h3c0-4.418-3.582-8-8-8z"></path> </svg>'); 
    margin-top: -3px;
}
.cpuicon2.green, .cpuicon.green {
    /*background-image: url('/theme/svg/UiElements/cpu-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M8 4c-4.418 0-8 3.582-8 8h1c0-1.819 0.809-3.449 2.088-4.549l3.052 3.815c-0.090 0.227-0.14 0.475-0.14 0.734 0 1.105 0.895 2 2 2s2-0.895 2-2-0.895-2-2-2c-0.259 0-0.507 0.050-0.734 0.14l-3.766-3.013c0.985-0.709 2.194-1.127 3.501-1.127 3.314 0 6 2.686 6 6h3c0-4.418-3.582-8-8-8z"></path> </svg>'); 
    margin-top: -3px;
}
.cpuicon2.yellow, .cpuicon.yellow {
    /*background-image: url('/theme/svg/UiElements/cpu-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fcee21" d="M8 4c-4.418 0-8 3.582-8 8h1c0-3.314 2.686-6 6-6 0.15 0 0.299 0.006 0.446 0.017l-0.446 4.251h0.001c-0.598 0.346-1.001 0.992-1.001 1.732 0 1.105 0.895 2 2 2s2-0.895 2-2c0-0.741-0.403-1.387-1.001-1.732h0.001l-0.426-4.059c2.55 0.692 4.426 3.022 4.426 5.791h3c0-4.418-3.582-8-8-8z"></path> </svg>'); 
    margin-top: -3px;
}
.cpuicon2.grey, .cpuicon.grey {
    /*background-image: url('/theme/svg/UiElements/cpu-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M8 4c-4.418 0-8 3.582-8 8h1c0-1.819 0.809-3.449 2.088-4.549l3.052 3.815c-0.090 0.227-0.14 0.475-0.14 0.734 0 1.105 0.895 2 2 2s2-0.895 2-2-0.895-2-2-2c-0.259 0-0.507 0.050-0.734 0.14l-3.766-3.013c0.985-0.709 2.194-1.127 3.501-1.127 3.314 0 6 2.686 6 6h3c0-4.418-3.582-8-8-8z"></path> </svg>'); 
    margin-top: -3px;
}
.bandwidthicon2.red, .bandwidthicon.red {
    /*background-image: url('/theme/svg/UiElements/bandwidth-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path stroke-width="2" fill="%23ec1c24" d="M7.5 15c-0.017 0-0.034-0.001-0.052-0.003-0.226-0.023-0.408-0.197-0.443-0.421l-1.595-10.369-1.423 6.401c-0.051 0.229-0.254 0.392-0.488 0.392h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.599l1.913-8.608c0.052-0.235 0.264-0.399 0.505-0.391s0.441 0.186 0.478 0.424l1.709 11.11 2.328-6.209c0.074-0.198 0.266-0.328 0.477-0.324s0.398 0.141 0.465 0.342l1.526 4.577 0.526-1.577c0.068-0.204 0.259-0.342 0.474-0.342h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.64l-0.886 2.658c-0.068 0.204-0.259 0.342-0.474 0.342s-0.406-0.138-0.474-0.342l-1.553-4.66-2.504 6.678c-0.074 0.197-0.261 0.324-0.468 0.324z"></path> </svg>');
}
.bandwidthicon2.green, .bandwidthicon.green {
    /*background-image: url('/theme/svg/UiElements/bandwidth-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path stroke-width="2" fill="%2321ff8c" d="M7.5 15c-0.017 0-0.034-0.001-0.052-0.003-0.226-0.023-0.408-0.197-0.443-0.421l-1.595-10.369-1.423 6.401c-0.051 0.229-0.254 0.392-0.488 0.392h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.599l1.913-8.608c0.052-0.235 0.264-0.399 0.505-0.391s0.441 0.186 0.478 0.424l1.709 11.11 2.328-6.209c0.074-0.198 0.266-0.328 0.477-0.324s0.398 0.141 0.465 0.342l1.526 4.577 0.526-1.577c0.068-0.204 0.259-0.342 0.474-0.342h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.64l-0.886 2.658c-0.068 0.204-0.259 0.342-0.474 0.342s-0.406-0.138-0.474-0.342l-1.553-4.66-2.504 6.678c-0.074 0.197-0.261 0.324-0.468 0.324z"></path> </svg>');
}
.bandwidthicon2.yellow, .bandwidthicon.yellow {
    /*background-image: url('/theme/svg/UiElements/bandwidth-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path stroke-width="2" fill="%23fcee21" d="M7.5 15c-0.017 0-0.034-0.001-0.052-0.003-0.226-0.023-0.408-0.197-0.443-0.421l-1.595-10.369-1.423 6.401c-0.051 0.229-0.254 0.392-0.488 0.392h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.599l1.913-8.608c0.052-0.235 0.264-0.399 0.505-0.391s0.441 0.186 0.478 0.424l1.709 11.11 2.328-6.209c0.074-0.198 0.266-0.328 0.477-0.324s0.398 0.141 0.465 0.342l1.526 4.577 0.526-1.577c0.068-0.204 0.259-0.342 0.474-0.342h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.64l-0.886 2.658c-0.068 0.204-0.259 0.342-0.474 0.342s-0.406-0.138-0.474-0.342l-1.553-4.66-2.504 6.678c-0.074 0.197-0.261 0.324-0.468 0.324z"></path> </svg>');
}
.bandwidthicon2.grey, .bandwidthicon.grey {
    /*background-image: url('/theme/svg/UiElements/bandwidth-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path stroke-width="2" fill="%239698a5" d="M7.5 15c-0.017 0-0.034-0.001-0.052-0.003-0.226-0.023-0.408-0.197-0.443-0.421l-1.595-10.369-1.423 6.401c-0.051 0.229-0.254 0.392-0.488 0.392h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.599l1.913-8.608c0.052-0.235 0.264-0.399 0.505-0.391s0.441 0.186 0.478 0.424l1.709 11.11 2.328-6.209c0.074-0.198 0.266-0.328 0.477-0.324s0.398 0.141 0.465 0.342l1.526 4.577 0.526-1.577c0.068-0.204 0.259-0.342 0.474-0.342h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.64l-0.886 2.658c-0.068 0.204-0.259 0.342-0.474 0.342s-0.406-0.138-0.474-0.342l-1.553-4.66-2.504 6.678c-0.074 0.197-0.261 0.324-0.468 0.324z"></path> </svg>');
}
.diskicon2.red,
.diskicon.red {
    /*background-image: url('/theme/svg/UiElements/disk-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ec1c24" d="M8 0c-4.418 0-8 1.119-8 2.5v2c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-2c0-1.381-3.582-2.5-8-2.5z"></path> <path fill="%23ec1c24" d="M8 8.5c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> <path fill="%23ec1c24" d="M8 13c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> </svg>');
}
.diskicon2.green,
.diskicon.green {
    /*background-image: url('/theme/svg/UiElements/disk-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M8 0c-4.418 0-8 1.119-8 2.5v2c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-2c0-1.381-3.582-2.5-8-2.5z"></path> <path fill="%2321ff8c" d="M8 8.5c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> <path fill="%2321ff8c" d="M8 13c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> </svg>');
}
.diskicon2.yellow,
.diskicon.yellow {
    /*background-image: url('/theme/svg/UiElements/disk-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fcee21" d="M8 0c-4.418 0-8 1.119-8 2.5v2c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-2c0-1.381-3.582-2.5-8-2.5z"></path> <path fill="%23fcee21" d="M8 8.5c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> <path fill="%23fcee21" d="M8 13c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> </svg>');
}
.diskicon2.grey,
.diskicon.grey {
    /*background-image: url('/theme/svg/UiElements/disk-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M8 0c-4.418 0-8 1.119-8 2.5v2c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-2c0-1.381-3.582-2.5-8-2.5z"></path> <path fill="%239698a5" d="M8 8.5c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> <path fill="%239698a5" d="M8 13c-4.418 0-8-1.119-8-2.5v3c0 1.381 3.582 2.5 8 2.5s8-1.119 8-2.5v-3c0 1.381-3.582 2.5-8 2.5z"></path> </svg>');
}
.memoryicon2.red, .memoryicon.red {
    /*background-image: url('/theme/svg/UiElements/memory-red.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ec1c24" d="M14.5 8c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1.5l-0.5-0.5h-1.5v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1.5l-0.5 0.5v1.5h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1.5l0.5 0.5h1.5v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1.5l0.5-0.5v-1.5h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5zM9 10h-3v-3h3v3z"></path> </svg>'); 
    margin-right: -2px;
}
.memoryicon2.green, .memoryicon.green {
    /*background-image: url('/theme/svg/UiElements/memory-green.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%2321ff8c" d="M14.5 8c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1.5l-0.5-0.5h-1.5v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1.5l-0.5 0.5v1.5h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1.5l0.5 0.5h1.5v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1.5l0.5-0.5v-1.5h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5zM9 10h-3v-3h3v3z"></path> </svg>'); 
    margin-right: -2px;
}
.memoryicon2.yellow, .memoryicon.yellow {
    /* background-image: url('/theme/svg/UiElements/memory-yellow.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fcee21" d="M14.5 8c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1.5l-0.5-0.5h-1.5v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1.5l-0.5 0.5v1.5h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1.5l0.5 0.5h1.5v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1.5l0.5-0.5v-1.5h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5zM9 10h-3v-3h3v3z"></path> </svg>'); 
    margin-right: -2px;
}
.memoryicon2.grey, .memoryicon.grey {
    /*background-image: url('/theme/svg/UiElements/memory-grey.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%239698a5" d="M14.5 8c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1.5l-0.5-0.5h-1.5v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1v-1.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v1.5h-1.5l-0.5 0.5v1.5h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1h-1.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h1.5v1.5l0.5 0.5h1.5v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1v1.5c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-1.5h1.5l0.5-0.5v-1.5h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5h-1.5v-1h1.5zM9 10h-3v-3h3v3z"></path> </svg>');
}
/*.softwareicon.default {*/
    /*background-image: url('/theme/svg/UiElements/software.svg');*/
    /*background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 95"><defs><style>.cls-1{opacity:0.5;}.cls-2{fill:%234e84c4;}</style></defs><title>software</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="44.03" cy="44.42" r="1.47"/><polygon class="cls-2" points="45.19 49.57 45.19 54.72 47.53 54.72 44.03 58.67 40.19 54.72 42.62 54.72 42.62 49.57 45.19 49.57"/><path class="cls-2" d="M41.26,51.38V47.85h5.53v3.53a7.49,7.49,0,1,0-5.53,0ZM44,41.58a2.84,2.84,0,1,1-2.84,2.84A2.84,2.84,0,0,1,44,41.58Z"/></g></g></svg>');
}*/
.toggle {
    height: 30px;
    width: auto;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}
.toggle-selected {
    background-image: url('/theme/svg/UiElements/toggle-selected.svg');
    transform: scaleX(-1);
}
.toggle-unselected {
    background-image: url('/theme/svg/UiElements/toggle-unselected.svg');
    transform: scaleX(-1);
}
/* tags */
.tagContainer2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-grow: 0;
    flex-wrap: wrap;
    padding: 5px;
}
.tagContainer {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
/* for selected tag "buttons" in existing tag multi-select dropdown */
ul > li.k-button {
    width: auto;
}
.removeTagBtn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
    width: 40px;
    height: 40px;
}
.removeTagBtn.removeTagBtnIcon {
    background-image: url('/theme/svg/UiElements/btn-add-unselected.svg');
    /*rotation: 45deg;*/
    transform: rotate(45deg);
}
.selectableTag {
    cursor: pointer;
}
/*.popupCurrentTag {
    font-size: 9pt;
    vertical-align: -webkit-baseline-middle;
}*/
.tagAddBtn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250%;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.tagAddBtn.addTagBtnIcon {
    background-image: url('/theme/svg/UiElements/btn-add-unselected.svg');
}
.trendsBtn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: 5px;
}
.trendsBtn.timeSeries {
    background-image: url('/theme/svg/white/trends.svg');
}
.trendsBtn.timeSeries:hover {
    background-image: url('/theme/svg/white/trendsgrey.svg');
}
.popupTagDiv {
    cursor: pointer;
}
/*.tagX {
    vertical-align: bottom;
    margin-left: 5px;
    text-decoration: none;
    color: var(--color_steel_blue);
    font-weight: bold;
}*/
.tagX {
    margin-left: 5px;
    text-decoration: none;
    /*color: var(--color_steel_blue);*/
    color: var(--color_manatee);
    font-size: 16px;
    cursor: pointer;
}
.popupTagName {
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    text-decoration: none;
    color: var(--color_steel_blue);
    font-weight: bold;
    font-size: 9pt;
    vertical-align: middle;
    padding: 5px 15px;
    margin: 2px;
}
.tagName {
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    text-decoration: none;
    color: var(--color_steel_blue);
    font-weight: bold;
    font-size: 9pt;
    vertical-align: middle;
    padding: 5px 15px;
    margin: 2px;
}
/* navigationPill*/
.navigationPill {
    display: inline-block;
    padding: 8px 15px;
    margin-bottom: 6px;
    color: var(--color_steel_blue);
    font-size: 10pt;
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
.navigationPill:hover {
    background: white;
    border-color: white;
    text-decoration: none;
}

.navigationPill.firstButton {
    margin-left: 30px;
}
.navigationPill.lastButton {
    margin-right: 30px;
}
.navigationPill.leftBtn,
.navigationPill.leftBtn:hover {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.navigationPill.leftBtn:hover {
    border: 2px solid var(--color_steel_blue);
}
.navigationPill.rightBtn,
.navigationPill.rightBtn:hover {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-style: groove;
    cursor: pointer;
    margin-right:4px;
}
.navigationPill.rightBtn:hover {
    border: 2px solid var(--color_steel_blue);
    border-left-style: groove;
}
.navigationPill.selected, 
.navigationPill.selected:hover {
    background-color: var(--color_steel_blue);
    border-color: var(--color_steel_blue);
    color: #ffffff;
    cursor:default;
}
.navigationPill.rightBtn.selected:hover{
    cursor:pointer;
}
.navigationPill:visited {
    text-decoration: none;
}
.enlargeicon,
.shrinkicon,
.shareicon {
    width: 20px;
    background-size: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-bottom: -4px;
}
.shareicon {
    background-image: url('/theme/svg/UiElements/share.svg');
}
.enlargeicon {
    background-image: url('/theme/svg/UiElements/enlarge.svg');
}
.shrinkicon{
    background-image: url('/theme/svg/UiElements/shrink.svg');
}
.shareicon:hover {
    background-image: url('/theme/svg/white/share.svg');
    cursor:pointer;
}
.enlargeicon:hover {
    background-image: url('/theme/svg/white/enlarge.svg');
    cursor: pointer;
}
.shrinkicon:hover {
    background-image: url('/theme/svg/white/shrink.svg');
    cursor: pointer;
} 
/* text colors */
.textred {
    color: var(--color_alizarin_crimson);
}
.textyellow {
    color: var(--color_broom);
}
.textgreen {
    color: var(--color_spring_green);
}
.textgrey {
    color: var(--color_manatee);
}
.newButton {
    margin-left: 30px;
    margin-bottom: 15px;
}
.newButtonText::before {
    content: "";
    background-image: url("/theme/svg/noGlow/ADD-DASHBOARD.svg");
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 10px;
    width: 11px;
    height: 11px;
}
.help {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-image: url('/theme/svg/UiElements/help.svg');
}
.attnmarker {
    height: 20px;
    width: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    vertical-align: middle;
    margin-left: 2px;
}
.attnmarker2 {
    height: 6px;
    width: 12px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    margin-top: -3px;
}
.dot {
    background-image: url('/theme/svg/UiElements/circle-small.svg');
}
.arrowicon {
    height: 25px;
    width: 25px;
    display: inline-flex;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    /*margin: auto;*/
    vertical-align: middle;
}
.down {
    background-image: url('/theme/svg/UiElements/arrow-down16.svg');
}
.up {
    background-image: url('/theme/svg/UiElements/arrow-up16.svg');
}
.delete {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-image: url('/theme/svg/UiElements/delete.svg');
}
.details {
    height: 15px;
    width: 15px;
    display: inline-flex;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.expand {
    /*background-image: url('/theme/svg/UiElements/plus-noborder.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M15 7h-6v-6h-2v6h-6v2h6v6h2v-6h6z" stroke-width="10"></path> </svg>');
}
.collapse {
    /*background-image: url('/theme/svg/UiElements/minus-noborder.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M1 7h14v2h-14v-2z" stroke-width="10"></path> </svg>');
}
.searchInputContainer {
    margin-bottom: 10px;
}
.ownedDeviceCount {
    font-weight: bold;
    font-size: 12pt;
}
.sharedDeviceCount {
    font-weight: bold;
    font-size: 10pt;
}
.devicedetail-textbox {
    margin-bottom: 5px;
}
/*#userTagsContainer.tagContainer2,*/
#editTagsContainer.tagContainer2,
#autoTagContainer.tagContainer2,
#currentUserTags .tagContainer2 {
    height: 70px;
    overflow-y: auto;
}
.no-link {
    text-decoration: none;
}
.tagEcoSystemContainer2 {
    overflow-y: auto;
    height: auto !important;

}
.tagBackground {
    margin: 3px;
}
.tagBackground.tagEcoSystemBackground {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 3px;
    margin-right: 3px;
}
.popupContent .tagContainer2 .tagBackground {
    display: inline;
    margin-bottom: 7px;
}
.certRequestForm {
    resize: none;
    background: black;
    color: white;
    font-size: 12px;
    width: 450px;
    height: 300px;
}
.pinChallengeForm {
    resize: none;
    background: black;
    color: white;
    font-size: 12px;
    width: 450px;
    height: 150px;
}
.licenseInfoContainer {
    margin: 10px;
}
/***************************************/
/* Configuration Screen Popups - Start */
/***************************************/
.panelDivider {
    height: 1px;
    background-image: linear-gradient(to right, rgba(151, 153, 166, .1), rgba(151, 153, 166, .9), rgba(151, 153, 166, .1));
}
#thresholdsSelectProductContainer {
    overflow: auto;
    max-height: 341px;
}
.configItem {
    align-items: center;
    color: white;
    font-size: 11pt;
    text-align: left;
    height: 30px;
}
.configItem.selected, .configItem:hover {
    font-size: 11pt;
    background-image: linear-gradient(to right, steelblue 50%, rgba(102, 102, 102, .2));
}
.configItemsHeader {
    align-items: center;
    color: white;
    font-size: 13pt;
    text-align: left;
    height: 30px;
}
.selectionColumn {
    margin: 10px;
}
.configSelectionItemText {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align:middle
}
.configHeaderText {
    justify-content: left;
    align-items: flex-start;
    font-size: 13pt;
}
.configHeaderLabelText {
    margin-right: 10px;
}
.configHeaderLabelContainer {
    width: 100px;
    justify-content: right;
    align-items: flex-end;
}
.configHeaderValueContainer {
    width: 200px;
    justify-content: left;
}
.configValuesHeader {
    width: 150px;
    justify-content: center;
    font-size: 13pt;
    text-align: center;
}
#thresholdsValuesPanel {
    margin: 20px;
    border: 1px solid black;
}
#warningRow {
    height: 30px;
}
#initialMessageColumn {
    vertical-align: middle;
    align-items: center;
    font-size: 14pt;
    margin-top: 50px;
    margin-left: 50px;
}
.configIntroMessage {
    width: 500px;
    height: 200px;
}
.configUpdateResultDialog {
    max-height: 200px;
    margin: 20px;
    overflow: auto;
}
.colorText {
    vertical-align: middle;
}
.customSettingMessage {
    font-size: 14px;
    padding-left: 20px;
}

.thresholdColorBox {
    color: black;
    font-size: 8pt;
    text-align: center;
    vert-align: middle;
    height: 20px;
    width: 35px;
    border: 1px solid black;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.thresholdColorBoxHeader {
    height: 20px;
    width: 57px;
    margin-left: 10px;
    margin-right: 10px;
}
.thresholdSectionHeader {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    align-items: center;
}
.thresholdColorBox.green {
    background-color: var(--color_spring_green);
}
.thresholdColorBox.yellow {
    background-color: var(--color_broom);
    margin-top: 15px;
}
.thresholdColorBox.red {
    background-color: var(--color_alizarin_crimson);
    margin-top: 15px;
}
.thresholdBoundsValue {
    width: 100px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.thresholdBoundsValueDefault {
    width: 35px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
}
.thresholdBoundsValueDefault.left {
    align-items: flex-end;
}
.thresholdBoundsValueDefault.right {
    align-items: flex-start;
}
.thresholdHeaderSpacer {
    width: 100px;
}
.thresholdBoundsValue.left {
    align-items: flex-end;
}
.thresholdBoundsValue.right {
    align-items: flex-start;
    width: 35px;
}
.variableLeft {
    margin-top: 15px
}
.thresholdDashValue {
    width: 15px;
    align-items: center;
    margin-top: 10px;
}
.thresholdDashValue.variableLeft {
    margin-top: 15px;
}
.lastConfigRow {
    margin-bottom: 10px;
}
.bundleType {
    /*background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;*/
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-size: 98%;
    background-repeat: no-repeat;
    background-position: center;
}
.bundleType.bd {
    background-image: url("/theme/img/bg.png")
}
.bundleType.hid {
    background-image: url("/theme/svg/UiElements/HID_Global_logo.svg");
    background-color: #fff;
    background-position-x: 1px;
}
.bundleType.cumulus {
    background-image: url("/theme/svg/UiElements/cloud.svg")
}
.virtualCredentials.bundleType {
    width: 25px;
    height: 25px
}
.readerImg{

}
ul.readerEventData {
    padding-left: 0;
    padding:5px 2px 10px 2px;
}
ul.readerEventData > li {
    display: inline;
}
.peopleTotal {
    color: var(--color_steel_blue);
    padding-bottom:10px;
    cursor: pointer;
}
.peopleTotal:hover {
    color:#fff;
}
.posRel {
    position: relative;
}
.insideDonutIcon {
    position: absolute;
    height: 50px;
    width: 50px;
    display: inline-flex;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
.dashCredIcon {
    background-image: url('/theme/svg/UiElements/vcred.svg');
}
.dashBDStatIcon {
    background-image: url('/theme/img/bg.png');
}
.dashHIDStatIcon {
    background-image: url('/theme/svg/UiElements/HID_Global_logo.svg');
}
.insideDonutCount{
}
.dashCredCount,
.dashBDStatCount,
.dashHIDStatCount {
    position: absolute;
    font-size: 2em;
    width: 90px;
    text-align: center;
}

/*Reader Config*/
.cfgHeight {
    height: var(--p640);
}
.cfgTitle {
    font-size: 26pt;
    color: var(--color_steel_blue);
    text-align:center;
}
.bgTransparent {
    background-color: transparent;
}
.inheritHgt{
    height:inherit;
}
.cfgNavRegion {
    background-color: #161819;
}
.cfgHeader {
    height: calc(var(--p640)*.25);
}
.cfgNav {
    height: calc(var(--p640)*.75);
}
.cfgDataRegion {
    background-color: #262529;
}
.cfgBody {
    height: calc(var(--p640)*0.88);
}
.cfgBodyTitle {
    font-size: 26pt;
    font-weight:bold;
    color:#fff;
    height:75px;
}
.cfgCred {
    height: calc(var(--p640)*0.88 - 100px);
    box-shadow: 3px 3px 10px 10px rgb(0 0 0 / 20%);
    padding:0;
}
.cfgCredProfile {
    background-color: #161819;
    border-radius: 30px;
    border-color: #44494b;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    padding: .5rem .8rem;
    font-size: 1.1rem;
}
.cfgButtons {
    height: calc(var(--p640)*0.12);
    padding:0em 1em;
}
.cfgStepHdrTitle {
    font-size: 20pt;
    font-weight: bold;
    color: #fff;
    height: 50px;
}
.cfgStepReview {
    overflow-y: auto;
    box-shadow: 1px 2px 5px 5px rgb(0 0 0 / 20%);
    padding:10px;
}
.cfgVerInstalled {
    padding: 3px 7px;
    background-color: #dd2c00;
    color:#fff;
    display: inline-block;
    border-radius: 5px;
}
.cfgVerLatest {
    padding: 3px 7px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    border: 2px solid var(--color_manatee);
    border-radius: 5px;
}

/* CONSOLIDATE IMAGES HERE ONE DAY*/
.svg30 {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
/*.svg30.info{
    background-color:#fff;
    border-radius: 30px;
    background-size: 30px;
    background-image: url('/theme/svg/UiElements/info.svg');
}*/
.svg16 {
    height: 16px;
    width: 16px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.svg20 {
    height: 20px;
    width: 20px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.svg20.info {
    background-color: #fff;
    border-radius: 30px;
    background-size: 30px;
    background-image: url('/theme/svg/UiElements/info.svg');
}
.svg30.eye {
    background-size: 22px;
    background-image: url('/theme/svg/UiElements/eye-blue.svg');
}
.svg30.eye-blocked {
    background-size: 22px;
    background-image: url('/theme/svg/UiElements/eye-blocked-blue.svg');
}
.svg20.warn {
    background-image: url('/theme/svg/UiElements/warn-outline-red.svg');
}
.svg30.warn-blue{
    background-size: 16px;
    background-image: url('/theme/svg/UiElements/warn-blue.svg');
}
.svg16.arrow-right,
.svg16.arrow-left {
    background-size: 14px;
    background-position-y: -1px;
}
.svg16.cross {
    background-position-y: -5px;
}
.svg16.arrow-right{
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M5.5 0l-2 2 6 6-6 6 2 2 8-8-8-8z"></path> </svg>');
}
.wizard:hover .svg16.arrow-right {
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M5.5 0l-2 2 6 6-6 6 2 2 8-8-8-8z"></path> </svg>');
}
.svg16.arrow-left {
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M10.5 16l2-2-6-6 6-6-2-2-8 8 8 8z"></path> </svg>');
}
.wizard:hover .svg16.arrow-left {
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M10.5 16l2-2-6-6 6-6-2-2-8 8 8 8z"></path> </svg>');
}
.svg16.cross {
    background-size: 22px;
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M12.207 10.793l-1.414 1.414-2.793-2.793-2.793 2.793-1.414-1.414 2.793-2.793-2.793-2.793 1.414-1.414 2.793 2.793 2.793-2.793 1.414 1.414-2.793 2.793 2.793 2.793z"></path> </svg>');
}
.svg16.plus-circle {
    background-image: url('/theme/svg/UiElements/plus-circle.svg');
}
.svg16.cross-circle {
    background-image: url('/theme/svg/UiElements/cross-circle.svg');
}
.svg20.cross-circle {
    background-size: 20px;
    background-image: url('/theme/svg/UiElements/cross-circle.svg');
}
.svg16.file-upload {
    vertical-align:inherit;
    background-image: url('/theme/svg/UiElements/file-upload.svg');
}
.wizard:hover .svg16.file-upload {
    vertical-align: inherit;
    background-image: url('/theme/svg/UiElements/file-upload-blue.svg');
}
.sliderPanel {
    background-image: linear-gradient(to right, rgba(41, 41, 45, .8), rgba(75, 76, 83, .6));
    height: 100%;
}
.sliderPanelTitle {
    line-height: 66px;
    color: white;
    font-size: 13pt;
    text-transform: uppercase;
    text-align: center;
}
.sliderPanelItem {
    display: flex;
    align-items: center;
    direction: ltr;
}
.sliderPanelDivider {
  height: 1px;
  background-image: linear-gradient(to right, rgba(151, 153, 166, .1), rgba(151, 153, 166, .9), rgba(151, 153, 166, .1));
}
.sliderSectionTitle.sliderSectionMainTitle {
    justify-content: center;
    text-align: center;
}
.sliderSectionTitle {
    color: white;
    font-size: 13pt;
    text-align: left;
    height: 58px;
    padding-left: 14px;
    font-weight: 500;
}
.mainSectionTitle {
    text-transform: uppercase;
}
.filterSectionTitle {

}
.panelTextWrap {
    padding-left: 30px;
    padding-right: 20px;
}
.panelText {
    padding: 5px;
    overflow-wrap: break-word;
}
.panelClearFilter {
    display: inline;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.filterSet {
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><path fill="%23d5d5d5" d="M0 2l6 6v6l4-1v-5l6-6z"></path><path fill="%23ec1c24" d="M1 4h11v2h-8.2v-2z"></path></svg>');
}
.dashboardDashboardItem {
    /*text-decoration-line: underline;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
}
.panelSectionArrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/theme/svg/glow/drop-down.svg');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    border: 2px solid var(--color_manatee);
    border-radius: 30px;
    border-spacing: 5px;
    box-shadow: 0 0 1px #FFFFFF;
}
.panelSectionArrow.open {
    transform: rotate(-180deg);
}
.panelSectionArrow.closed {
}
.panelSectionArrow:hover {
    color: white;
    border: 2px solid white;
    border: 2px solid white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
.panelCollapsibleItems{
    padding-bottom:10px;
}
.panelFilterItems {
    margin: 0;
    padding-left: 20px;
    padding-right: 2px;
    list-style-type: none;
    overflow-y: auto;
}
.panelFilterItems li:nth-child(1) {
    margin-top: 10px;
}
.panelFilterItems li {
    margin-bottom: 8px;
}
.panelFilterCategory {
    font-size: 12pt;
    text-align: left;
}
.sliderActionTitle {
    color: white;
    font-size: 13pt;
    text-transform: uppercase;
    text-align: center;
}
.sliderActionsTitle {
    padding:15px 0px;
}
.sliderActionTitleSelected {
    margin-top: 41px;
    text-align: center;
}
#showAll, #clear {
    color: var(--color_manatee);
    font-size: 9pt;
    cursor: pointer;
    display: inline-flex;
}
#clear {
    text-align: right;
    margin-right:5px;
}
#showAll:hover, #clear:hover {
    color: white;
}
.panelScrollIconContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}
.panelScrollIcon {
    width: 20px;
    height: 20px;
    background-image: url('/theme/svg/glow/drop-down.svg');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    border: 2px solid var(--color_manatee);
    border-radius: 30px;
    border-spacing: 5px;
    box-shadow: 0 0 1px #FFFFFF;
    margin: 0 auto;
    cursor: pointer;
}
.panelScrollIcon:hover {
    color: white;
    border: 2px solid white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
.panelScrollIcon.up{
    transform: rotate(-180deg);
}
.panelScrollIcon.down{

}
.PanelScrollableItems {
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.PanelScrollableItemsInnerContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0;
    direction: rtl;
}
.sliderActionContainer {
    flex-direction: column;
    padding: 5px 20px 10px 0;
    text-align: center;
    overflow: hidden;
}
.sliderActionContainerInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0 10px;
    direction: rtl;
}
.sliderAction.popupSliderAction {
    padding-right: 10px;
    padding-left: 10px;
    width: auto;
}
.actionTitle {
    vertical-align: central;
}
.sliderAction {
    display: inline-block;
    padding: 4px 0px;
    /*margin-left: 5px;
    margin-right: 5px;*/
    padding-left: 10px;
    padding-right: 10px;
    width: 165px;
    margin-bottom: 8px;
    color: var(--color_steel_blue);
    font-size: 10pt;
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.sliderAction2 {
    padding: 5px 20px;
    color: var(--color_steel_blue);
    font-size: 10pt;
    border: 2px solid var(--color_steel_blue);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    background-color:#fff;
}
.sliderAction.highlightBtn,
.sliderAction2.highlightBtn {
    border-color: #fcee21;
    color: #fcee21;
}
.sliderAction.invalidBtn
.sliderAction2.invalidBtn {
    border-color: #ec1c24;
    color: #ec1c24;
}
.sliderAction.highlightBtn:hover,
.sliderAction.invalidBtn:hover,
.sliderAction2.highlightBtn:hover,
.sliderAction2.invalidBtn:hover {
    color: var(--color_steel_blue);
}
.sliderAction.selected,
.sliderAction2.selected {
    background: white;
    border-color: white;
}
.sliderAction:hover,
.sliderAction2:hover {
    background: white;
    border-color: white;
}
.global_icon.green {
    color: var(--color_spring_green);
    border-color: var(--color_spring_green);
}
.global_icon.yellow {
    color: var(--color_broom);
    border-color: var(--color_broom);
}
.global_icon.red {
    color: var(--color_alizarin_crimson);
    border-color: var(--color_alizarin_crimson);
}
/* CHECKMARK*/
/* Customize the label (the container) */
.checkmarkContainer {
    display: inline-block;
    word-break: break-word;
    position: relative;
    padding-left: 25px;
    vertical-align:top;
    padding-right: 3px;
    cursor: pointer;
    font-size: 9.5pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkmarkContainer.blue {
    color: var(--color_steel_blue);
}
/* Hide the browser's default checkbox */
.checkmarkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid var(--color_manatee);
}
.checkmark.no-border{
    border:none;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkmarkContainer input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkmarkContainer .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid var(--color_manatee);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Create a custom radiobutton */
.radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius:17px;
    border: 1px solid var(--color_manatee);
}
/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkmarkContainer input:checked ~ .radiomark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkmarkContainer .radiomark:after {
    left: 4px;
    top: 4px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border: solid var(--color_manatee);
    background-color: var(--color_manatee);
    border-width: 2px;
}
/* CHECKMARK END*/
/**ADHOC FILTER**/
.adhocLabel {
    display: inline-block;
    position: relative; 
    vertical-align: top;
    padding-right: 3px;
    font-size: 9.5pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.adhocControl {
    display: inline-block;
    position: relative;
    padding-right: 3px;
    font-size: 9.5pt;
    width: 90%;
}

.checkmarkContainer.blue {
    color: var(--color_steel_blue);
}
.closeIconContainer {
    flex-basis: 30px;
    flex-grow: 0;
    display: flex;
    vertical-align: middle;
    margin-left: auto;
    padding: 10px;
}
.menuItem {
    color: white;
    font-size: 11pt;
    text-transform: uppercase;
    text-align: left;
    height: 53px;
}
.menuItem .notransform{
    text-transform:none;
}
.menuItem a {
    color: white;
}
.menuItem.selected, .menuItem:hover{
    font-size: 11pt;
    background-image: linear-gradient(to right, steelblue 50%, rgba(102, 102, 102, .2));
}
.menuIcons{
    display: inline-block;
    padding: 5px 10px;
}
.sliderPanelItem.menuItem .menuIcons{
    padding-left:30px;
}
.menuItem.melected .selected_icon,
.menuItem:hover .selected_icon,
.menuItem.melected .global_icon,
.menuItem:hover .global_icon {
    color: white;
    border: 2px solid white;
    box-shadow: 0 0 20px #ffffff;
    text-shadow: 0 0 10px #ffffff;
}
.sliderPanelItem.MenuItem a {
    text-decoration:none;
    width:100%;
}
.GridHeader {
    justify-content: left;
    margin-left: 23px;
}
.active {
    color: red;
}

/** SLIDER RELATED CLASSES **/
.sliderOpen {
    min-width: 210px;
    max-width: 210px;
    width: 210px;
}
.sliderClosed {
    min-width: 0px;
    max-width: 0px;
    width: 0px;
}
.sliderOpenEx {
    min-width: 230px;
    max-width: 230px;
    width: 230px;
}
.leftSliderContent {
    margin-top: 68px;
}
.rightSliderContent {
    margin-top: 68px;
}
.leftTabContent {
    height:100%;
    overflow: auto;
}
.rightTabContent {
    overflow: auto;
}
#sliderhandleflex {
    flex-basis: 22px;
    flex-shrink: 0;
    width: 22px;
}
.leftSliderTabContainer {
    position: fixed;
    padding: 0;
    margin: 0;
}
#leftSliderWrapperflex,
#rightSliderWrapperflex {
    height: 100%;
    transition: all 300ms ease 0s;
}
#leftSliderflex,
#rightSliderflex {
    background-image: linear-gradient(to right, rgba(41, 41, 45, .8), rgba(75, 76, 83, .6));
    /*max-width: 210px;
    min-width: 0px;*/
    overflow:hidden;
}
.leftSliderNav {
    top: 58px;
    left: 0px;
}
.leftSliderFilter {
    top: 174px;
    left: 0px;
}
.leftSliderCollapse {
    left: 210px;
}
.leftSliderCollapseEx {
    left: 230px;
}
.rightSliderTabContainer {
    position: fixed;
    padding: 0;
    margin: 0;
}
.rightSlider {
    top: 58px;
    right: 0px;
}
.rightSliderCollapse {
    right: 210px;
}
.firstTab {
    height: 12px;
    width: 50px;
    background: red;
    top: 0;
    left: 0;
}
.leftSliderTabNavTrigger,
.leftSliderTabFilterTrigger {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(41, 41, 45, 1), rgba(41, 41, 45, 1));
    height: 116px;
    position: fixed;
    padding:1px;
}
.rightSliderTabTrigger {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(41, 41, 45, 1), rgba(41, 41, 45, 1));
    height: 116px;
    position: fixed;
    padding: 1px;
}
button.leftSliderTabNavTrigger,
button.leftSliderTabFilterTrigger { /* Create slant on tab */
    border-style: none;
    outline: none;
    transform: skewY(-30deg);
    transform-origin: top left;
}
button.rightSliderTabTrigger { /* Create slant on tab */
    border-style: none;
    outline: none;
    transform: skewY(30deg);
    transform-origin: top right;
}
.leftSliderTabNavTrigger .sliderMovePanelIconLeft,
.leftSliderTabFilterTrigger .sliderMovePanelIconLeft { /* Unskew icon */
    transform: skewY(30deg);
}
.leftSliderTabNavTrigger .sliderMovePanelIconLeft.iconCollapse,
.leftSliderTabFilterTrigger .sliderMovePanelIconLeft.iconCollapse { /* Unskew icon */
    transform: skewY(30deg) rotate(180deg);
}
.rightSliderTabTrigger .sliderMovePanelIconRight { /* Unskew and reverse icon*/
    transform: skewY(-30deg) rotate(180deg);
}
.rightSliderTabTrigger .sliderMovePanelIconRight.iconCollapse { /* Unskew */
    transform: skewY(-30deg);
}
.leftSliderTabNavTrigger.active,
.leftSliderTabFilterTrigger.active {
    background-image: linear-gradient(to right, rgba(75, 76, 83, .9), rgba(75, 76, 83, .9));
}
.rightSliderTabTrigger.active {
    background-image: linear-gradient(to right, rgba(41, 41, 45, 1), rgba(41, 41, 45, 1));
}
.leftSliderTabNavTrigger:hover,
.leftSliderTabFilterTrigger:hover,
.rightSliderTabTrigger:hover,
.leftSliderTabNavTrigger.active:hover,
.leftSliderTabFilterTrigger.active:hover,
.rightSliderTabTrigger.active:hover
{
    background-image: linear-gradient(to right, rgba(102, 102, 102, 1), rgba(102, 102, 102, 1));
}
.sliderMovePanelIconLeft {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*background-image: url('/theme/svg/noGlow/move-panel-left.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3.7 7.19"><defs><style>.cls-1{fill:%23767882;}</style></defs><title>MOVE PANEL</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-1" points="1.81 7.19 3.7 3.5 1.7 0.01 0 0 1.87 3.42 0.01 7.19 1.81 7.19"/></g></g></svg>');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
}
.sliderMovePanelIconFilter {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*background-image: url('/theme/svg/noGlow/move-panel-left-filter.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3.7 7.19"><defs><style>.cls-1{fill:%23767882;}</style></defs><title>MOVE PANEL</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-1" points="1.81 7.19 3.7 3.5 1.7 0.01 0 0 1.87 3.42 0.01 7.19 1.81 7.19"/></g></g></svg>');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
}
.sliderMovePanelIconRight {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*background-image: url('/theme/svg/noGlow/move-panel-right.svg');*/
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3.7 7.19"><defs><style>.cls-1{fill:%23767882;}</style></defs><title>MOVE PANEL</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-1" points="1.81 7.19 3.7 3.5 1.7 0.01 0 0 1.87 3.42 0.01 7.19 1.81 7.19"/></g></g></svg>');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
}
.health-new {
    background-image: url('/theme/svg/UiElements/Health-blue.svg');
    color: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}
.dashboardDescription {
    font-size: 10px;
    text-transform: none;
    /*text-align: center;*/
    display: block;
    padding-left: 5px;
    overflow: hidden;
}
.dashboardPanelTextContainer {
    display: inline-block;
    vertical-align:middle
}
.menuItem:hover .health-new, .menuItem.selected .health-new {
    background-image: url('/theme/svg/white/Health.svg');
}
.device-search {
    background-image: url('/theme/svg/glow/devices.svg');
    color: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}
.device-search.dropdown:hover {
        background-image: url('/theme/svg/white/devices.svg');
}
.menuItem:hover .device-search, .menuItem.selected .device-search {
    background-image: url('/theme/svg/white/devices.svg');
}
.notifications-new {
    background-image: url('/theme/svg/UiElements/Notifications-blue.svg');
    color: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}
.gear {
    /*background-image: url('/theme/svg/UiElements/settings.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M14.59 9.535c-0.839-1.454-0.335-3.317 1.127-4.164l-1.572-2.723c-0.449 0.263-0.972 0.414-1.529 0.414-1.68 0-3.042-1.371-3.042-3.062h-3.145c0.004 0.522-0.126 1.051-0.406 1.535-0.839 1.454-2.706 1.948-4.17 1.106l-1.572 2.723c0.453 0.257 0.845 0.634 1.123 1.117 0.838 1.452 0.336 3.311-1.12 4.16l1.572 2.723c0.448-0.261 0.967-0.41 1.522-0.41 1.675 0 3.033 1.362 3.042 3.046h3.145c-0.001-0.517 0.129-1.040 0.406-1.519 0.838-1.452 2.7-1.947 4.163-1.11l1.572-2.723c-0.45-0.257-0.839-0.633-1.116-1.113zM8 11.24c-1.789 0-3.24-1.45-3.24-3.24s1.45-3.24 3.24-3.24c1.789 0 3.24 1.45 3.24 3.24s-1.45 3.24-3.24 3.24z"></path> </svg>'); 
    color: var(--color_steel_blue);
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
}
.gear:hover {
    /*background-image: url('/theme/svg/white/settings.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M14.59 9.535c-0.839-1.454-0.335-3.317 1.127-4.164l-1.572-2.723c-0.449 0.263-0.972 0.414-1.529 0.414-1.68 0-3.042-1.371-3.042-3.062h-3.145c0.004 0.522-0.126 1.051-0.406 1.535-0.839 1.454-2.706 1.948-4.17 1.106l-1.572 2.723c0.453 0.257 0.845 0.634 1.123 1.117 0.838 1.452 0.336 3.311-1.12 4.16l1.572 2.723c0.448-0.261 0.967-0.41 1.522-0.41 1.675 0 3.033 1.362 3.042 3.046h3.145c-0.001-0.517 0.129-1.040 0.406-1.519 0.838-1.452 2.7-1.947 4.163-1.11l1.572-2.723c-0.45-0.257-0.839-0.633-1.116-1.113zM8 11.24c-1.789 0-3.24-1.45-3.24-3.24s1.45-3.24 3.24-3.24c1.789 0 3.24 1.45 3.24 3.24s-1.45 3.24-3.24 3.24z"></path> </svg>');
}
.search {
    /*background-image: url('/theme/svg/UiElements/search.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M9.962 8.716c0.653-0.905 1.038-2.015 1.038-3.216 0-3.038-2.462-5.5-5.5-5.5s-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5c1.201 0 2.312-0.385 3.216-1.038l5.284 6.038 2-2-6.038-5.284zM5.5 9.5c-2.209 0-4-1.791-4-4s1.791-4 4-4c2.209 0 4 1.791 4 4s-1.791 4-4 4z"></path> </svg>'); 
    color: var(--color_steel_blue);
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
}
.search:hover {
    /*background-image: url('/theme/svg/white/search.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23ffffff" d="M9.962 8.716c0.653-0.905 1.038-2.015 1.038-3.216 0-3.038-2.462-5.5-5.5-5.5s-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5c1.201 0 2.312-0.385 3.216-1.038l5.284 6.038 2-2-6.038-5.284zM5.5 9.5c-2.209 0-4-1.791-4-4s1.791-4 4-4c2.209 0 4 1.791 4 4s-1.791 4-4 4z"></path> </svg>');
}
.user {
    /*background-image: url('/theme/svg/UiElements/user.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%234e84c4" d="M4 5c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM12 10h-8c-2.209 0-4 1.791-4 4v1h16v-1c0-2.209-1.791-4-4-4z"></path> </svg>');
    color: var(--color_steel_blue);
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
}
.user.inline {
    width: 23px;
    height: 20px;
    background-size: 20px;
}
.user:hover {
    /*background-image: url('/theme/svg/white/user.svg');*/
    background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="%23fff" d="M4 5c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM12 10h-8c-2.209 0-4 1.791-4 4v1h16v-1c0-2.209-1.791-4-4-4z"></path> </svg>');
}
.key {
    background-image: url('/theme/svg/UiElements/key.svg');
    /*background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="#4e84c4" d="M11 0c-2.761 0-5 2.239-5 5 0 0.313 0.029 0.619 0.084 0.916l-6.084 6.084v3c0 0.552 0.448 1 1 1h1v-1h2v-2h2v-2h2l1.298-1.298c0.531 0.192 1.105 0.298 1.702 0.298 2.761 0 5-2.239 5-5s-2.239-5-5-5zM12.498 5.002c-0.828 0-1.5-0.672-1.5-1.5s0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5-0.672 1.5-1.5 1.5z"></path> </svg>');*/
    color: var(--color_steel_blue);
    width: 25px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.watch {
    background-image: url('/theme/svg/UiElements/watch.svg');
    /*background-image: url('data:image/svg+xml, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> <path fill="#4e84c4" d="M11 0c-2.761 0-5 2.239-5 5 0 0.313 0.029 0.619 0.084 0.916l-6.084 6.084v3c0 0.552 0.448 1 1 1h1v-1h2v-2h2v-2h2l1.298-1.298c0.531 0.192 1.105 0.298 1.702 0.298 2.761 0 5-2.239 5-5s-2.239-5-5-5zM12.498 5.002c-0.828 0-1.5-0.672-1.5-1.5s0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5-0.672 1.5-1.5 1.5z"></path> </svg>');*/
    color: var(--color_steel_blue);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.menuItem:hover .notifications-new, .notifications-new:hover, .menuItem.selected .notifications-new {
    background-image: url('/theme/svg/white/Notifications.svg');
}
.ecosystem-new {
    background-image: url('/theme/svg/glow/ecosystem.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}
.users {
    background-image: url('/theme/svg/glow/users.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.readers {
    background-image: url('/theme/svg/glow/reader.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100px;
}
.reader2 {
    background-image: url('/theme/svg/UiElements/reader2.svg');
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 20px;
    background-size: 20px;
}
.smartnodes {
    background-image: url('/theme/svg/glow/smartnode.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}
.smartnodes.inline {
    width:25px;
    height:20px;
    background-size: 20px;
}
.menuItem:hover .smartnodes, .menuItem.selected .smartnodes {
    background-image: url('/theme/svg/white/smartnode.svg');
}
.software {
    background-image: url('/theme/svg/glow/software.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}
.menuItem:hover .software, .menuItem.selected .software {
    background-image: url('/theme/svg/white/software.svg');
}
.menuItem:hover .ecosystem-new, .menuItem.selected .ecosystem-new {
    background-image: url('/theme/svg/white/ecosystem.svg');
}
.menuItem:hover .users, .menuItem.selected .users {
    background-image: url('/theme/svg/white/users.svg');
}
.menuItem:hover .readers, .menuItem.selected .readers {
    background-image: url('/theme/svg/white/reader.svg');
}
.system-status {
    background-image: url('/theme/svg/glow/system-status.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.menuItem:hover .system-status, .menuItem.selected .system-status {
    background-image: url('/theme/svg/white/system-status.svg');
}
.add-new {
    background-image: url('/theme/svg/glow/add(dashboard).svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    backcground-position: center;
    background-size: 100px;
}
.menuItem:hover .add-new, .menuItem.selected .add-new {
    background-image: url('/theme/svg/white/add(dashboard).svg');
}
.allegionSite {
    background-image: url('/theme/img/lock_640_blue.png');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
.menuItem:hover .allegionSite, .menuItem.selected .allegionSite {
    background-image: url('/theme/img/lock_640_white.png');
}
.logView {
    background-image: url('/theme/img/logView_blue.png');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
}

.menuItem:hover .logView, .menuItem.selected .logView {
    background-image: url('/theme/img/logView_white.png');
}

.auditLog {
    background-image: url('/theme/img/auditLog.png');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
}

.menuItem:hover .auditLog, .menuItem.selected .auditLog {
    background-image: url('/theme/img/auditLog_white.png');
}

.virtualCredential {
    background-image: url('/theme/svg/UiElements/vcred.svg');
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
}
.virtualCredential.inline {
    width:23px;
    height:20px;
    background-size: 20px;
}
.menuItem:hover .virtualCredential, .menuItem.selected .virtualCredential {
    background-image: url('/theme/svg/white/vcred.svg');
}
.onguardCloud {
    background-image: url('/theme/svg/UiElements/og-cloud.svg');
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: 20px;
}
.menuItem:hover .onguardCloud, .menuItem.selected .onguardCloud {
    background-image: url('/theme/svg/white/og-cloud.svg');
}